@charset "UTF-8"; /* source: /themes/warehouse-e4/css/modules/blockcart/blockcart.css */ #header .shopping_cart{}#header .shopping_cart > a{text-align:right}@media (max-width:767px){#header .shopping_cart{float:none;margin:0 auto;padding-top:10px}#header .shopping_cart > a{text-align:center}}#shopping_cart_container{float:right}@media (min-width:1470px){#shopping_cart_container.stickCart{position:fixed;right:0;top:4px;width:auto;z-index:5002}#shopping_cart_container.stickCart .cart_block{top:30px !important}#shopping_cart_container.stickCart .shopping_cart{padding-top:0}#shopping_cart_container.stickCart .more_info{display:none}}@media (max-width:767px){#shopping_cart_container{float:none}}@media (max-width:320px){.shopping_cart{padding-top:20px}}.shopping_cart > a:first-child{display:block;color:#ffffff;float:right;line-height:16px;overflow:hidden}@media (max-width:767px){.shopping_cart > a:first-child{float:none}}.shopping_cart > a:first-child span.cart_name{color:#fff;padding-right:5px;padding:5px 10px 6px 10px;display:inline-block;background:#333;text-transform:uppercase}.shopping_cart > a:first-child span.cart_name:before{content:"\f07a";font-family:"FontAwesome";display:inline-block;font-size:16px;color:#fff;padding-right:10px;float:left}.shopping_cart .more_info{background:#eeeeee;padding:5px 10px 6px 10px;display:inline-block}@media (max-width:767px){.shopping_cart .more_info{text-align:center}}#header .cart_block{color:#000 !important}#header .cart_block_list a{color:#000 !important}#header .cart_block *{color:#000}.cart_block .cart_block_list .remove_link{position:absolute;right:10px;top:14px}.cart_block .cart_block_list .remove_link a,.cart_block .cart_block_list .ajax_cart_block_remove_link,.cart_block .cart_block_list .delete_voucher{display:block;width:100%;height:100%}.cart_block .cart_block_list .remove_link a:before,.cart_block .cart_block_list .ajax_cart_block_remove_link:before,.cart_block .cart_block_list .delete_voucher:before{display:inline-block;content:"\f00d";font-family:"FontAwesome";font-size:10px;line-height:18px}.cart_block .cart-images{float:left;margin-right:20px}.cart_block .cart-info{overflow:hidden;position:relative;padding-right:20px}.cart_block .cart-info .product-name{padding-bottom:0;font-size:12px;line-height:14px}.cart_block .cart-info .product-name a{font-size:12px;line-height:14px;display:inline-block}.cart_block .cart-info .quantity-formated{display:inline-block;padding-right:5px}.cart_block dt{font-weight:normal;overflow:hidden;padding:20px 10px 16px 20px;position:relative;border-top:1px dashed #dddddd}.cart_block dt:first-child{border:none}.cart_block dd{position:relative}.cart_block dd .cart_block_customizations{border-top:1px dashed #333}.cart_block dd .cart_block_customizations li{padding:10px 20px}.cart_block dd .cart_block_customizations li .deleteCustomizableProduct{position:absolute;right:10px}.cart_block .cart_block_no_products{margin:0;padding:10px 20px}.cart_block .cart-prices{border-top:1px solid #dddddd;padding:10px 20px 10px 20px}.cart_block .cart-prices .cart-prices-line{overflow:hidden;border-bottom:1px dashed #dddddd;padding:7px 0}.cart_block .cart-prices .cart-prices-line.last-line{font-weight:bold;border:none}.cart_block .cart-buttons{overflow:hidden;padding:20px 20px 10px 20px;margin:0;background:#f6f6f6}.cart_block .cart-buttons a{width:100%;float:left;text-align:center;margin-bottom:10px;margin-right:10px}.cart_block .cart-buttons a#button_order_cart{margin-right:0}.cart_block .cart-buttons a#button_order_cart span{padding:7px 0;font-size:1.1em}#header .cart-buttons{border-top:1px solid #dddddd}#header .cart_block{position:absolute;top:75px;right:0;z-index:100;display:none;height:auto;background:#fff;width:320px;border:1px solid #D8D8D8;-moz-box-shadow:0 2px 10px rgba(0,0,0,0.15);-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.15);box-shadow:0 2px 10px rgba(0,0,0,0.15)}@media (max-width:767px){#header .cart_block{top:45px;width:100%}}#header .cart_block .cart_block_list .remove_link a,#header .cart_block .cart_block_list .ajax_cart_block_remove_link{outline:none;text-decoration:none}#header .cart_block .cart_block_list dl.products{margin-bottom:0;max-height:360px;overflow-x:hidden;overflow-y:auto}#header .cart_block .cart_block_list dl.products::-webkit-scrollbar{width:8px}#header .cart_block .cart_block_list dl.products::-webkit-scrollbar-track{background-color:#eaeaea;border-left:1px solid #ccc}#header .cart_block .cart_block_list dl.products::-webkit-scrollbar-thumb{background-color:#ccc}#header .cart_block .cart_block_list dl.products::-webkit-scrollbar-thumb:hover{background-color:#aaa}#header .cart_block .cart-images img{border:1px solid #ddd}#header .cart_block .product-atributes{font-size:11px}#header .block_content{margin-bottom:0}.cart_block #cart_block_summary,.cart_block .title_block span,#header .cart_block h4,#header .cart_block .title_block,#header .cart_block h4{display:none}.cart_block .cart_block_shipping_cost,.cart_block .cart_block_tax_cost,.cart_block .cart_block_total,.cart_block .cart_block_wrapping_cost{float:right}.cart_block table.vouchers{clear:both;width:78%;margin:0 auto;margin-bottom:10px;border:1px dashed #dddddd}.cart_block table.vouchers tr td{padding:8px}.cart_block table.vouchers tr td.quantity{margin-right:5px;min-width:18px}.cart_block table.vouchers tr td.delete{padding-left:0;padding-right:0;text-align:left;width:16px}.layer_cart_overlay{background-color:#000;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:5005;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);opacity:.2}* html .layer_cart_overlay{position:absolute;left:0;margin-left:-160px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);opacity:.2}#layer_cart{background-color:#fff;position:absolute;-moz-box-shadow:0 2px 10px rgba(0,0,0,0.15);-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.15);box-shadow:0 2px 10px rgba(0,0,0,0.15);display:none;z-index:5007;width:84%;right:0;left:0;max-width:960px;margin:0 auto;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#layer_cart .layer_cart_title{border-bottom:1px solid #dddddd;text-transform:uppercase;padding:10px 20px;padding-right:40px}#layer_cart .layer_cart_product{padding:20px;overflow:hidden;position:static}#layer_cart .layer_cart_product h2{font:400 23px/29px Arial,Helvetica,sans-serif;margin-bottom:22px;padding-right:100px}@media (max-width:479px){#layer_cart .layer_cart_product h2{font-size:18px;padding-right:0;line-height:normal}}#layer_cart .layer_cart_product h2 i{font-size:30px;line-height:30px;float:left;padding-right:8px}@media (max-width:479px){#layer_cart .layer_cart_product h2 i{font-size:22px;line-height:22px}}#layer_cart .layer_cart_product .product-image-container{max-width:178px;border:1px solid #dddddd;padding:5px;float:left;max-width:25%}#layer_cart .layer_cart_product .layer_cart_product_info{float:left;max-width:75%;padding-left:20px}#layer_cart .layer_cart_product .layer_cart_product_info #layer_cart_product_title{display:block;padding-left:0;border-bottom:1px dotted #dddddd;margin-bottom:9px}#layer_cart .layer_cart_product .layer_cart_product_info > div strong{padding-right:3px}#layer_cart .layer_cart_cart{background:#fafafa;border-left:1px solid #dddddd;padding:20px;position:relative}@media (min-width:1000px){#layer_cart .layer_cart_cart{min-height:160px}}@media (max-width:767px){#layer_cart .layer_cart_cart{border-left:none;border-top:1px solid #dddddd}}#layer_cart .layer_cart_cart .overall_cart_title{border-bottom:1px dotted #dddddd;line-height:23px;margin-top:0}#layer_cart .button-container{border-top:1px solid #dddddd;padding:20px;padding-bottom:10px}#layer_cart .button-container .btn{margin-bottom:10px}#layer_cart .button-container span.exclusive-medium{margin-right:5px}#layer_cart .button-container span.exclusive-medium i{padding-right:5px}#layer_cart .cross{position:absolute;right:13px;top:17px;width:16px;height:16px;cursor:pointer;z-index:2}#layer_cart .cross:before{content:"\f00d";display:block;font-family:"FontAwesome";font-size:16px;line-height:16px}#layer_cart .continue{cursor:pointer}#layer_cart p{padding:0}#layer_cart .crossseling .crossseling-content{border-top:1px solid #dddddd;position:relative;padding:20px}#layer_cart .crossseling h5.crossseling_pop_title{text-transform:uppercase;padding:0}#layer_cart .crossseling #blockcart_list{max-width:773px;width:84%;margin:0 auto;overflow:hidden}#layer_cart .crossseling #blockcart_list ul{display:block}#layer_cart .crossseling #blockcart_list ul li{float:left;width:178px;margin:0 0 0 0}#layer_cart .crossseling #blockcart_list ul li .product-image-container{border:1px solid #dddddd;text-align:center;padding:5px;margin-bottom:15px}#layer_cart .crossseling #blockcart_list ul li .product-image-container img{width:100%}#layer_cart .crossseling #blockcart_list ul li .product-name{padding-bottom:5px}#layer_cart .crossseling #blockcart_list ul li .product-name a{font-size:15px;line-height:20px}#layer_cart .crossseling #blockcart_list a.bx-prev,#layer_cart .crossseling #blockcart_list a.bx-next{display:block;font-family:"FontAwesome";font-size:20px;line-height:20px;width:20px;height:20px;color:#000;text-indent:-5000px;position:absolute;top:45%;margin-top:-20px}#layer_cart .crossseling #blockcart_list a.bx-prev:after,#layer_cart .crossseling #blockcart_list a.bx-next:after{display:block;text-indent:0}#layer_cart .crossseling #blockcart_list a.bx-prev:hover,#layer_cart .crossseling #blockcart_list a.bx-next:hover{color:#000}#layer_cart .crossseling #blockcart_list a.bx-prev.disabled,#layer_cart .crossseling #blockcart_list a.bx-next.disabled{display:none}#layer_cart .crossseling #blockcart_list a.bx-prev{left:5%}#layer_cart .crossseling #blockcart_list a.bx-prev:after{content:"\f137"}#layer_cart .crossseling #blockcart_list a.bx-next{right:5%}#layer_cart .crossseling #blockcart_list a.bx-next:after{content:"\f138"}#layer_cart .crossseling #blockcart_list .bx-controls{overflow:hidden} /* source: /modules/productvideo/views/css/productvideoextraright.css */ /** * NOTICE OF LICENSE * This Licence is only valid for one installation, you can sell it to * your customer and personalize it, but you can't install more than one * Licences, to install more licences buy another licences first. * * @author Pol Rué * @copyright Smart Modules 2014 * @license One time purchase Licence (You can modify or resell the product but just one time per licence) * @version 2.9.5 * @category product * Registered Trademark & Property of smart-modules.com * * **************************************** * * Product Videos * * * http://www.smart-modules.com * * * V 2.9.5 * * **************************************** */ #pv_videos *, .default-hide { display:none; } #pv_videos::after, #pv_videosl::after, #tabvideos::after { content:''; display:block; clear:both; } #pv_videos li, #pv_videosl li, #tabvideos li { width:31%; position:relative; float:left; margin:15px 1%; } #pv_videosl li:first-child { margin:15px 1% !important; } #pv_videos li a, #pv_videosl li a, #tabvideos li a { border:1px solid #dcdcdc; display:block; padding-left:0; } #pv_videos li img, #pv_videosl li img, #tabvideos li img { padding:4%; width:100%; height:auto; } .videoholder_wrapper { position: relative; } .video_link { display:table; } .video_link > div { display:table-cell; vertical-align:middle; background:#fff; } .video_link a { display:table-cell !important; vertical-align:middle; } .video_link, .videocenter, .video_link.video-icon, .video_link .video-icon { position:relative; } .video_link:after, .videocenter::after, .video_link.video-icon::after, .video_link .video-icon::after { pointer-events: none; display:block; background: url("/modules/productvideo/views/css/../img/video-icon-trans.png") no-repeat scroll center center transparent; position: absolute; font-size: 26px; text-align: center; width: 100%; height: 100%; content: " "; z-index: 3; vertical-align: middle; top: 0; left:-3px; } .video_link:hover:after, .videocenter:hover:after, .video_link.video-icon:hover:after, .video_link .video-icon:hover:after { display:none; /*opacity:0.6;*/ } img.video-thumb { width: 100%; height: auto; display: inline-block; vertical-align: middle; } #pv_videosl li::after { display: none; } .vresponsive { position:relative; padding-bottom: 56.25%; /* 16:9 */ } #videothumb a { height:100%; } .videoholder { position: relative; padding-bottom:100%; width:100%; } .videoholder iframe, .vresponsive iframe { position:absolute; top:0; left:0; width:100%; height:100%; } /** Columns **/ .video_cols li { display:inline-block; } #tabvideos.video_cols_3 li, #pv_videos.video_cols_3 li , #pv_videosl.video_cols_3 li, .video_cols_3 li { width: 31.333%; } #tabvideos.video_cols_4 li, #pv_videos.video_cols_4 li , #pv_videosl.video_cols_4 li, .video_cols_4 li { max-width:23%; } #tabvideos.video_cols_5 li, #pv_videos.video_cols_5 li, #pv_videosl.video_cols_5 li, .video_cols_5 li { max-width:18%; } #tabvideos.video_cols_6 li, #pv_videos.video_cols_6 li, #pv_videosl.video_cols_6 li, .video_cols_6 li { max-width:14.66667%; } #tabvideos.video_cols_7 li, #pv_videos.video_cols_7 li, #pv_videosl.video_cols_7 li, .video_cols_7 li { max-width:12.28%; } #tabvideos.video_cols_8 li, #pv_videos.video_cols_8 li, #pv_videosl.video_cols_8 li, .video_cols_8 li { max-width:10.5%; } .bigtext { text-transform:uppercase; font-size: 20px; } /*.half { width:48%; margin:1%; float:left; }*/ .pv_full { width:98%; margin:1%; text-align:center !important} /* Videos on product listings */ /* Prestashop default theme header has a z-index of 5003... so this has to be bigger */ #dark_bg { position:absolute; width:100%; height:100%; left:0; top:0; display:none; background:#000; opacity:0.65; } .pv_video_wrapper { width:600px; display:none; position: absolute; left: 100%; top: 0; padding: 15px; box-shadow: 0px 0px 6px rgba(0,0,0,0.55); background: #EFEFEF; z-index:100; } .pv_video_wrapper.active { display:block; } .pv_video_hover { position:relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; } .pv_video_hover iframe { position:absolute; top:0; left: 0; width: 100%; height: 100%; } /* Icons */ /* Common parts*/ .product-container .left-block { position:relative; } .pv_icon_wrapper { position:absolute; width:100%; height:100%; text-align:center; overflow:hidden; } .pv_force_hide.pv_icon_wrapper { display:none; } .pv_icon_wrapper i { width:100%; left:0; position:absolute; z-index:10; top: 50%; overflow:hidden; margin-top: -10px; font-size: 20px; color:#000; } .pv_icon_wrapper i.pv_default { margin-top: -20px; font-size: 40px; opacity:0.80; } .pv_icon_wrapper i.pv_default::before { /* Soft Shadow */ text-shadow: 0px 0px 10px #fff; /* Hard Shadow */ /*text-shadow:1px 1px 1px #fff;*/ } .pv_icon_wrapper .pv_topleft, .pv_icon_wrapper .pv_topright, .pv_icon_wrapper .pv_bottomright, .pv_icon_wrapper .pv_bottomleft { width:50px; } .pv_icon_wrapper .pv_topleft_bg, .pv_icon_wrapper .pv_topright_bg, .pv_icon_wrapper .pv_bottomright_bg, .pv_icon_wrapper .pv_bottomleft_bg { width: 50%; height: 50%; background:#DEDEDE; border:1px solid #BCBCBC; position: absolute; transform: rotate(45deg); z-index: 9; opacity:0.6; } .pv_icon_wrapper.round .pv_topleft_bg, .pv_icon_wrapper.round .pv_topright_bg, .pv_icon_wrapper.round .pv_bottomright_bg, .pv_icon_wrapper.round .pv_bottomleft_bg { width:53%; height:53%; border-radius:50%; } .pv_icon_wrapper .pv_topleft { left:0; top:28px; } .pv_icon_wrapper .pv_topright { left:77%; top:28px; } .pv_icon_wrapper .pv_bottomright { left:77%; top:87%; } .pv_icon_wrapper .pv_bottomleft { left:0; top:87%; } .pv_topleft_bg { top: -25%; left: -25%; } .pv_topright_bg { right: -25%; top: -25%; } .pv_bottomright_bg { right: -25%;; bottom: -25%;; } .pv_bottomleft_bg { left: -25%;; bottom: -25%;; } /* Popup Video */ .pv_popupvideo { display:none; } .pv_force_display.pv_popupvideo { display:inline-block; } .closevideo { position: absolute; right: -16px; z-index: 101; top: -16px; padding: 5px 8px; border-radius: 50%; background: #fff; border: 3px solid#000; font-weight: bold; color: #000; font-size: 18px; text-decoration: none; box-shadow: 2px 2px 3px rgba(0,0,0,0.6); } #pv_popup_content { margin-top: 15px; } #pv_title, #pv_price, #pv_actions { display:inline-block; font-size:16px; float:left; height:45px; /*overflow:hidden;*/ } #pv_title { width:45%; margin-left:3% } #pv_price { width:15%; } #pv_actions { width:37%; } #pv_title *, #pv_price * { line-height:45px; /*text-overflow:ellipsis;*/ /*white-space: nowrap;*/ } #pv_price span:not(.product-price) { display:none; } @media screen and (max-width:768px) { .pv_popupvideo { display:inline-block; } .pv_icon_wrapper { display:none; } } @media screen and (max-width:550px) { #pv_title, #pv_price, #pv_actions { overflow:hidden; } #pv_title a, #pv_price span, #pv_actions a { font-size:12px; } } /* source: /modules/iqitcountdown/css/iqitcountdown.css */ .price-countdown{ background: #cecece; display: inline-block; padding: 10px; } .price-countdown i{ margin-right: 5px; font-size: 14px; } .price-countdown-wrapper .price-countdown-product{ margin-bottom: 10px; } .price-countdown .count-down-timer span.countdown-time{ background: #282828; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; padding: 3px 4px; font-size: 10px; display: inline-block; } .price-countdown .count-down-timer span.countdown-time-group{ display: inline-block !important; font-size: 10px; margin-left: 2px; text-align: center; } .price-countdown .count-down-timer span.countdown-time-group *{ display: inline !important; } .product-image-container .price-countdown{ opacity: 0.8; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; text-align: center; overflow: hidden; margin: auto; height: 35px; position: absolute; left: 0; bottom: 30px; right: 0; } .product-container.hovered .price-countdown{ display: block; } #buy_block .price-countdown-title{ display: inline-block; margin-right: 5px; } #buy_block .count-down-timer{ display: inline-block; vertical-align: middle; } /* source: /modules/iqitcountdown/css/custom_s_1.css */ .price-countdown{ background: #fff; color: #cb3474; } .price-countdown .icon { color: ;} .price-countdown .count-down-timer span.countdown-time { background: ; color: #ffffff;} .product-image-container .price-countdown{display: none;} /* source: /modules/ybc_blog/views/css/blog_all.css */ #block_myaccount_infos .ss_icon_group { display: none; } #footer_account_list > li { padding: 0; width: 100% !important; } #footer_account_list > li .ss_icon_group { display:none; } #footer_account_list li { width: 100%; padding: 0; } *{ outline: none!important; } .ybc_item_img img { max-width: 100%; height: auto; } i.ets_svg { vertical-align: -2px; } svg { fill: currentColor; } .ybc_blog_review { color: orange; font-size: 18px; } /* source: /modules/ybc_blog/views/css/slick.css */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* source: /modules/ybc_blog/views/css/material-icons.css */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url("/modules/ybc_blog/views/css/MaterialIcons-Regular.eot"); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url("/modules/ybc_blog/views/css/../fonts/MaterialIcons-Regular.woff2") format('woff2'), url("/modules/ybc_blog/views/css/../fonts/MaterialIcons-Regular.woff") format('woff'), url("/modules/ybc_blog/views/css/../fonts/MaterialIcons-Regular.ttf") format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } /* source: /modules/ybc_blog/views/css/product.css */ .ybc-blog-related-posts.on_product { background-color: #fff; box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2); -webkit-box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2); margin-top: 30px; padding: 30px; margin-bottom: 30px; padding-bottom: 20px; position: relative; } span.ybc-blog-latest-toolbar-views { margin-right: 10px; } .ybc-blog-related-posts-list-li { padding-bottom: 30px; } .ybc-blog-related-posts-list { float: left; position: relative; width: 100%; margin-left: 0; } .ybc_blog_carousel .slick-list { width: 100%; } .ybc-blog-latest-toolbar > span:not(:last-child) { margin-right: 10px; } .ybc_title_block { color: #414141; float: left; font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 0; margin-top: 9px; padding: 5px 0 9px; text-transform: uppercase; width: 100%; outline: none !important; text-decoration: none !important; } .be-categories > a, .ybc-blog-tags a, .be-categories { color: #bfbfbf; } .be-categories { color: #bfbfbf; font-size: 14px; } .ybc-blog-latest-toolbar > span:not(:last-child), .blog_rating_wrapper, .blog_rating_reviews { margin-right: 10px; } .ybc-blog-latest-toolbar { color: #bfbfbf; float: left; font-size: 14px; margin-bottom: 7px; width: 100%; } .ybc-blog-latest-toolbar span { display: inline-block; } .post-date .be-label { display: block; float: left; overflow: hidden; text-indent: 999px; white-space: nowrap; width: 20px; } .post-date{ margin-bottom: 5px; margin-right: 15px; width: auto; } .ybc-blog-sidear-post-meta { clear: both; color: #b1b1b1; display: none; float: left; font-size: 13px; width: 100%; } .ybc-blog-related-posts-list { margin-bottom: 0; width: calc(100% + 30px); width: -webkit-calc(100% + 30px); margin-left: -15px; position: static; display: flex; display: -webkit-flex; flex-wrap: wrap; } .ybc-blog-related-posts { border-top: 1px solid #ebebeb; float: left; padding-top: 25px; width: 100%; } #ybc-blog-related-products .ybc_blog_carousel button.slick-arrow.slick-prev, .ybc-blog-related-posts.ybc_blog_carousel button.slick-arrow.slick-prev { right: 32px; } .blog_description { clear: left; font-size: 14px; line-height: 24px; color: #414141; } .read_more { font-size: 14px; text-decoration: none!important; margin-top: 10px; display: inline-block; padding-bottom: 1px; font-style: italic; color: #999; border-bottom: 1px dotted; } .ybc-blog-latest-toolbar { color: #bfbfbf; float: left; font-size: 13px; margin-bottom: 7px; width: 100%; } .ybc-blog-related-posts .title_blog { margin-bottom: 25px; text-transform: uppercase; } .ybc_blog_carousel button.slick-arrow { background: #fff none repeat scroll 0 0 !important; border: 1px solid #ebebeb; border-radius: 0 !important; color: #c6c6c6 !important; cursor: pointer; float: left; font-size: 0; height: 25px; line-height: 21px; margin: 0 2px !important; padding: 0 !important; width: 25px; position: absolute; right: 22px; top: 26px; transform: none; } #ybc-blog-related-products .ybc_blog_carousel button.slick-arrow, .ybc-blog-related-posts.ybc_blog_carousel button.slick-arrow { right: 15px; } #ybc-blog-related-products .ybc_blog_carousel button.slick-arrow.slick-prev, .ybc-blog-related-posts.ybc_blog_carousel button.slick-arrow.slick-prev { right: 45px; } .ybc_blog_carousel button.slick-prev:before { content: ""; width: 7px; height: 7px; position: absolute; border-top: 1.5px solid #777; border-right: 1.5px solid #777; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: 8px; right: 7px; } .ybc_blog_carousel button.slick-next:before { content: ""; width: 7px; height: 7px; position: absolute; border-top: 1.5px solid #777; border-right: 1.5px solid #777; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 8px; right: 9px; } .ybc_blog_content_block button.slick-arrow:hover { background: #eee!important; } @media (min-width: 768px) { .ybc-blog-related-posts-list > li { float: left; padding: 0 15px; margin-bottom: 30px; } .product .ybc_blog_related_posts_type_default .ybc-blog-related-posts-wrapper { margin: 0; } } /* source: /modules/ybc_blog/views/css/sidebar.css */ .ybc_block_categories .children li { padding-right: 0; } .children .children .children li { padding-left: 0!important; } .children li .category-blog-parent { right: 0; } .block_content .close, .category-blog-parent { color: #666; cursor: pointer; float: right; font-weight: normal; height: 26px; opacity: 1; position: relative; text-align: center; width: 20px; } .block_content .close.opened::after, .category-blog-parent.active:after { display: none; } .category-blog-parent { font-size: 0; } span.ybc-blog-rating-value { color: #bfbfbf; font-size: 13px; margin-left: 4px; margin-top: 1px; } .category-blog-parent:before { display: block; font-size: 12px; content: ""; border-left: 1px solid #333; border-bottom: 1px solid #333; width: 7px; height: 7px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -6px; } .ybc_block_categories span.category-blog-parent { position: absolute; top: 8px; right: 7px; } .category-blog-parent.active:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-top: -6px; } .rss-categories .category-blog-parent{ display: none; } .content_block li .children { display: none; } .content_block li .children.show { display: block; } .content_block li .children { padding: 0; } #author-blog-link { padding: 0 !important; width: 100%; } .ybc-blog-like-span.active { cursor: auto; } #left-column .ybc_block_categories li:not(:last-child) a, #left_column .ybc_block_categories li:not(:last-child) a, #right-column .ybc_block_categories li:not(:last-child) a, #right_column .ybc_block_categories li:not(:last-child) a { border-bottom: 1px solid #ebebeb; } #left-column .ybc_block_categories .children li, #left_column .ybc_block_categories .children li, #right-column .ybc_block_categories .children li, #right_column .ybc_block_categories .children li { border-bottom: 1px solid #ebebeb; } #left-column .ybc_block_categories .children li a, #left_column .ybc_block_categories .children li a, #right-column .ybc_block_categories .children li a, #right_column .ybc_block_categories .children li a{ border-bottom: none!important; } #left-column .children .children li { border-bottom: none!important; } .ybc_blog_sidebar .ybc_blog_content_block_item { padding: 0 15px; margin-bottom: 30px; } #left-column .ybc_blog_sidebar .block, #right-column .ybc_blog_sidebar .block { background-color: #fff; box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1); clear: left; float: left; margin-bottom: 30px; padding: 15px 25px 30px; width: 100%; } #left-column .block.ybc_block_categories, #right-column .block.ybc_block_categories { padding-bottom: 17px; } #left-column .block.ybc_block_tag, #right-column .block.ybc_block_tag { padding-bottom: 20px; } #left-column .ybc_blog_sidebar .block ul, #left_column .ybc_blog_sidebar .block ul, #right-column .ybc_blog_sidebar .block ul, #right_column .ybc_blog_sidebar .block ul { margin-bottom: 0; padding: 0; } #left_column .page_blog_gallery .block_content, #right_column .page_blog_gallery .block_content, #left-column .page_blog_gallery .block_content, #right-column .page_blog_gallery .block_content { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-left: -5px !important; margin-right: -5px !important; } #left-column .page_blog_gallery .view_all, #left_column .page_blog_gallery .view_all, #right-column .page_blog_gallery .view_all, #right_column .page_blog_gallery .view_all { display: none; } .ybc-navigation-blog-content .ybc-blog-latest-toolbar > div, #left_column .ybc-blog-latest-toolbar > div, #left_column .ybc-blog-latest-toolbar > span, #left-column .ybc-blog-latest-toolbar > div, #left-column .ybc-blog-latest-toolbar > span, #right_column .ybc-blog-latest-toolbar > div, #right_column .ybc-blog-latest-toolbar > span, #right-column .ybc-blog-latest-toolbar > div, #right-column .ybc-blog-latest-toolbar > span { margin-bottom: 5px !important; } #left-column .ybc_block_gallery ul > li, #right-column .ybc_block_gallery ul > li, #left_column .ybc_block_gallery ul > li, #right_column .ybc_block_gallery ul > li { padding: 6px; width: 33.33%; float: left; } #left-column .ybc_block_gallery ul, #right-column .ybc_block_gallery ul, #left_column .ybc_block_gallery ul, #right_column .ybc_block_gallery ul { margin: -6px 0 0; width: 100%; } #left-column .title_blog, #left_column .title_blog, #right-column .title_blog, #right_column .title_blog { font-size: 16px; margin-top: 14px; } #left-column .ybc-blog-latest-toolbar > span:not(:last-child), #left_column .ybc-blog-latest-toolbar > span:not(:last-child), #right-column .ybc-blog-latest-toolbar > span:not(:last-child), #right_column .ybc-blog-latest-toolbar > span:not(:last-child) { margin-right: 15px; } #left-column .ybc-blog-latest-toolbar > span, #left_column .ybc-blog-latest-toolbar > span, #right-column .ybc-blog-latest-toolbar > span, #right_column .ybc-blog-latest-toolbar > span { white-space: nowrap; } #left-column .ybc-blog-latest-toolbar, #left_column .ybc-blog-latest-toolbar, #right-column .ybc-blog-latest-toolbar, #right_column .ybc-blog-latest-toolbar { font-size: 14px; } #left-column .ybc_block_categories a, #left_column .ybc_block_categories a, #right-column .ybc_block_categories a, #right_column .ybc_block_categories a { display: block; font-size: 14px; padding: 10px 0; width: 100%; } .ybc_block_categories a:not(:hover){ color: #333; } #left-column .ybc_block_categories a::before, #left_column .ybc_block_categories a::before, #right-column .ybc_block_categories a::before, .list_post_by_author a:before, #right_column .ybc_block_categories a::before { content: ""; margin-right: 8px; border-right: 1.5px solid; border-top: 1.5px solid; width: 6px; height: 6px; display: inline-block; transform: rotate(45deg); vertical-align: 2px; } #left-column .ybc_block_categories .title_blog, #left_column .ybc_block_categories .title_blog { margin-bottom: 10px; } .ybc-navigation-blog-content { position: relative; width: 100%; } .ybc-navigation-blog-content .block_content.row li:not(:last-child) { margin-bottom: 30px; } .ybc-navigation-blog{ display:none; } .ybc-navigation-blog-content .slick-slider:hover .slick-arrow{ opacity: 1; } .ybc-navigation-blog-content .block_content li { padding: 0 15px; position: relative; } .blog_tag { display: block; width: 100%; } .ybc-blog-tag-a { background-color: #ebebeb; color: #414141; display: inline-block; font-size: 13px; margin-bottom: 10px; margin-right: 5px; padding: 5px 10px; } .ybc-blog-tags { color: #bfbfbf; float: left; font-size: 14px; margin-bottom: 15px; width: auto; } .extra_tag_cat .ybc-blog-tags { margin-right: 15px; } .extra_tag_cat .ybc-blog-categories { margin-bottom: 15px; margin-right: 0; } .year-item a { color: #333; font-weight: 600; } .ybc-blog-tag-a:hover{ color: #fff!important; } .ybc-navigation-blog-content img{ max-width: 100%; height: auto; } .ybc-navigation-blog-content .slick-slider:hover .slick-arrow.slick-disabled{ opacity: 0.5; } .ybc-navigation-blog-content .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); font-size: 0; background: transparent; z-index: 1; border: none; outline: none; opacity: 0; left: -8px; right: auto; min-width: 22px; } .ybc-navigation-blog-content .slick-arrow.slick-next { right: -8px; left: auto; } .ybc-navigation-blog-content button.slick-next:before, .ybc-navigation-blog-content button.slick-prev:before{ content: ""; line-height: 22px; width: 10px; height: 10px; border-top: 1.5px solid #555; border-right: 1.5px solid #555; position: absolute; top: 5px; } .ybc-navigation-blog-content button.slick-next:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); right: 8px; } .ybc-navigation-blog-content button.slick-prev:before { transform: rotate(227deg); -webkit-transform: rotate(227deg); right: 3px; } .ybc-navigation-blog-content .ybc_blog_content_block button.slick-arrow:hover { background: transparent!important; } .ybc-navigation-blog-content .title_blog, .ybc-navigation-blog-content .title_blog a { color: #414141; font-size: 16px; margin-bottom: 28px; margin-top: 0; text-transform: uppercase; } .ybc-navigation-blog-content .gallery_item { backface-visibility: hidden; float: left; perspective: 500px; -webkit-perspective: 500px; position: relative; overflow: hidden; width: 100%; } .ybc-navigation-blog-content .gallery_item > img { backface-visibility: hidden; float: left; max-width: 100%; min-height: 50px; perspective: 500px; -webkit-perspective: 500px; transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -ms-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; } .ybc-navigation-blog-content .gallery_item:hover img { transform: scale3d(1.1, 1.1, 1.1); -webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); } .ybc-navigation-blog-content .ybc_block_gallery ul > li { padding: 0 15px 30px; width: 16.6667%; } .ybc-navigation-blog-content .ybc_block_categories .tree { margin-left: -15px; margin-right: -15px; } .blog_view_all, .view_all_link { text-align: center; border: none; outline: none!important; font-size: 14px; width: auto!important; background-color: #2fb5d2; color: #fff!important; text-transform: uppercase; font-weight: 500; padding: 6px 15px!important; border-radius: 3px; display: inline-block!important; } .blog_view_all::before { display: none!important; } .ybc_author_post_count { margin-bottom: 5px; display: block; font-size: 14px; clear: both; } .view_post { color: #2fb5d2; font-size: 14px; font-weight: normal; margin-top: 0; display: block; position: relative; } .month-item > a::before { content: "--"; letter-spacing: -2px; margin-right: 5px; } .ybc_block_archive .year-item { font-size: 14px; line-height: 26px; margin-bottom: 5px; } .ybc_block_archive .month-item { font-size: 13px; } .ybc-blog-sidear-post-meta { color: #b1b1b1; display: none; float: left; font-size: 13px; width: 100%; } .ybc-blog-categories { float: right; margin-right: 15px; } .be-categories > a, .ybc-blog-tags a, .be-categories { color: #bfbfbf; } .be-categories { color: #bfbfbf; font-size: 14px; } .ybc-blog-rtl .post-date { float: right; margin-left: 15px; margin-right: 5px; } .post-date .be-label { display: block; float: left; overflow: hidden; text-indent: 999px; white-space: nowrap; width: 20px; } .post-date { float: left; margin-bottom: 5px; margin-right: 15px; width: auto; } .ybc_title_block { color: #414141; float: left; font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 0; margin-top: 9px; padding: 5px 0 9px; text-transform: uppercase; width: 100%; outline: none !important; text-decoration: none !important; } .ybc_block_archive .title_blog, .ybc_block_archive .title_blog a { margin-bottom: 20px; } .ybc-blog-comment-info .post-author .ybc_title_block { margin-top: auto; float: none; width: auto; font-size: inherit; color: #2fb5d2; } .author_infor .ybc_title_block { margin-top: 0; font-size: 14px; margin-bottom: 5px; padding-bottom: 0; padding-top: 0; } .ybc-blog-wrapper .ybc_title_block{ margin-top: 13px; } .blog_description { clear: left; font-size: 14px; line-height: 24px; color: #414141; } .blog_description p { color: #414141; font-size: 14px; } .page_blog_gallery .ybc_title_block { display: none; } .read_more { font-size: 14px; text-decoration: none!important; margin-top: 10px; display: inline-block; padding-bottom: 1px; font-style: italic; color: #999; border-bottom: 1px dotted; } .ybc-blog-latest-toolbar { color: #bfbfbf; float: left; font-size: 14px; margin-bottom: 7px; width: 100%; } .ybc_blog_sidebar .ybc_block_search .button[type="submit"] { background-color: transparent; border: medium none; font-size: 0; height: 100%; position: absolute; background-image: none; right: 0; text-align: center; top: 0; cursor: pointer; width: 35px; } .ybc_blog_sidebar .ybc_block_search form { position: relative; } .ybc_blog_sidebar .ybc_block_search .icon_search:hover { color: #333; } .ybc_blog_sidebar .ybc_block_search .button:hover + span, .ybc_blog_sidebar .ybc_block_search .button:hover + span:before { color: #333; } .ybc_blog_sidebar .ybc_block_search .icon_search { height: 100%; pointer-events: none; position: absolute; right: 0; top: 0; width: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #777; } .ybc_blog_sidebar .ybc_block_search input { background-color: #fff; border: 1px solid #ebebeb; font-size: 14px; height: 40px; padding-left: 15px; padding-right: 40px; } .blog_view_all_button { text-align: center; padding-top: 15px; display: block; width: 100%; clear: both; margin-bottom: 0; } .author_avata_show img.author_avata { height: 100%; } span.post-author-name { font-weight: 600; } .ybc-blog-comment-info .post-author { font-size: 14px; } .ybc_block_comment .ybc-blog-comment-content { width: 100%; clear: both; font-size: 14px; } .blog-comment-row.flex-bottom { align-items: baseline; -webkit-align-items: baseline; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .ybc-blog-comment-info .post-author { margin-bottom: 5px; } .comment_item { margin-bottom: 15px; } .ybc_block_comment li:not(:last-child) .comment_item { border-bottom: 1px solid #eee; padding-bottom: 15px; } .ybc-blog-comment-info span.post-author-name { font-weight: 600; } .ybc_block_author .ybc-blog-comment-content { display: flex; display: -webkit-flex; } .author_avata_show { width: 70px; overflow: hidden; border-radius: 100%; border: 1px solid #ddd; height: 70px; margin-bottom: 10px; position: relative; } .author_avata_show + .ybc-blog-comment-info { max-width: calc(100% - 70px); max-width: -webkit-calc(100% - 70px); float: left; padding-left: 10px; } .ybc-blog-comment-content { width: 100%; display: block; clear: both; } .ybc_block_author li:last-child .ybc-blog-comment-content{ padding-bottom: 20px; } .blog_star_form span.blog_star_on { position: absolute; left: 0; } .ybc_blog_review[data-rate="4"] span.blog_star_on { width: 60px; overflow: hidden; } .ybc_blog_review[data-rate="3"] span.blog_star_on { width: 45px; overflow: hidden; } .ybc_blog_review[data-rate="2"] span.blog_star_on { width: 30px; overflow: hidden; } .ybc_blog_review[data-rate="1"] span.blog_star_on { width: 16px; overflow: hidden; } span.blog_star_form { position: relative; color: #f9b002; font-size: 18px; vertical-align: 0px; display: inline-block; margin-top: -1px; margin-right: 4px; } .ybc_blog_review { display: flex; display: -moz-flex; display: -webkit-flex; display: -o-flex; display: -ms-flex; float: left; } .ybc_block_comment .block_content { margin: 0 -15px; } span.post-author-name-on { display: block; margin-bottom: 4px; } .clear{ clear: both; } .ybc_block_comment .comment_item { display: flex; display: -webkit-flex; flex-wrap: wrap; width: 100%; } #left-column .ybc_block_featured .block_content, #left-column .ybc_block_popular .block_content, #left-column .ybc_block_latest .block_content, #left-column .ybc_block_author .block_content { margin: 0 -15px; } .ybc_block_author li { width: 100%; display: flex; display: -webkit-flex; float: none; } .ybc_blog_sidebar .ybc-blog-latest-toolbar svg { margin-right: 6px; } .ybc_block_rss .title_blog.title_block > a { display: block; margin-bottom: 0; } .ybc_block_rss .title_blog.title_block > a i { float: right; } .author_avata_show + .author_infor { width: calc(100% - 70px); width: -webkit-calc(100% - 70px); padding-left: 15px; } .author_avata { width: 100%; } .ybc_block_rss .title_blog.title_block > a i{ background: rgba(0, 0, 0, 0) linear-gradient(#fc884d, #fb702d, #fc540b) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -webkit-linear-gradient(#fc884d, #fb702d, #fc540b) repeat scroll 0 0; color: #fff; float: right; line-height: 18px; margin-top: 0; padding: 3px 5px 0; } .block.ybc_block_rss.ybc_blog_ltr_mode h4:after{ display: none!important; } .ybc_block_rss svg { fill: currentColor; } svg{ fill: currentColor; } .ybc-navigation-blog-content .ybc_block_author li:not(:last-child) .ybc-blog-comment-content { padding-bottom: 15px; } @media (max-width: 767px){ .ybc-navigation-blog{ background: rgba(0, 0, 0, 0) linear-gradient(#ffffff, #f2f2f2) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -o-linear-gradient(#ffffff, #f2f2f2) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -ms-linear-gradient(#ffffff, #f2f2f2) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -webkit-linear-gradient(#ffffff, #f2f2f2) repeat scroll 0 0; border: 1px solid #e7e7e7; margin-top: 0px; padding: 15px; width: 100%; cursor: pointer; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; text-align: center; position: relative; } .ybc-navigation-blog::before { border-bottom: 1px solid #666; border-left: 1px solid #666; content: ""; height: 8px; position: absolute; right: 15px; top: 19px; transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; width: 8px; } .ybc-navigation-blog.active::before { transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); } .ybc-navigation-blog-content > div { left: 0; opacity: 0; position: absolute; visibility: hidden; width: 100%; } .ybc-navigation-blog-content.show > div{ left: auto; opacity: 1; position: relative; visibility: visible; display: block; } .ybc-navigation-blog{ display:block; } .ybc_blog_sidebar.hide_mobile{ display:none; } } /* source: /modules/ybc_blog/views/css/custom.css */ .blog-managament-information button[type="submit"]:hover, .ybc-blog-tag-a:hover, #form_blog .btn.edit_view_post:hover, .form_reply_comment input[type="submit"]:hover, .form_reply input.btn.btn-primary.btn-default[name="addReplyComment"]:hover, .form-polls-body button[name="polls_cancel"]:hover, .form-polls-body button:hover { background:#00cefd; border-color:#00cefd; } .ybc-blog-like-span.active, .be-tag-block .be-tags a, .be-tag-block .be-tags, .ybc-blog-related-posts-meta-categories > a, .view_post, .comment-content h4.comment_name span, .ybc_block_categories .active > a, .comment-content .post_title span a, .blog-managament-information .help-block a, .ybc-blog-comment-info .post-author .ybc_title_block { color:#2fb5d2; } .ybc-block-comment-reply:hover, .ybc_title_block:hover, .read_more:hover, .form_reply input.btn.btn-primary.btn-default[name="addReplyComment"] + .btn.btn-default:hover, .comment-content .post_title span a:hover, .list_category_item .sub_category li a:hover, .ybc_block_categories .active > a:hover, .ybc-blog-comment-info .post-author .ybc_title_block:hover, .blog-managament-information .help-block a:hover, #form_blog a.ybc_button_backtolist:hover{ color: #00cefd; } .ybc-blog-thumbnail-list.carousel .ybc-blog-thumbnail-item.slick-current:before, .ybc-blog-slider.carousel .slick-dots .slick-active button{ border-color: #2fb5d2; } .ybc-blog-form-comment .blog-submit .button, .blog-managament-information button[type="submit"], .ybc-blog-slider.carousel .slick-dots .slick-active button, .blog_view_all, .view_all_link, .blog_view_all_button a, .form-polls-body button, .form_reply input.btn.btn-primary.btn-default[name="addReplyComment"], .add_new_post_blog a, #form_blog button[type="submit"], #form_blog .btn.edit_view_post, .form_reply_comment input[type="submit"], .ets_blog_loading .squaresWaveG { background:#2fb5d2; } .ybc-blog-form-comment .blog-submit .button:hover, .blog_view_all:hover, .view_all_link:hover, .blog_view_all_button a:hover, .add_new_post_blog a:hover, #form_blog button[type='submit']:hover { background:#00cefd; } .ybc_blog_ltr_mode a:hover, .ybc-blog-wrapper-detail a:hover, .ybc-blog-like-span:hover, .blog-main-page a:hover, .ybc_button_backtolist:hover, .ybc-block-comment-report:hover{ color: #00cefd; } .form-polls-body button, .form_reply_comment input[type="submit"]{ border: 1px solid #2fb5d2; } @keyframes bounce_squaresWaveG { 0% { background-color: #2fb5d2; } 100% { background-color: rgb(255, 255, 255); } } @-o-keyframes bounce_squaresWaveG { 0% { background-color: #2fb5d2; } 100% { background-color: rgb(255, 255, 255); } } @-ms-keyframes bounce_squaresWaveG { 0% { background-color: #2fb5d2; } 100% { background-color: rgb(255, 255, 255); } } @-webkit-keyframes bounce_squaresWaveG { 0% { background-color: #2fb5d2; } 100% { background-color: rgb(255, 255, 255); } } @-moz-keyframes bounce_squaresWaveG { 0% { background-color: #2fb5d2; } 100% { background-color: rgb(255, 255, 255); } } /* source: /modules/iqitfreedeliverycount/views/css/front.css */ /** * 2007-2015 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade PrestaShop to newer * versions in the future. If you wish to customize PrestaShop for your * needs please refer to http://www.prestashop.com for more information. * * @author PrestaShop SA * @copyright 2007-2016 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA * * Don't forget to prefix your containers with your own identifier * to avoid any conflicts with others containers. */ .iqitfreedeliverycount-cartpage{ text-align: right; padding: 20px; background: #f8f8f8; margin-bottom: 10px; } .iqitfreedeliverycount-cartpage .ifdc-remaining{ font-size: 18px; } .iqitfreedeliverycount-cartpage .ifdc-icon i{ font-size: 64px; line-height: 52px; float: left; } .iqitfreedeliverycount-product{ margin-bottom: 8px; } .iqitfreedeliverycount-detach, .iqitfreedeliverycount-product{ background: #f8f8f8; padding: 6px 10px; border: 1px solid #e7e7e7; margin-top: 8px; font-weight: normal; } .iqitfreedeliverycount-detach .ifdc-remaining-price, .iqitfreedeliverycount-product .ifdc-remaining-price{ font-weight: bold; text-decoration: underline; } .iqitfreedeliverycount-detach .fd-table-table, .iqitfreedeliverycount-product .fd-table-table{ display: table; } .iqitfreedeliverycount-detach .ifdc-icon, .iqitfreedeliverycount-product .ifdc-icon{ font-size: 24px; line-height: 24px; padding-right: 10px } .iqitfreedeliverycount-detach .fd-table-cell, .iqitfreedeliverycount-product .fd-table-cell{ display: table-cell; vertical-align: middle; } .cart-prices .iqitfreedeliverycount-detach { width: 100%; } .iqitfreedeliverycount-detach.hidden-detach{ display: none; } .iqitfreedeliverycount .ifdc-txt{ font-size: 11px; width: 100%; clear: both; } .iqitfreedeliverycount .ifdc-txt-content{ border-top: 1px dotted; display: inline-block; padding-top: 5px; } .iqitfreedeliverycount-detach .ifdc-txt-content, .iqitfreedeliverycount-product .ifdc-txt-content{ width: 100%; margin-top: 5px; } .iqitfreedeliverycount .ifdc-txt p:last-child{ margin: 0px; padding: 0px; } /* source: /modules/iqitfreedeliverycount/views/css/custom_s_1.css */ .iqitfreedeliverycount{ Background: #fff; border: 1px solid #cb3474; color: #cb3474; } .iqitfreedeliverycount .ifdc-txt-content{border-color: #cb3474; } /* source: /themes/warehouse-e4/css/product_list.css */ ul.product_list{margin-left:0;margin-right:0;position:relative}ul.product_list .color-list-container{margin-bottom:12px}ul.product_list .color-list-container ul li{display:inline-block;margin:1px;border:1px solid #ddd}ul.product_list .color-list-container ul li a{display:block;width:23px;height:23px}ul.product_list.grid>li{margin-bottom:10px;padding:9px;text-align:center}ul.product_list.grid>li .product-container{position:relative}ul.product_list.grid>li .product-container .product-desc{display:none}ul.product_list.grid>li .product-container .old-price,ul.product_list.grid>li .product-container .price{display:inline}ul.product_list.grid>li .product-container .price-percent-reduction{display:none}ul.product_list.grid>li .product-container .old-price{margin-right:5px}@media (min-width:1320px){ul.product_list.grid>li.hovered .product-container{-moz-box-shadow:rgba(0,0,0,.17) 0 0 13px;-webkit-box-shadow:rgba(0,0,0,.17) 0 0 13px;box-shadow:rgba(0,0,0,.17) 0 0 13px;position:relative;z-index:10}ul.product_list.grid>li.hovered .product-container .content_price{display:none}}ul.product_list.grid li.hovered h5{min-height:30px}#blockpack .button-container{display:none}ul.product_list.list{margin-top:-20px;margin-bottom:-29px}ul.product_list.list>li .product-container{border-top:1px solid #ddd;padding:20px 0}ul.product_list.list>li:first-child .product-container{border-top:none}ul.product_list.list>li h5{padding:0 0 5px;margin:0}ul.product_list.list>li .product-desc{clear:both;margin-bottom:15px}ul.product_list.list>li .product-reference{clear:both;display:block}ul.product_list.list>li .product-name{font-size:14px}ul.product_list.list>li .comments_note{margin-bottom:5px;float:left}ul.product_list.list>li .comments_note .star_content{min-height:0;margin-top:2px;margin-right:5px}ul.product_list.list>li .comments_note .empty_comments{display:none}ul.product_list.list>li .comments_note .nb-comments{overflow:hidden;font-style:italic}ul.product_list.list>li .functional-buttons{visibility:visible;opacity:1;padding:0;border-bottom:none;border-top:none;position:static;clear:both;margin-bottom:0;background:0 0}ul.product_list.list>li .functional-buttons div{float:none;border:none!important;width:100%;height:20px}ul.product_list.list>li .functional-buttons div a,ul.product_list.list>li .functional-buttons div label{font-size:11px}ul.product_list.list>li .functional-buttons div a:before,ul.product_list.list>li .functional-buttons div label:before{margin-right:4px}ul.product_list.list>li .functional-buttons div.compare a:before{margin-right:7px}ul.product_list.list>li .new-label,ul.product_list.list>li .online-label,ul.product_list.list>li .sale-label{position:static;display:inline-block;white-space:nowrap;margin-bottom:5px}ul.product_list.list>li .online-label{background:#f8f8f8}@media (min-width:1000px){ul.product_list.list>li .right-block .right-block-content{margin:0;border-left:1px solid #ddd;padding-left:15px;padding-bottom:16px}ul.product_list.list>li .right-block .right-block-content>div{padding-left:0;padding-right:0}}@media (max-width:999px){ul.product_list.list>li .right-block{clear:both}ul.product_list.list>li .functional-buttons div{width:33.33333%;float:left;padding-left:5px;padding-right:5px;text-align:center}ul.product_list.list>li .right-block .right-block-content{padding-top:10px;clear:both}}ul.product_list.list>li .right-block .right-block-content .content_price{padding:0 10px 10px}@media (max-width:999px){ul.product_list.list>li .right-block .right-block-content .content_price{text-align:right;padding:5px 5px 0 0}ul.product_list.list>li .right-block .right-block-content .button-container{padding-left:5px;padding-right:0}}ul.product_list.list>li .right-block .right-block-content .content_price span{display:inline-block;margin-top:-4px}ul.product_list.list>li .right-block .right-block-content .content_price span.old-price{margin-right:8px}ul.product_list.list>li .right-block .right-block-content .button-container{overflow:hidden;padding-bottom:10px}ul.product_list.table{margin-top:-20px;margin-bottom:-29px}@media (max-width:319px){ul.product_list.list>li .left-block{width:100%}ul.product_list.list>li .right-block .right-block-content{padding-top:5px}ul.product_list.list>li .right-block .right-block-content .content_price{padding-top:0;width:100%}ul.product_list.list>li{text-align:center}ul.product_list.table>li .left-block{width:100%}}ul.product_list.table>li .product-container{border-top:1px solid #ddd;padding:10px 0;display:table;width:100%}ul.product_list.table>li .product-container>.row{display:table-row}ul.product_list.table>li .product-image-container{min-width:60px}ul.product_list.table>li:first-child .product-container{border-top:none}ul.product_list.table>li h5{padding:0 0 5px;margin:0}ul.product_list.table>li .product-desc{display:none}@media (max-width:479px){ul.product_list.list>li .functional-buttons div a,ul.product_list.list>li .functional-buttons div label{font-size:0px}ul.product_list.table>li .product-flags{display:none}}ul.product_list.table>li .product-reference{clear:both;display:block}@media (max-width:999px){ul.product_list.table>li .right-block{clear:both}}ul.product_list.table>li .product-name{font-size:14px}ul.product_list.table>li .comments_note{margin-bottom:5px}ul.product_list.table>li .comments_note .star_content{min-height:0;margin:3px 0 0}ul.product_list.table>li .comments_note .empty_comments{display:none}ul.product_list.table>li .comments_note .nb-comments{overflow:hidden;font-style:italic}ul.product_list.table>li .color-list-container ul li a{width:18px;height:18px}ul.product_list.table>li .functional-buttons{visibility:visible;opacity:1;padding:0;border-bottom:none;border-top:none;position:static;clear:both;margin-bottom:0;background:0 0}ul.product_list.table>li .functional-buttons div{border:none!important;padding:0 2px}ul.product_list.table>li .functional-buttons div.quickview a{font-size:0px}ul.product_list.table>li .functional-buttons div.compare{padding-left:5px}ul.product_list.table>li .new-label,ul.product_list.table>li .online-label,ul.product_list.table>li .sale-label{position:static;display:inline-block;white-space:nowrap;margin-bottom:5px}ul.product_list.table>li .online-label{background:#f8f8f8}ul.product_list.table>li .center-block,ul.product_list.table>li .left-block,ul.product_list.table>li .right-block{display:table-cell;vertical-align:middle;float:none}ul.product_list.table>li .price-percent-reduction{white-space:nowrap}ul.product_list.table>li .right-block-content-inner{display:-webkit-flex;-webkit-align-items:center;display:flex;align-items:center;justify-content:center;height:100%}ul.product_list.table>li .right-block{margin-left:-10px;margin-right:-10px}ul.product_list.table>li .right-block .right-block-content{text-align:center;width:50%;padding:0 10px;display:inline-block;vertical-align:middle;height:100%;border-left:1px solid #ddd}@media (max-width:767px){ul.product_list.table>li .right-block .right-block-content{width:100%;height:auto;display:block}}ul.product_list.table>li .right-block .right-block-content .button-container{padding-bottom:10px}@media (min-width:1000px) and (max-width:1319px){.show-left-column.show-right-column ul.product_list.list>li .functional-buttons div a,.show-left-column.show-right-column ul.product_list.list>li .functional-buttons div label{font-size:0px}.show-left-column.show-right-column ul.product_list.list>li .functional-buttons div{display:inline-block;width:auto}} /* source: /themes/warehouse-e4/css/modules/blocksearch_mod/blocksearch_mod.css */ #search_block_top_content{height:140px;position:relative}@media (max-width:767px){#search_block_top_content{height:auto}}#search_block_top_content .iqitsearch-inner p{margin:0}@media (max-width:767px){#search_block_top_content .iqitsearch-inner{margin-top:10px}}@media (min-width:768px){#search_block_top_content .iqitsearch-inner{width:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}}#search_block_top{margin:0 auto;position:relative;height:40px;width:85%}#search_block_top.issearchcontent{margin-top:10px}@media (max-width:767px){#search_block_top{top:0}}@media (min-width:768px){.disable_center #search_block_top{margin-left:0;margin-right:0}}#search_block_top .search_query:focus{outline:0}.iqit-search-shower{position:relative;max-width:80px;width:6%;margin-top:40px;float:right;line-height:12px;text-align:center;vertical-align:top}.iqit-search-shower #search_block_top.showedSearch{visibility:visible;opacity:1}.iqit-search-shower-i{cursor:pointer}.iqit-search-shower-i .icon-search{font-size:42px;line-height:40px;display:block;text-align:center;top:-1px;position:relative;margin-bottom:8px}.iqit-search-shower-i.showedSearch .icon-search:before{content:'\f00d'}#search_block_top .search_query_container{position:absolute;left:0;top:0;width:100%}#search_block_top.iqit-search-c{visibility:hidden;opacity:0;width:100%;position:absolute;top:100%;right:0;min-width:300px;z-index:5;transition:visibility 300ms ease-in-out,opacity 300ms ease-in-out}@media (max-width:767px){#search_block_top.iqit-search-c{right:auto}}.search_block_top .search-cat-select{height:40px}.search_block_top .search-cat-selector{position:absolute;left:0;right:0;width:130px}.search_block_top .search-cat-selector .selector{height:40px;width:130px !important;line-height:40px;border:none !important;background:none}.search_block_top .search-cat-selector .selector span{background:none;height:40px;line-height:40px;text-shadow:none}.search_block_top .search-cat-selector .selector span:after{position:absolute;top:0;right:0;height:100%;line-height:42px;padding-right:11px;content:"\f107";font-family:"FontAwesome"}.search_block_top .search_query{height:40px}.search_block_top .search-w-selector .search_query{padding-left:135px}.search_block_top .button-search{}.search_block_top .button-search:focus{outline:0}.search_block_top .button-search span{display:none}.search_block_top .button-search::before{content:"\f002";display:block;font-family:"FontAwesome";font-size:16px;color:#666;width:100%;text-align:center}.search_block_top .button-search:hover{color:#6f6f6f}.mh-search-module > form{position:relative}.ac_results{border:1px solid #CECECE;margin-top:10px;-moz-box-shadow:0 2px 10px rgba(0,0,0,0.15);-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.15);box-shadow:0 2px 10px rgba(0,0,0,0.15);color:3C3C3C;z-index:999999;background-color:white;overflow:hidden;z-index:99999;text-align:left;padding:0}.ac_odd{background:#fff}.ac_over{background:#f3f3f3;color:#3C3C3C}.ac_results li{border-bottom:1px dashed #D8D8D8;cursor:pointer !important}.ac_results li:last-child{border:none}.ac_results li img{display:inline;vertical-align:middle;border:1px solid #D8D8D8}.ac_results .prname{display:inline-block;vertical-align:middle;margin-left:-10px}.ac_results .prprice{color:#f13340}#ac_search_more{padding:5px 0;cursor:pointer !important} /* source: /modules/kingavis/views/css/styles_1.6.css */ /* Front-Office */ #fo-ka-confirmation{padding:5px;text-align:center;background-color:#222;color:#fff;font-weight:bold;border:1px solid #000;} #fo-ka-confirmation{text-align:center;padding-bottom:5px;} #fo-ka-confirmation .ka-logo{float:left;width:10%;text-align:center;} #fo-ka-confirmation .ka-logo img{vertical-align:middle;width:100%;max-width:57px;} #fo-ka-confirmation .ka-info{padding:10px 5px 0 5px;text-align:left;display:inline-block;width:90%;color:#ffffff;} /* source: /modules/payplug/views/css/front_1_6-v3.16.2.css */ @font-face{font-display:swap;font-family:Gantari;font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/gantari/v1/jVyb7nvyB2HL8iZyJEc0qSzwj1Hs8RjoeeezYZU.ttf) format("truetype")}@font-face{font-display:swap;font-family:Gantari;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/gantari/v1/jVyV7nvyB2HL8iZyDk4GVvSZ5MtC9g0gOj3w.ttf) format("truetype")}@font-face{font-display:swap;font-family:Gantari;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/gantari/v1/jVyV7nvyB2HL8iZyDk4GVvSZ5MtC9g3HPT3w.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZg.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZg.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYMZg.ttf) format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ABc9.ttf) format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format("truetype")}@keyframes pp-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pp-opacity{0%{opacity:0}to{opacity:1}}.payplugPopin{display:none;left:50%;max-width:80vw;opacity:0;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-ms-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;z-index:5004}@media (max-width:767px){.payplugPopin{max-width:98vw}}.payplugPopin:before{background:rgba(0,0,0,.2);content:"";height:100vh;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100vw;z-index:-1}.payplugPopin_content{background:#fff;max-height:80vh;overflow-y:auto;padding:15px 30px;z-index:1}@media (max-width:767px){.payplugPopin_content{max-height:98vh}}.payplugPopin_close{background:none;border:none;cursor:pointer;display:block;height:20px;line-height:24px;overflow:hidden;padding:0;position:absolute;right:5px;text-indent:24px;top:5px;width:20px;z-index:1}.payplugPopin_close:focus{outline:0}.payplugPopin_close:after,.payplugPopin_close:before{background:#303030;content:"";display:block;height:2px;left:50%;position:absolute;top:50%;width:100%}.payplugPopin_close:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.payplugPopin_close:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);-moz-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);-o-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.payplugPopin.-open{display:block}.payplugPopin.-show{opacity:1}.payplugMsg_wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.payplugMsg_error{color:#e56876;text-align:center}@media (max-width:767px){.payplugPopin .payplugMsg_error{max-width:100%;width:calc(100vw - 30px)}}.payplugMsg_button{background:#0555eb;border:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#fff;cursor:pointer;font-size:15px;height:32px;margin:5px 0 0;outline:none;padding:0 16px;width:auto}.payplugMsg_declineButton{background:#696969;margin-left:7.5px}.payplugMsg_confirmButton,.payplugMsg_declineButton{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;width:61.15px}.payplugMsg_confirmButton{margin-right:7.5px}.payplugMsg_text{margin-top:10px;text-align:center}.payplugPaymentOption{line-height:2rem}.payplugPaymentOption label{margin:0;text-align:left}.payplugPaymentOption img{margin:0 12px 0 5px;max-height:30px}@media (max-width:1023px){.payplugPaymentOption img{display:none}}.payplugPaymentOption.without_fees img{width:200px}.payplugPaymentOption .custom-radio{margin-top:.5rem}.payplugIntegratedPayment{display:none;flex-wrap:wrap;justify-content:space-between;max-width:400px;padding:20px 0 30px;width:100%}.payplugIntegratedPayment.-loaded{display:flex}.payplugIntegratedPayment_select{border:1px solid #ccc;border-radius:5px;height:36px;margin:0 0 10px;padding:0 8px;width:100%}.payplugIntegratedPayment_container{display:flex;margin:0 0 10px;padding:0;position:relative;width:100%}.payplugIntegratedPayment_container.-cardHolder,.payplugIntegratedPayment_container.-cvv,.payplugIntegratedPayment_container.-exp,.payplugIntegratedPayment_container.-pan{border:1px solid #d5d6d8;border-radius:2px;cursor:text;height:40px;line-height:40px;padding:0 16px 0 50px;-webkit-transition:border .4s;-moz-transition:border .4s;-ms-transition:border .4s;-o-transition:border .4s;transition:border .4s}.payplugIntegratedPayment_container.-cardHolder:before,.payplugIntegratedPayment_container.-cvv:before,.payplugIntegratedPayment_container.-exp:before,.payplugIntegratedPayment_container.-pan:before{background:#95999e 50% no-repeat;background-size:100% auto;content:"";height:24px;left:16px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:24px}.payplugIntegratedPayment_container.-cardHolder.-focus,.payplugIntegratedPayment_container.-cvv.-focus,.payplugIntegratedPayment_container.-exp.-focus,.payplugIntegratedPayment_container.-pan.-focus{border-color:#2b343d}.payplugIntegratedPayment_container.-cardHolder.-invalid,.payplugIntegratedPayment_container.-cvv.-invalid,.payplugIntegratedPayment_container.-exp.-invalid,.payplugIntegratedPayment_container.-pan.-invalid{border-color:#e91932}.payplugIntegratedPayment_container.-cardHolder:before{mask-image:url("/modules/payplug/views/css/../img/integrated/account.svg");-webkit-mask-image:url("/modules/payplug/views/css/../img/integrated/account.svg")}.payplugIntegratedPayment_container.-pan:before{-webkit-mask-image:url("/modules/payplug/views/css/../img/integrated/card.svg");mask-image:url("/modules/payplug/views/css/../img/integrated/card.svg")}.payplugIntegratedPayment_container.-cvv,.payplugIntegratedPayment_container.-exp{max-width:calc(50% - 5px);width:100%}.payplugIntegratedPayment_container.-cvv:before{mask-image:url("/modules/payplug/views/css/../img/integrated/lock.svg");-webkit-mask-image:url("/modules/payplug/views/css/../img/integrated/lock.svg")}.payplugIntegratedPayment_container.-exp:before{mask-image:url("/modules/payplug/views/css/../img/integrated/calendar.svg");-webkit-mask-image:url("/modules/payplug/views/css/../img/integrated/calendar.svg")}.payplugIntegratedPayment_container.-scheme{align-items:center;font-size:14px;font-weight:700;height:22px;justify-content:space-between;margin:10px 0;text-transform:uppercase}.payplugIntegratedPayment_container.-saveCard{align-items:center;display:flex;height:auto;padding:10px 0 0}.payplugIntegratedPayment_container.-saveCard label{color:#918f8f;cursor:pointer;font-size:12px;margin:0;-webkit-transition:color .4s;-moz-transition:color .4s;-ms-transition:color .4s;-o-transition:color .4s;transition:color .4s}.payplugIntegratedPayment_container.-saveCard label span{border:1px solid #d5d6d8;border-radius:2px;cursor:pointer;display:inline-block;height:16px;margin:0 10px -3px 0;position:relative;-webkit-transition:border .4s;-moz-transition:border .4s;-ms-transition:border .4s;-o-transition:border .4s;transition:border .4s;width:16px}.payplugIntegratedPayment_container.-saveCard label span:before{border:2.5px solid #2b343d;border-radius:1px;border-right:none;border-top:none;content:"";display:block;height:6px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-55%) rotate(-48deg);-moz-transform:translate(-50%,-55%) rotate(-48deg);-ms-transform:translate(-50%,-55%) rotate(-48deg);-o-transform:translate(-50%,-55%) rotate(-48deg);transform:translate(-50%,-55%) rotate(-48deg);-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-ms-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;width:12px}.payplugIntegratedPayment_container.-saveCard label input{display:none}.payplugIntegratedPayment_container.-saveCard label:hover{color:#2b343d}.payplugIntegratedPayment_container.-saveCard label:hover span{border-color:#2b343d}.payplugIntegratedPayment_container.-saveCard.-checked label{color:#2b343d}.payplugIntegratedPayment_container.-saveCard.-checked label span{border-color:#2b343d}.payplugIntegratedPayment_container.-saveCard.-checked label span:before{opacity:1}.payplugIntegratedPayment_container.-deferred{background:#e9eaeb;color:#2b343d;display:block;font-size:12px;margin:10px 0;padding:4px 15px;text-align:center}.payplugIntegratedPayment_error{color:#e91932;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-size:12px;font-weight:400;line-height:18px;margin:-10px 0 10px;padding-left:4px;width:100%}.payplugIntegratedPayment_error.-cardHolder{margin:-10px 0 0}.payplugIntegratedPayment_error.-cvv,.payplugIntegratedPayment_error.-exp{max-width:calc(50% - 5px);width:100%}.payplugIntegratedPayment_error.-cvv{justify-self:flex-end;margin:-10px 0 10px auto}.payplugIntegratedPayment_error .-hide{display:none}.payplugIntegratedPayment_error.-api,.payplugIntegratedPayment_error.-fields,.payplugIntegratedPayment_error.-payment{align-items:center;background:rgba(233,25,50,.08);color:#e91932;display:none;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;justify-content:center;line-height:18px;margin:10px 0 0;padding:4px 0;text-align:center;width:100%}.payplugIntegratedPayment_error.-api.-show,.payplugIntegratedPayment_error.-fields.-show,.payplugIntegratedPayment_error.-payment.-show{display:flex}.payplugIntegratedPayment_scheme{margin:0}.payplugIntegratedPayment_schemes{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;width:115px}.payplugIntegratedPayment_scheme span{background:50% no-repeat;background-size:100% auto;cursor:pointer;display:block;height:22px;width:33px}.payplugIntegratedPayment_scheme span:before{background:50% no-repeat;background-size:100% auto;content:"";display:block;height:100%;opacity:0;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-ms-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;width:100%}.payplugIntegratedPayment_scheme input{display:none}.payplugIntegratedPayment_scheme input:checked+span:before{opacity:1}.payplugIntegratedPayment_scheme.-visa span{background-image:url("/modules/payplug/views/css/../img/integrated/visa-dark.svg")}.payplugIntegratedPayment_scheme.-visa span:before{background-image:url("/modules/payplug/views/css/../img/integrated/visa.svg")}.payplugIntegratedPayment_scheme.-mastercard span{background-image:url("/modules/payplug/views/css/../img/integrated/mastercard-dark.svg")}.payplugIntegratedPayment_scheme.-mastercard span:before{background-image:url("/modules/payplug/views/css/../img/integrated/mastercard.svg")}.payplugIntegratedPayment_scheme.-cb span{background-image:url("/modules/payplug/views/css/../img/integrated/cb-dark.svg")}.payplugIntegratedPayment_scheme.-cb span:before{background-image:url("/modules/payplug/views/css/../img/integrated/cb.svg")}.payplugIntegratedPayment .ipOverlay{background-color:rgba(25,25,25,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.payplugIntegratedPayment .ipOverlay_inner{height:100%;left:0;position:absolute;top:0;width:100%}.payplugIntegratedPayment .ipOverlay_content{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.payplugIntegratedPayment .ipOverlay_spinner{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.05);border-radius:100%;border-top-color:#fff;display:inline-block;height:75px;left:50%;position:fixed;top:50%;width:75px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payplugIntegratedPayment_privacy_policy{font-family:Gantari;margin-top:40px;text-align:center;width:100%}.payplugIntegratedPayment_privacy_policy span{vertical-align:middle}.payplugIntegratedPayment_privacy_policy img.-lock{width:20px}.payplugIntegratedPayment_privacy_policy img.-logo{width:100px}.payplugIntegratedPayment_privacy_policy a{display:block;margin-top:10px}.payplugOneyCta{display:inline-block;max-width:100%;position:relative;z-index:2}.payplugOneyCta_button{align-items:center;background:none;border:none;color:#2f2930;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-size:11px;font-weight:400;margin:0;max-width:100%;padding:0;text-transform:uppercase;-webkit-transition:color .4s;-moz-transition:color .4s;-ms-transition:color .4s;-o-transition:color .4s;transition:color .4s}.payplugOneyCta_button:hover{color:#7ebd00}.payplugOneyCta_button:focus{outline:0}@media (max-width:767px){.payplugOneyCta_button{position:relative}}.payplugOneyCta_button.-disabled,.payplugOneyCta_button.-disabled:hover{color:#b2b2b2}.payplugOneyCta_button span{font:inherit;white-space:nowrap}.payplugOneyCta img{display:block;height:auto;max-width:100%}.payplugOneyCta_logo{background-size:110%;height:30px;margin:0 0 0 5px;width:140px}.payplugOneyCta_logo.-withoutFees{margin:.5em .25em .5em .75em;min-height:40px;width:150px}.payplugOneyCta_tooltip{height:14px;width:14px}.payplugOneyCta_field{background:rgba(128,188,0,.1);height:46px;padding:0 8px!important;text-align:right}@media (max-width:767px){.payplugOneyCta_field{background:transparent;height:auto}}.payplugOneyCta.-checkout{margin-top:8px}.payplugOneyCta.-open{z-index:4}.payplugOneyError{clear:both;color:#a91526;display:none;font-family:Poppins,sans-serif;font-size:13px;font-weight:400;margin:0 0 16px;padding:0 15px;width:100%}.payplugOneyLoader{align-items:center;display:flex;flex-direction:column;justify-content:center}.payplugOneyLoader_spinner{align-items:center;display:flex;font-size:30px;height:1em;justify-content:center;position:relative;width:1em}.payplugOneyLoader_spinner span,.payplugOneyLoader_spinner:after,.payplugOneyLoader_spinner:before{animation:pp-rotate 1.2s cubic-bezier(.5,0,.5,1) infinite;border:.1em solid transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border-top-color:#7ebd00;box-sizing:border-box;display:block;height:90%;position:absolute;width:90%}.payplugOneyLoader_spinner:after,.payplugOneyLoader_spinner:before{content:""}.payplugOneyLoader_spinner:before{animation-delay:-.45s}.payplugOneyLoader_spinner span{animation-delay:-.3s}.payplugOneyLoader_spinner:after{animation-delay:-.15s}.payplugOneyLoader_message{display:flex;flex-wrap:nowrap;font-size:16px;justify-content:center;padding:8px 8px 0;white-space:nowrap}.payplugOneyLoader_message i{animation:pp-opacity 1.8s cubic-bezier(.5,0,.5,1) infinite reverse}.payplugOneyLoader_message i:first-child{animation-delay:-.6s}.payplugOneyLoader_message i:nth-child(2){animation-delay:-.4s}.payplugOneyLoader_message i:nth-child(3){animation-delay:-.2s}.payplugOneyLogo{background:50% no-repeat;-webkit-background-size:100%;background-size:100%}.payplugOneyLogo.-x3{background-image:url("/modules/payplug/views/css/../img/oney/x3_with_fees.svg")}.-disabled .payplugOneyLogo.-x3{background-image:url("/modules/payplug/views/css/../img/oney/x3_with_fees_alt.svg")}.payplugOneyLogo.-x3.-withoutFees{background-image:url("/modules/payplug/views/css/../img/oney/x3_without_fees_FR.svg")}.-disabled .payplugOneyLogo.-x3.-withoutFees{background-image:url("/modules/payplug/views/css/../img/oney/x3_without_fees_FR_alt.svg")}.payplugOneyLogo.-x3.-withoutFees.-isItalian{background-image:url("/modules/payplug/views/css/../img/oney/x3_without_fees_IT.svg")}.-disabled .payplugOneyLogo.-x3.-withoutFees.-isItalian{background-image:url("/modules/payplug/views/css/../img/oney/x3_without_fees_IT_alt.svg")}.payplugOneyLogo.-x3x4{background-image:url("/modules/payplug/views/css/../img/oney/x3x4_with_fees.svg")}.-disabled .payplugOneyLogo.-x3x4{background-image:url("/modules/payplug/views/css/../img/oney/x3x4_with_fees_alt.svg")}.payplugOneyLogo.-x3x4.-withoutFees{background-image:url("/modules/payplug/views/css/../img/oney/x3x4_without_fees_FR.svg")}.-disabled .payplugOneyLogo.-x3x4.-withoutFees{background-image:url("/modules/payplug/views/css/../img/oney/x3x4_without_fees_FR_alt.svg")}.payplugOneyLogo.-x3x4.-withoutFees.-isItalian{background-image:url("/modules/payplug/views/css/../img/oney/x3x4_without_fees_IT.svg")}.-disabled .payplugOneyLogo.-x3x4.-withoutFees.-isItalian{background-image:url("/modules/payplug/views/css/../img/oney/x3x4_without_fees_IT_alt.svg")}.payplugOneyLogo.-x4{background-image:url("/modules/payplug/views/css/../img/oney/x4_with_fees.svg")}.-disabled .payplugOneyLogo.-x4{background-image:url("/modules/payplug/views/css/../img/oney/x4_with_fees_alt.svg")}.payplugOneyLogo.-x4.-withoutFees{background-image:url("/modules/payplug/views/css/../img/oney/x4_without_fees_FR.svg")}.-disabled .payplugOneyLogo.-x4.-withoutFees{background-image:url("/modules/payplug/views/css/../img/oney/x4_without_fees_FR_alt.svg")}.payplugOneyLogo.-x4.-withoutFees.-isItalian{background-image:url("/modules/payplug/views/css/../img/oney/x4_without_fees_IT.svg")}.-disabled .payplugOneyLogo.-x4.-withoutFees.-isItalian{background-image:url("/modules/payplug/views/css/../img/oney/x4_without_fees_IT_alt.svg")}.payplugOneyLogo.-tooltip{background-image:url("/modules/payplug/views/css/../img/oney/tooltip.svg")}.-disabled .payplugOneyLogo.-tooltip{background-image:url("/modules/payplug/views/css/../img/oney/tooltip-alt.svg")}.payplugOneyPopin{color:#777;display:none;font-family:Poppins,sans-serif;font-size:13px;font-weight:400;opacity:0;padding:15px;right:35px;text-align:left;top:0;-webkit-transform:translateY(-15%);-moz-transform:translateY(-15%);-ms-transform:translateY(-15%);-o-transform:translateY(-15%);transform:translateY(-15%);-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-ms-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;width:350px}.payplugOneyPopin,.payplugOneyPopin:after{background:#fff;border:2px solid #7ebd00;position:absolute}.payplugOneyPopin:after{border-bottom:none;border-left:none;content:"";height:24px;right:-2px;top:17.5%;-webkit-transform:translate(50%,-50%) rotate(45deg);-moz-transform:translate(50%,-50%) rotate(45deg);-ms-transform:translate(50%,-50%) rotate(45deg);-o-transform:translate(50%,-50%) rotate(45deg);transform:translate(50%,-50%) rotate(45deg);width:24px;z-index:-1}.-error.payplugOneyPopin:after{border-color:#b2b2b2}@media (max-width:767px){.payplugOneyPopin:after{display:none}.payplugOneyPopin{background:transparent;border:1px solid transparent;display:block;max-height:0;overflow:hidden;padding:0 15px;position:relative;right:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;-webkit-transition:max-height .4s,border .4s,padding .4s;-moz-transition:max-height .4s,border .4s,padding .4s;-ms-transition:max-height .4s,border .4s,padding .4s;-o-transition:max-height .4s,border .4s,padding .4s;transition:max-height .4s,border .4s,padding .4s;width:100%}.payplugOneyPopin .payplugOneyLoader{display:none;margin:15px 0}.-open .payplugOneyPopin .payplugOneyLoader{display:flex}}.payplugOneyPopin.-open{display:block}@media (max-width:767px){.payplugOneyPopin.-open{background:#fff;border:1px solid #7ebd00;max-height:750px}}.payplugOneyPopin.-show{opacity:1}.payplugOneyPopin.-error{border-color:#b2b2b2;max-width:300px;padding:8px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:auto;width:100vw}.payplugOneyPopin.-error:after{top:50%}@media (max-width:767px){.payplugOneyPopin.-error{background:transparent;border:1px solid transparent;padding:0 8px;top:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;width:100%}.payplugOneyPopin-open.payplugOneyPopin.-error{background:hsla(0,0%,70%,.1);border-color:#b2b2b2;padding:8px}}.payplugOneyPopin.-loading{height:auto;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:auto}.payplugOneyPopin.-loading:after{top:50%}@media (max-width:767px){.payplugOneyPopin.-loading{display:flex;justify-content:center;top:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;width:100%}}.payplugOneyPopin.-isItalian.-withoutFees .payplugOneyPopin_title{background:url("/modules/payplug/views/css/../img/oney/logo_it_withoutfees.svg") 0 5px no-repeat}.payplugOneyPopin_title{background:url("/modules/payplug/views/css/../img/oney/logo.svg") -11px 0 no-repeat;-webkit-background-size:auto 38px;background-size:auto 36px;color:#7ebd00;display:block;font-size:18px;line-height:20px;margin:0 0 18px;padding:36px 0 0}.payplugOneyPopin_title strong{display:block;text-transform:uppercase}@media (max-width:767px){.payplugOneyPopin_title{margin:15px 0 24px}}ul.payplugOneyPopin_navigation{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;width:100%}ul.payplugOneyPopin_navigation li{border:1px solid #e5e5e5;margin:0;padding:0;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}ul.payplugOneyPopin_navigation li:first-child{-webkit-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}ul.payplugOneyPopin_navigation li:last-child{-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px}ul.payplugOneyPopin_navigation li:before{display:none}ul.payplugOneyPopin_navigation li+li{margin:-1px 0 0}ul.payplugOneyPopin_navigation li button{background:transparent;border:none;color:#b2b2b2;cursor:pointer;height:32px;outline:0;padding:0 16px;text-align:left;width:100%}ul.payplugOneyPopin_navigation li.selected,ul.payplugOneyPopin_navigation li:hover{border:1px solid #7ebd00;z-index:2}ul.payplugOneyPopin_navigation li.selected button,ul.payplugOneyPopin_navigation li:hover button{color:#777;font-weight:700}ul.payplugOneyPopin_navigation li.selected{background:rgba(126,189,0,.15)}.payplugOneyPopin_option{display:none;font-size:12px;line-height:17px;padding:4px;position:relative;width:100%}.payplugOneyPopin_option.-show{display:block}.payplugOneyPopin_option p,.payplugOneyPopin_option ul{margin:0}.payplugOneyPopin_option ul{padding:0}.payplugOneyPopin_option ul li{margin:0;padding:0}.payplugOneyPopin_option ul li:before{display:none}.payplugOneyPopin_option p{padding:4px 0}.payplugOneyPopin_option li,.payplugOneyPopin_option p{display:flex;flex-wrap:wrap;justify-content:space-between;line-height:17px;width:100%}.payplugOneyPopin_option li:first-child,.payplugOneyPopin_option li:last-child,.payplugOneyPopin_option p:first-child,.payplugOneyPopin_option p:last-child{padding:4px 0}.payplugOneyPopin_option li small,.payplugOneyPopin_option p small{display:block;width:100%}.payplugOneyPopin_option[data-type="3x"] ul li:last-child{padding:21px 0 4px}.payplugOneyPopin_legal{border-top:1px solid #7ebd00;color:#8a8a8a;display:block;font-size:10px;line-height:1.2em;padding:8px 0 0;white-space:normal}.payplugOneyPopin_legal a{color:#7ebd00}@media (max-width:767px){.payplugOneyPopin_legal{padding:10px 0 15px}}.payplugOneyPopin_close{background:none;border:none;cursor:pointer;display:block;height:24px;line-height:24px;overflow:hidden;padding:0;position:absolute;right:15px;text-indent:24px;top:15px;width:24px}.payplugOneyPopin_close:focus{outline:0}.payplugOneyPopin_close:after,.payplugOneyPopin_close:before{background:#7ebd00;content:"";display:block;height:2px;left:50%;position:absolute;top:50%;width:100%}.payplugOneyPopin_close:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.payplugOneyPopin_close:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);-moz-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);-o-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.payplugOneyPopin_error{font-size:14px;font-style:italic;font-weight:400;margin:0;white-space:normal}.payplugOneyPopin_external{display:block;font-weight:700;text-decoration:underline}.payplugOneyRequired{align-items:center;background:transparent;display:flex;flex-direction:column;flex-wrap:wrap;font-size:15px;justify-content:space-between;padding:0;width:100%}@media (max-width:767px){.payplugOneyRequired{max-width:100%;width:calc(100vw - 30px)}}.payplugOneyRequired:focus{outline:0}.payplugOneyRequired_overlay{align-items:center;background:transparent;display:flex;justify-content:center;max-height:0;overflow:hidden;padding:0 16px;-webkit-transition:max-height .4s;-moz-transition:max-height .4s;-ms-transition:max-height .4s;-o-transition:max-height .4s;transition:max-height .4s;width:100%}.payplugOneyRequired_overlay.-show{max-height:10000vh}.payplugOneyRequired_wrapper{padding:24px 0 0;position:relative}.payplugOneyRequired_wrapper:before{border-top:1px solid #7ebd00;content:"";height:0;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:150px}.payplugOneyRequired_close{background:none;border:none;color:#7ebd00;cursor:pointer;display:block;height:24px;line-height:24px;margin:0 0 15px;text-align:center;width:100px}.payplugOneyRequired_close:focus{outline:0}.payplugOneyRequired_close.-button{background:#7ebd00;border:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#fff;cursor:pointer;font-size:15px;height:32px;margin:15px 0 0;outline:none;padding:0 16px;width:auto}.payplugOneyRequired_title{color:#7ebd00;display:block;font-size:14px;padding:8px 0 16px;text-transform:uppercase}.payplugOneyRequired_content{display:flex;flex-wrap:wrap;justify-content:space-around;position:relative;width:100%}.payplugOneyRequired_fieldset{display:flex;flex-direction:column;margin:0 0 15px;max-width:calc(50% - 30px);padding:0 15px;position:relative;width:100%}.payplugOneyRequired_fieldset.-same{margin:auto;max-width:100%}@media (max-width:767px){.payplugOneyRequired_fieldset{max-width:100%}.payplugPopin .payplugOneyRequired_fieldset{padding:16px 0 0}}.payplugOneyRequired_sectionName{color:#0555eb;font-size:15px;margin:0 0 4px;text-align:center}.payplugOneyRequired_group{display:flex;flex-wrap:wrap;justify-content:space-between}.payplugOneyRequired_group p{font-size:12px;font-weight:400;margin:0 0 3px;width:100%}.payplugOneyRequired_group+.payplugOneyRequired_group{margin:10px 0 0}.payplugOneyRequired_field{width:100%}.payplugOneyRequired_field.-city,.payplugOneyRequired_field.-firstname,.payplugOneyRequired_field.-lastname,.payplugOneyRequired_field.-postcode{width:calc(50% - 2.5px)}.payplugOneyRequired_input{border:1px solid #b2b2b2;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-size:12px;height:36px;margin:0 0 5px;padding:0 8px;width:100%}.payplugOneyRequired_input.-error{border:1px solid #e56876}.payplugOneyRequired_validate{display:flex;justify-content:center;width:100%}.payplugOneyRequired_button{cursor:pointer;margin:10px 0}.payplugOneyRequired_button,.payplugOneyRequired_submit{background:#7ebd00;border:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#fff;font-size:15px;height:50px;width:200px}.payplugOneyRequired_submit{margin:16px 0 8px;outline:none}.payplugOneyRequired_message{display:none;font-size:13px;margin:10px 0 0;text-align:center}.payplugOneyRequired_message.-error{color:#e56876;display:block}.payplugOneyRequired_message.-success{color:#0555eb;display:block}.payplugOneyRequired_validation{align-items:center;background:#fff;display:none;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-ms-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;width:100%}.payplugOneyRequired_validation span{align-items:center;display:flex;flex-direction:column;font-size:15px;justify-content:center}.payplugOneyRequired_validation span:first-child{color:#7ebd00;font-size:12px;margin:0 0 15px}.payplugOneyRequired_validation span:first-child:before{border:4px solid #7ebd00;border-right:none;border-top:none;content:"";display:block;height:15px;margin:0 0 15px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:30px}.payplugOneyRequired_validation.-show{display:flex}.payplugOneyRequired_validation.-appear{opacity:1}.payplugOneySchedule{border:1px solid #7ebd00;border-left:none;border-right:none;font-size:12px;line-height:17px;margin:-10px 0 5px -8px;padding:12px 0;position:relative;width:100%}.payplugOneySchedule ul{color:#2f2930;display:flex;flex-direction:column;font-size:13px;font-weight:600;height:100%;margin:0;padding:0;width:100%}.payplugOneySchedule ul li{display:flex;flex-wrap:wrap;justify-content:space-between;line-height:21px;padding:0}.payplugOneySchedule ul li span{display:flex;font-weight:600}.payplugOneySchedule ul li span:first-child{font-weight:500}.payplugOneySchedule ul li:last-child{padding:12px 0 0}.-withoutFees.payplugOneySchedule ul li:last-child{padding:0}.payplugOneySchedule ul li small{display:block;font-weight:400;width:100%}.payplugOneyScheduleCGV{color:#7a7a7a;display:block;font-size:13px;margin:5px 0 15px -8px}.payplugPayment a{background:#fbfbfb;padding-left:15px!important}.payplugPayment a img{left:auto;margin:0 8px 0 0;max-height:30px;max-width:200px;position:relative}@media (max-width:1023px){.payplugPayment a img{display:none}}.payplugPayment a img.payment_option_bancontact_payment_logo{margin:2px 8px 0 0}.payplugPayment a:hover{background-color:#f6f6f6}.payplugPayment a:after{color:#777;content:"\f054";display:block;font-family:FontAwesome;font-size:25px;height:22px;margin-top:-11px;position:absolute;right:15px;top:50%;width:14px}.payplugPayment .payplugOneyLogo.-withoutFees{max-height:40px}.payplugPayment .payplugOneyLogo.-optimized-16{max-height:60px;width:150px}@media (max-width:1023px){.payplugPayment .payplugOneyLogo{display:none}}.payplugPayment_error{color:#e56876;font-size:13px;font-weight:400}.payplugOneClick{background:#fbfbfb;margin:0 0 10px}.payplugOneClick,.payplugOneClick>button{border:1px solid #d6d4d4;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#333;display:block;font-size:17px;font-weight:700;line-height:23px;position:relative}.payplugOneClick>button{background:none;letter-spacing:-1px;padding:33px 40px 34px 15px;text-align:left;width:100%}.payplugOneClick>button:after{color:#777;content:"\f054";display:block;font-family:FontAwesome;font-size:25px;height:22px;margin-top:-11px;position:absolute;right:15px;top:50%;width:14px}.payplugOneClick>button img{margin-right:20px}@media (max-width:1023px){.payplugOneClick>button img{display:none}}.payplugOneClick form{align-items:flex-start;display:flex;flex-direction:column;padding:30px 15px 15px}.payplugOneClick form .radio{padding:6px 0 0}.payplugOneClick form label{align-self:flex-start;cursor:pointer;display:flex}.payplugOneClick form label img{display:block;height:22px;margin:0 8px;width:auto}.payplugOneClick form label .noimg{left:8px;position:relative}.payplugOneClick form label span{display:flex;flex-direction:column}.payplugOneClick form label span span{font-size:.8em;font-weight:400;line-height:.8em}.payplugOneClick form label+label{margin:10px 0 0}.payplugOneClick_submit{align-items:flex-end;bottom:15px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;max-width:325px;position:absolute;right:15px}@media (max-width:767px){.payplugOneClick_submit{align-self:center;bottom:0;margin:15px 0 0;position:relative;right:0}}.payplugOneClick_message{align-items:center;display:none;flex-wrap:wrap;font-size:14px;font-weight:400;justify-content:flex-end;line-height:.8em;max-width:325px;text-align:right}.payplugOneClick_message.-show{display:flex}.payplugOneClick_loader{display:block;height:25px;left:50%;margin:0 0 0 16px;top:50%;width:25px}.payplugButton{background:transparent;border:1px solid #ccc;-webkit-border-radius:.25em;-moz-border-radius:.25em;border-radius:.25em;cursor:pointer;font-size:12px;margin:0;min-width:6.5em;outline:none;padding:.4em 1em;text-align:center;text-transform:uppercase;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}.payplugButton.-payment{font-size:14px;font-weight:700;height:3em;min-width:11em}.payplugButton.-green{background:#0555eb;border-color:#0555eb;color:#fff}.payplugButton.-green:hover{background:#044cd2;border-color:#044cd2;color:#fff}.payplugButton.-disabled,.payplugButton.-disabled:hover{background:#b2b2b2;border-color:#b2b2b2;color:#fff;cursor:default}.payplugOneyPayment{background:#fbfbfb;border:1px solid #d6d4d4;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;max-height:90px;overflow:hidden;-webkit-transition:max-height .4s;-moz-transition:max-height .4s;-ms-transition:max-height .4s;-o-transition:max-height .4s;transition:max-height .4s}.payplugOneyPayment.-disabled{max-height:none}.payplugOneyPayment.-open{max-height:10000vh}.payplugOneyPayment_trigger{align-items:center;background:none;border:none;color:#333;display:flex;font-size:17px;font-weight:700;height:90px;letter-spacing:-1px;padding:0 0 0 15px;position:relative;text-align:left;width:100%}.payplugOneyPayment_trigger img{margin-right:10px}.-disabled .payplugOneyPayment_trigger{color:#b2b2b2;cursor:default}.-disabled .payplugOneyPayment_trigger:hover{background:#fbfbfb}.-mobile.-disabled .payplugOneyPayment_trigger{height:auto;padding:8px 15px}.payplugOneyPayment_trigger:hover{background:#f6f6f6}.-open .payplugOneyPayment_trigger:hover{background:#fbfbfb}.payplugOneyPayment_trigger:focus{outline:0}.payplugOneyPayment_trigger:after{align-items:center;color:#777;content:"\f054";display:flex;font-family:FontAwesome;font-size:25px;height:30px;justify-content:center;position:absolute;right:7px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:transform .4s;-moz-transition:transform .4s;-ms-transition:transform .4s;-o-transition:transform .4s;transition:transform .4s;width:30px}.-open .payplugOneyPayment_trigger:after{-webkit-transform:translateY(-50%) rotate(90deg);-moz-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);-o-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.-disabled .payplugOneyPayment_trigger:after{display:none}.-mobile .payplugOneyPayment_trigger{justify-content:left}.payplugOneyPayment_label{display:flex;flex-direction:column;line-height:1.3em}.payplugOneyPayment_error{font-size:14px;font-style:italic;font-weight:400}.payplugOneyPayment_logo{background-size:100%;display:block;margin:0 8px 0 0;max-width:100%;min-height:40px;min-width:150px;width:150px}.-disabled .payplugOneyPayment_logo{background-image:url("/modules/payplug/views/css/../img/oney/3x4x_with_fees-alt.svg")}@media (max-width:1023px){.payplugOneyPayment_logo{display:none}}.payplugOneyPayment_cta{margin:0 0 30px;text-align:center;width:100%}.payplugOneyPayment_cta a{color:#7a7a7a;display:block;font-size:13px;margin-top:5px;padding-left:0!important}.payplugOneyPayment_cta a:hover{background:none}.payplugOneyPayment_cta a:after{display:none}.payplugOneyPayment_button{background:#7ebd00;border:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#fff;font-size:15px;height:50px;width:254px}.payplugOneyPayment_button.-disabled{background:#b2b2b2;cursor:default;outline:none}.payplugOneyOption{align-items:center;border:1px solid #dce0e8;cursor:pointer;display:flex;flex-direction:column;margin:0 8px 50px;padding:30px;position:relative;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;width:calc(50% - 16px)}.payplugOneyOption:after{background:#7ebd00;bottom:-14px;-webkit-box-shadow:inset 0 -5px 10px 5px #fff;-moz-box-shadow:inset 0 -5px 10px 5px #fff;box-shadow:inset 0 -5px 10px 5px #fff;content:"";display:block;height:13px;left:0;opacity:0;position:absolute;right:0;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-ms-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s}.-mobile .payplugOneyOption:after{display:none}.payplugOneyOption:hover{border-color:#7ebd00}.payplugOneyOption:hover:after{opacity:1}.payplugOneyOption.-selected{background:rgba(126,189,0,.15);border-color:#7ebd00}.payplugOneyOption.-selected:after{opacity:1}.-mobile .payplugOneyOption.-selected{background:none;border:none}.payplugOneyOption_wrapper{display:flex;flex-wrap:wrap;justify-content:center;padding:0 8px;position:relative}.-mobile .payplugOneyOption_wrapper{padding:89px 0 0;position:relative}.-mobile .payplugOneyOption_wrapper img{display:none}.payplugOneyOption_wrapper.-loading{justify-content:center;padding:16px}.payplugOneyOption_wrapper.-loading+.payplugOneyPayment_cta{display:none}.-mobile .payplugOneyOption_wrapper.-loading{padding:16px}.payplugOneyOption_logo{display:block;height:90px;max-width:100%;width:200px}.payplugOneyOption_logo.-x3,.payplugOneyOption_logo.-x4{width:140px}.payplugOneyOption_logo.-x3.-withoutFees,.payplugOneyOption_logo.-x4.-withoutFees{min-height:90px;width:150px}@media (max-width:1023px){.payplugOneyOption_logo{display:none}}.payplugOneyOption_title{align-items:center;color:#2f2930;display:flex;flex-direction:column;font-size:15px;font-weight:500;height:90px;justify-content:center;padding:0 0 35px}.payplugOneyOption_title img{margin-bottom:5px}.-mobile .payplugOneyOption_title{background:transparent;border:1px solid #dce0e8;border-bottom:5px solid transparent;border-left:none;left:0;padding:0;position:absolute;top:0;width:50%}.-mobile .payplugOneyOption:nth-child(2) .payplugOneyOption_title{border-left:none;border-right:none;left:50%}.-mobile .-selected .payplugOneyOption_title{border-bottom:5px solid #7ebd00}.payplugOneyOption_prices{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.-mobile .payplugOneyOption_prices{border-top:1px solid #dce0e8;display:none;height:auto;padding:30px 16px}.-mobile .-selected .payplugOneyOption_prices{display:block}.payplugOneyOption_prices ul{color:#2f2930;display:flex;flex-direction:column;font-size:15px;font-weight:600;height:100%;margin:0;width:100%}.payplugOneyOption_prices ul li{border-bottom:1px solid #dce0e8;display:flex;flex-wrap:wrap;justify-content:space-between;line-height:21px;padding:0 0 16px}.payplugOneyOption_prices ul li+li{padding:16px 0}.payplugOneyOption_prices ul li:last-child{border:none;margin:auto 0 0;padding:16px 0 0}.payplugOneyOption_prices ul li span{display:flex;font-weight:600}.payplugOneyOption_prices ul li span:first-child{font-weight:500}.payplugOneyOption_prices ul li small{display:block;font-weight:400;width:100%}.-mobile .payplugOneyOption_prices ul li{padding:8px 0}.payplugOneyOption_legend{color:#2f2930;font-weight:400;margin:auto 0 0;text-align:center}.payplugOneyOption_radio{height:0;left:0;overflow:hidden;position:absolute;top:0;width:0}.-mobile .payplugOneyOption{background:none;border:none;margin:0;padding:0;position:static;width:100%} /* source: /modules/paypal/views/css/paypal.css */ /* * * 2007-2024 PayPal * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade PrestaShop to newer * versions in the future. If you wish to customize PrestaShop for your * needs please refer to http://www.prestashop.com for more information. * * @author 2007-2024 PayPal * @author 202 ecommerce * @copyright PayPal * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) * */ #paypal-column-block p{text-align:center} .paypal-bold{font-weight:700} .paypal-clear{clear:both} #paypal-wrapper .half{width:44%} #paypal-wrapper{ font-size:1.1em; position:relative; background-color: #ffffff; padding: 20px; margin: 20px; } #paypal-wrapper ul li{text-align:left} #paypal-wrapper hr{border-top:1px solid #ccc!important;margin-bottom:0;margin-top:20px} #paypal-wrapper .toolbox{background:#fff2cf;border:1px solid #aaa;color:#000;display:none;font-size:10px;font-weight:400;left:730px;line-height:12px;padding:6px!important;position:absolute;text-transform:none;top:-10px!important;width:180px;z-index:100} .paypal-disabled,.paypal-disabled *,.paypal-disabled * *,.paypal-disabled * * *{color:#888!important} .paypal-disabled .paypal-button,.paypal-disabled input[type=submit]{background:#DDD!important;border:1px solid #999!important} #paypal-wrapper .inline{display:inline;margin-right:5px} #paypal-wrapper .box{margin:6px 1%;padding:12px;text-align:left} #paypal-wrapper .box ul{list-style:none;margin:0;padding:0} #paypal-wrapper .box ul.tick li{background:url("/modules/paypal/views/css/../img/blue_tick.png") no-repeat left 3px;padding:4px 26px} span.paypal-section{background:url("/modules/paypal/views/css/../img/sprites.png") no-repeat 0 0;color:#FFF!important;float:left;height:24px;line-height:24px;margin-right:8px;text-align:center;width:24px} .paypal-disabled span.paypal-section{background:url("/modules/paypal/views/css/../img/sprites.png") 0 24px} #paypal-slogan{font-size:1.8em;margin:0 0 5px;text-transform:uppercase} #paypal-slogan .light{color:#369} #paypal-slogan .dark{color:#036} #paypal-call-button{margin:-6px 0 0;padding:0} #paypal-call,#paypal-call-foonote,#test_ssl_submit{background:#e1e1e1 url("/modules/paypal/views/css/../img/bg-call-button.png") repeat-x;border:1px solid #d2d2d2;border-left-color:#ddd;border-radius:5px;border-right-color:#ddd;border-top-color:#e9e9e9;color:#369;display:block;margin:0;padding:10px 20px;width:auto} #paypal-call-foonote{background:none;border:none;font-size:.8em;max-width:320px;padding:2px 10px;text-align:justify} #paypal-get-identification{display:block;min-width:378px;text-align:center} #paypal-wrapper a,#paypal-test-mode-confirmation a{color:#036;text-decoration:underline} #paypal-wrapper h1,#paypal-wrapper h2,#paypal-wrapper h3,#paypal-wrapper h4,#paypal-wrapper h5,#paypal-wrapper h6,#paypal-country-form h1, #paypal-test-mode-confirmation h1,#paypal-country-form h2, #paypal-test-mode-confirmation h2,#paypal-country-form h3, #paypal-test-mode-confirmation h3,#paypal-country-form h4, #paypal-test-mode-confirmation h4,#paypal-country-form h5, #paypal-test-mode-confirmation h5,#paypal-country-form h6, #paypal-test-mode-confirmation h6{color:#036;font-family:Arial, Verdana, Helvetica, sans-serif;font-weight:400;text-transform:uppercase} #paypal-country-form h3, #paypal-test-mode-confirmation h3,#paypal-wrapper h3{font-size:1.4em;line-height:24px} #paypal-country-form h4, #paypal-test-mode-confirmation h4,#paypal-wrapper h4{font-size:1.2em;margin-bottom:5px;text-transform:none} #paypal-wrapper h1.inline + img,#paypal-wrapper h2.inline + img,#paypal-wrapper h3.inline + img,#paypal-wrapper h4.inline + img,#paypal-wrapper h5.inline + img,#paypal-wrapper h6.inline + img{vertical-align:-6px} #paypal-wrapper p{margin-top:10px;padding-bottom:0} #paypal-wrapper .form-block{margin-top:5px} #paypal-wrapper .form-block input{vertical-align:top} #paypal-wrapper dl dt{clear:both;line-height:20px;margin-bottom:2px;text-align:right;width:220px} #paypal-wrapper dl dd{margin:0 0 16px 10px} #paypal-wrapper label{display:inline-block;float:none;font-size:.9em;font-weight:400;margin-bottom:5px;padding-left:6px;padding-top:0;position:relative;text-align:left;width:auto} #paypal-wrapper dl dt label{margin:0;padding:0} #paypal-wrapper .description,#paypal-wrapper .paypal-signup-content{color:#666;font-size:.9em;font-weight:400;margin:2px 0;font-size:11px; font-style:italic;} label span.description{display:block;} #paypal-wrapper input[type=submit],#paypal-country-form button, #paypal-test-mode-confirmation button,#paypal-wrapper .paypal-button{background:url("/modules/paypal/views/css/../img/bg-button.png") repeat-x;border:1px solid #f29116;border-radius:4px;color:#292929;cursor:pointer;display:inline-block;font-weight:700;height:25px;line-height:26px;padding:0 10px;text-decoration:none;text-shadow:0 1px 1px #DDD;text-transform:uppercase} #paypal-country-form ul, #paypal-test-mode-confirmation ul{font-size:1.1em;padding-left:10px} #paypal-country-form button, #paypal-test-mode-confirmation button{line-height:20px} #paypal-test-mode-confirmation{margin:30px;text-align:left;width:500px} #paypal-country-form #buttons, paypal-test-mode-confirmation#buttons{margin-top:20px;text-align:right} #paypal-test-mode-confirmation button + button{margin-left:20px;margin-right:20px} #paypal-save-success,#paypal-save-failure{width:450px} #container_express_checkout{margin:auto;text-align:left} #payment_paypal_express_checkout{cursor:pointer} .paypal_error span{color:red;font-weight:bolder} .paypal_payment_acccepted span{color:green;font-weight:bolder} #paypal_configuration > .box{margin-left:0;margin-right:0;padding-left:0;padding-right:0} #paypal-wrapper .left,#paypal-wrapper dl > *{float:left} #paypal-wrapper .right,.box ul.tick{float:right} .paypal-hide{display:none} #paypal-wrapper .merchant_id { margin-top: 0px; } #paypal-wrapper .merchant_id label { padding-left: 0px; } .inforeturn .alert { padding: 15px; margin-bottom: 18px; border: 1px solid transparent; border-radius: 0px; } .inforeturn .alert h4 { margin-top: 0; color: inherit; } .inforeturn .alert.alert-link { font-weight: bold; } .inforeturn .alert > p, .inforeturn .alert > ul { margin-bottom: 0; } .inforeturn .alert > p + p { margin-top: 5px; } .inforeturn .alert-dismissable { padding-right: 35px; } .inforeturn .alert-dismissable.close { position: relative; top: -2px; right: -21px; color: inherit; } .inforeturn .alert-success { background-color: #55c65e; border-color: #48b151; color: #fff; } .inforeturn .alert-success hr { border-top-color: #419f49; } .inforeturn .alert-success.alert-link { color: #e6e6e6; } .inforeturn .alert-info { background-color: #5192f3; border-color: #4b80c3; color: #fff; } .inforeturn .alert-info hr { border-top-color: #3d73b7; } .inforeturn .alert-info.alert-link { color: #e6e6e6; } .inforeturn .alert-warning { background-color: #fe9126; border-color: #e4752b; color: #fff; } .inforeturn .alert-warning hr { border-top-color: #da681c; } .inforeturn .alert-warning.alert-link { color: #e6e6e6; } .inforeturn .alert-danger { background-color: #f3515c; border-color: #d4323d; color: #fff; } .inforeturn .alert-danger hr { border-top-color: #c32933; } .inforeturn .alert-danger.alert-link { color: #e6e6e6; } .braintree-row-payment { padding:5px 5px 5px 10px; border:solid 1px #d6d4d4; border-radius: 4px; margin:0 0 10px 0; } .braintree-row-payment .block_field{ width: 46%; display: block; margin-top: 10px; margin-right:1%; float: left; } .braintree-row-payment .block_field.half_block_field{ width:20%; margin-right:1%; } .braintree-row-payment label{ float: left; margin: 9px 20px 0 0; display:block; width: 200px; /*text-align:right;*/ } .braintree-row-payment .half_block_field .hosted_field { width:100%; } .braintree-row-payment .hosted_field { /*width: 250px;*/ height: 34px; padding: 6px 12px 6px 12px; border: 1px solid #cccccc; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; float:left; } .braintree-row-payment .braintree-hosted-fields-focused { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .braintree-row-payment #braintree_submit{ margin-top: 20px; color: #fff; background-color: #337ab7; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid #2e6da4; border-radius: 4px; width: 250px; clear: both; } .paypal_clear{ clear:both; } .braintree_logo{ vertical-align: bottom; } .braintree_title_bo{ color:#000; } .braintree_error{ background-color: #F11; color: white; padding: 5px; opacity: 0.5; border: solid 3px red; } #paypal-wrapper .bo_paypal_help{ border-radius:50%; border: 2px solid #036; width: 21px; display: inline-block; height: 21px; font-size: 17px; text-decoration: none; text-align: center; } #paypal-wrapper .braintree_link{ text-decoration: none; } .paypal_title_pay_card{ font-size:17px; color:#333; } #error_version_php { margin-left : 23px; } .paypal-mt-20 { margin-top: 20px; } .flex-display { display: flex !important; } .bold { font-weight: bold; } .size-l { font-size: 16px; } [paypal-nav-bar] { background-color: #ffffff; } [paypal-nav-bar] li.active > a { background-color: #ffffff !important; color: #000000 !important; border-bottom: solid #2eacce; } #content { background-color: #EFF1F2; padding-left: 0; padding-right: 0; } .back-white { background-color: white; } /*Switch toggle. Start*/ .pp__switch-field { display: flex; overflow: hidden; } .pp__switch-field .pp__switch-input { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } .pp__switch-field .pp__switch-label { background-color: #e4e4e4; color: rgba(0, 0, 0, 0.6); font-size: 14px; line-height: 1; text-align: center; padding: 8px 16px !important; margin-right: -1px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); transition: all 0.1s ease-in-out; text-shadow: none !important; } .pp__switch-field .pp__switch-label:hover { cursor: pointer; } .pp__switch-field .pp__switch-input:checked + .pp__switch-label.off { background-color: #e08f95; box-shadow: none; color: #ffffff; } .pp__switch-field .pp__switch-input:checked + .pp__switch-label.on { background-color: #2eacce; box-shadow: none; color: #ffffff; } .pp__switch-field .pp__switch-label:first-of-type { border-radius: 4px 0 0 4px; } .pp__switch-field .pp__switch-label:last-of-type { border-radius: 0 4px 4px 0; } /* Switch toggle. End*/ .paypal-form-group { display: flex; justify-content: space-between; } .paypal-form-group .label{ flex-basis: 25%; text-align: end; } .paypal-form-group .configuration{ flex-basis: 70%; } .pp__flex-align-center { align-items: center; } .pp_mb-10 { margin-bottom: 10px; } .pp_mb-20 { margin-bottom: 20px; } .widget-group { display: flex; width: 40%; } .widget-group .input-group-addon { width: auto; } .installment-preview-wrap { display: flex; justify-content: space-between; } .preview-setting { flex-basis: 25%; } .preview-container { flex-basis: 70%; } .pp-panel-footer { display: flex; justify-content: flex-end; padding: 20px 0 0; border-top: 1px solid #ddd; } .hidden { display: none !important; } .pp__flex { display: flex !important; } .pp__justify-content-center { justify-content: center !important; } .pp__my-5 { margin: 25px 0 !important; } .pp__mb-2 { margin-bottom: 10px !important; } .pp__mb-5 { margin-bottom: 25px !important; } .pp__mt-4 { margin-top: 20px !important; } .pp__pr-4 { padding-right: 20px; } .pp__pl-5 { padding-left: 25px; } .pp__pb-4 { padding-bottom: 20px; } .pp__mb-3 { margin-bottom: 15px; } .pp__pt-2 { padding-top: 10px; } [installment-popup] .modal-dialog { position: relative; top: 30%; } [installment-disclaimer] { border-bottom: 1px solid #ddd; } .nav[paypal-nav-bar] li a{ font-size: 15px; padding: 10px 40px; } /* source: /modules/ets_faq/views/css/faq-front.css */ .ul_question_ul.front_question_ul > li { border: 1px solid #dfdfdf; color: #333; float: left; font-size: 14px; margin-bottom: 20px; width: 100%; } .faq_question_name { cursor: pointer; float: left; padding: 10px 30px 10px 15px; position: relative; width: 100%; color: #333; font-size: 15px; } .faq_list { float: left; padding: 0; width: 65%; margin: 0; } .faqs_content { text-align: left; } .faq_captcha_image > span { cursor: pointer; } .faq_answer, .faq_answer p { font-size: 14px; } .faq_ask_a_question { float: left; padding: 0 15px; width: 35%; } .faq_form .hidden { display: none; } .faq_group_ul li { border-right: 1px solid #dfdfdf; float: left; margin-bottom: 10px; margin-right: 10px; margin-top: 5px; } .faq_group_li > a.nav-link { padding: 0 10px 0 0; } .faq_group_li:not(.open) > a.nav-link { color: #333 } .faq_list > .faq_group_ul { border: medium none; display: block; float: left; margin-bottom: 20px; width: 100%; } .faq_content > .title_block { margin-bottom: 20px; text-transform: uppercase; } #form_ask_a_question .title_block { color: #333; font-size: 18px; font-weight: 600; text-transform: capitalize; } .ask_a_question_desc { color: #888; display: block; font-size: 14px; line-height: 22px; margin-bottom: 20px; } .faq_form { border: 1px solid #dfdfdf; padding: 20px; } .faq_group_li > a:hover { border-color: transparent !important; outline: none !important; -webkit-outline: none !important; } .faq_form .form-control { background-color: #fff; } .faq_question_name::before { border-left: 1px solid #666; border-top: 1px solid #666; color: #999; content: ""; float: right; font-family: Fontawesome; font-size: 20px; height: 10px; margin-top: 3px; transform: rotate(-135deg); -webkti-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); width: 10px; margin-right: -17px; } .faq_question_name.open::before { margin-top: 9px; transform: rotate(45deg); -webkti-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .faq_answer.front_answer { border-top: 1px solid #dfdfdf; color: #999; display: none; float: left; font-style: italic; padding: 10px 15px; width: 100%; } .faq_answer.front_answer.open { display: block; } .faq_tab_pane.open { display: block; } .faq_tab_pane { display: none; } .faq_group_li .faq_nav_link { cursor: pointer; padding-right: 10px; text-transform: uppercase; } .faq_group_li.open .faq_nav_link, .faq_group_li .faq_nav_link:hover { color: #2fb5d2; } #faq_captcha_refesh > img { margin-left: 5px; width: 18px; } #faq_captcha { margin-top: 10px; } #product .faq_ask_a_question { float: none; padding: 0; width: auto; } #product .faq_list { float: none; margin: 0 -15px; padding: 0 15px; width: auto; } .faq_on_product .title_block { margin-bottom: 20px; text-align: left; } .faq_form input { font-size: 14px; } .faq_on_produc .faq_question_li { border: 1px solid #dfdfdf; float: left; margin-bottom: 15px; position: relative; width: 100%; } .faq_on_product { font-size: 14px; } .faq_form .alert.alert-danger { background: transparent; border: none; padding: 5px 0 0; color: #c80000; } .faq_on_product .faq_answer { padding: 10px 15px; font-size: 17px; line-height: 200%; display: none; border-left: 10px solid #7e1e52 !important; } .faq_on_product .faq_answer p{ font-size: 14px; } button#faq_send_mail, .faq_on_product button { outline: none!important; box-shadow: none!important; } #form_ask_a_question label sub { border: 0 none; bottom: 0; color: red; } .faq_form textarea { min-height: 100px; min-width: 100%; } .faq_on_product .faq_forms.faq_overlay { background-color: rgba(0, 0, 0, 0.8); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 10000; overflow: auto; } .faq_on_product .faq_ask_a_question .faq_pop_up { background-color: #fff; left: 50%; position: relative; top: 5%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); margin-bottom: 70px; width: 500px; max-width: 90%; } .faq_on_product .faq_answer.open { display: block; } .faq_list.faq_notshow_askform { width: 100%; } .row > .faq_list { padding-left: 15px; padding-right: 15px; } .faq_ask_a_question .hidden { display: none; } .faq_on_product .faq_question_li { margin-bottom: 15px; position: relative; width: 100%; } .faq_on_product .faq_close { font-size: 0; height: 20px; position: absolute; right: 2px; top: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); width: 20px; cursor: pointer; } .faq_on_product .faq_question_name { display: block; float: none; cursor: pointer; font-size: 20px; line-height: 100%; text-align: justify; } .faq_on_product .faq_close::before { background-color: #666; content: ""; float: left; height: 15px; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0px); -o-transform: translate3d(-50%, -50%, 0px); -ms-transform: translate3d(-50%, -50%, 0px); -moz-transform: translate3d(-50%, -50%, 0px); -webkit-transform: translate3d(-50%, -50%, 0px); width: 3px; } .faq_on_product .faq_close::after { background-color: #666; content: ""; height: 3px; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0px); -o-transform: translate3d(-50%, -50%, 0px); -ms-transform: translate3d(-50%, -50%, 0px); -moz-transform: translate3d(-50%, -50%, 0px); -webkit-transform: translate3d(-50%, -50%, 0px); width: 15px; } .faq_loading { width: 17px; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media (max-width: 991px) { .faq_list { width: 100%; } .faq_ask_a_question { width: 100%; } } /* source: /modules/ets_faq/views/css/fix16.css */ .faq_on_product { margin-top: 50px; } /* source: /modules/growledliveticker/views/css/bandeau.css */ /* ========================================================================== GrowLED - Live Ticker - Jaune Flat Fond #E7BE5C, contenu violet #240630. ========================================================================== */ .ban-promo-wrap{margin:0 !important} .glt{ --glt-bg:#E7BE5C; --glt-ink:#240630; --glt-ink-2:#3c0d55; --glt-yellow:#f4d906; --glt-yellow-2:#ffe94a; --glt-pink-2:#e44b95; --glt-green:#82c341; --glt-green-2:#9ed664; --glt-h:40px; --glt-dur:62s; --glt-gap:42px; position:relative; display:flex; align-items:stretch; height:var(--glt-h); background:#E7BE5C; border-top:none !important; border-bottom:#BC9A4A 4px solid !important; overflow:hidden; font-family:inherit; color:var(--glt-ink); z-index:5; isolation:isolate; contain:layout paint; } .glt *{box-sizing:border-box} .glt__live{ position:relative;z-index:2;flex:0 0 auto; display:inline-flex;align-items:center;gap:7px; padding:0 16px 0 14px; color:var(--glt-ink); font-size:10.5px;font-weight:800;letter-spacing:1.4px;line-height:1; border-right:1px solid rgba(36,6,48,.22); } .glt__dot{ position:relative; width:6px;height:6px;border-radius:50%;background:currentColor; } .glt__dot::after{ content:""; position:absolute;top:50%;left:50%;width:6px;height:6px; margin:-3px 0 0 -3px; border-radius:50%;background:currentColor;pointer-events:none; animation:glt-dot 1.8s ease-out infinite; transform-origin:center; } @keyframes glt-dot{ 0%{transform:scale(1);opacity:.55} 70%{transform:scale(3.4);opacity:0} 100%{transform:scale(3.4);opacity:0} } .glt__viewport{ position:relative;z-index:1;flex:1;min-width:0;overflow:hidden; display:flex;align-items:center; } .glt__viewport::before, .glt__viewport::after{ content:"";position:absolute;top:0;bottom:0;width:24px; pointer-events:none;z-index:3; } .glt__viewport::before{left:0;background:linear-gradient(to right,#E7BE5C 0%,rgba(231,190,92,0) 100%)} .glt__viewport::after{right:0;background:linear-gradient(to left,#E7BE5C 0%,rgba(231,190,92,0) 100%)} .glt__track{ list-style:none;margin:0;padding:0 var(--glt-gap) 0 0; display:flex;align-items:center;gap:var(--glt-gap); white-space:nowrap; animation:glt-scroll var(--glt-dur) linear infinite; will-change:transform; } .glt[data-pause-hover="1"]:hover .glt__track, .glt[data-pause-hover="1"]:focus-within .glt__track{animation-play-state:paused} /* Pause ALL animations when offscreen — saves CPU/GPU during page scroll */ .glt.glt-offscreen .glt__track, .glt.glt-offscreen .glt__dot::after, .glt.glt-scrolling .glt__track, .glt.glt-scrolling .glt__dot::after{animation-play-state:paused !important} /* ---------- Static rotation mode (mobile / reduced-motion) ---------- Continuous CSS animation is the worst offender for mobile scroll smoothness. In static mode the track stops moving entirely; items stack absolutely and we cross-fade one at a time via JS every 5s. Compositor activity drops to ~0 between transitions. ------------------------------------------------------------------ */ .glt--static .glt__track{ animation:none !important; transform:none !important; display:block; position:relative; height:100%; padding:0; gap:0; } .glt--static .glt__viewport::before, .glt--static .glt__viewport::after{display:none} .glt--static .glt__item{ position:absolute; top:0;left:0;right:0;height:100%; display:flex;align-items:center;justify-content:center; padding:0 10px;gap:8px; opacity:0;pointer-events:none; transition:opacity 350ms ease; } .glt--static .glt__item.is-current{opacity:1;pointer-events:auto} .glt--static .glt__dot::after{animation:none;opacity:0} .glt--static .glt__text{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:0 1 auto; } .glt--static .glt__ico, .glt--static .glt__code, .glt--static .glt__price{flex:0 0 auto} .glt--interactive{cursor:pointer;-webkit-tap-highlight-color:rgba(36,6,48,.08);user-select:none} .glt--interactive:active{background:rgba(36,6,48,.04) !important;transition:background .1s} /* Hide VOIR TOUT CTA on mobile - more room for the message itself */ @media (max-width:768px){ .glt__cta{display:none !important} } @media (prefers-reduced-motion: reduce){.glt__track{animation-duration:160s}} @keyframes glt-scroll{ 0%{transform:translate3d(0,0,0)} 100%{transform:translate3d(-50%,0,0)} } .glt__item{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto} .glt__ico{ width:22px;height:22px;flex:0 0 auto; display:inline-flex;align-items:center;justify-content:center; border-radius:50%; background:var(--glt-ink); color:var(--glt-yellow); border:none; } .glt__ico svg{width:12px;height:12px} .glt__ico--promo {color:var(--glt-yellow)} .glt__ico--product{color:var(--glt-pink-2)} .glt__ico--info {color:var(--glt-green-2)} .glt__ico--custom {color:#fff} .glt__text{ font-size:12px;font-weight:500;letter-spacing:.15px;line-height:1; color:var(--glt-ink);text-decoration:none; } a.glt__text:hover{color:var(--glt-ink-2)} .glt__text b{color:var(--glt-ink);font-weight:800} .glt__code{ display:inline-flex;align-items:center;gap:5px; font-family:"SF Mono",Menlo,Consolas,monospace; font-size:10.5px;font-weight:800;letter-spacing:.8px;line-height:1; color:var(--glt-ink);background:rgba(36,6,48,.04); border:1px dashed var(--glt-ink); border-radius:5px;padding:3px 8px;cursor:pointer; transition:background .15s,border-color .15s,transform .15s,color .15s; } .glt__code svg{width:10px;height:10px;opacity:.7} .glt__code:hover{background:rgba(36,6,48,.1);border-color:var(--glt-ink);transform:translateY(-1px)} .glt__code:focus-visible{outline:2px solid var(--glt-ink);outline-offset:2px} .glt__code.is-copied{color:#1d4310;border-color:var(--glt-green);border-style:solid;background:rgba(130,195,65,.3)} .glt__price{ display:inline-flex;align-items:baseline;gap:4px; font-size:12px;font-weight:800;color:var(--glt-ink); padding:0;background:transparent; } .glt__price s{ font-weight:500;font-size:10.5px;opacity:.5; color:var(--glt-ink);text-decoration:line-through; } .glt__cta{ position:relative;z-index:2;flex:0 0 auto; display:inline-flex;align-items:center;gap:7px; padding:0 22px; background:var(--glt-ink); color:var(--glt-yellow); font-size:10.5px;font-weight:800;letter-spacing:1px; text-decoration:none; border-left:none; transition:background .15s,color .15s; } .glt__cta svg{width:11px;height:11px;transition:transform .2s} .glt__cta:hover{background:var(--glt-ink-2);color:var(--glt-yellow-2)} .glt__cta:hover svg{transform:translateX(3px)} .glt__cta:focus-visible{outline:2px solid var(--glt-yellow);outline-offset:-3px} .glt__toast{ position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px); background:linear-gradient(135deg,var(--glt-ink) 0%,var(--glt-ink-2) 100%); color:#fff;font-size:13px;font-weight:700; padding:10px 16px;border-radius:10px; box-shadow:0 12px 30px rgba(36,6,48,.55),inset 0 1px 0 rgba(255,255,255,.1); display:flex;align-items:center;gap:10px; opacity:0;pointer-events:none; transition:opacity .25s,transform .25s; z-index:9999; } .glt__toast.is-visible{opacity:1;transform:translate(-50%,0)} .glt__toast::before{ content:"";width:18px;height:18px;border-radius:50%; background:var(--glt-green); background-image:url('data:image/svg+xml;utf8,'); background-size:12px;background-repeat:no-repeat;background-position:center; flex:0 0 auto; } .glt__toast b{color:var(--glt-yellow);font-family:"SF Mono",Menlo,Consolas,monospace;letter-spacing:.5px} /* Responsive ------------------------------------------------------------ */ @media (max-width:900px){ .glt{--glt-h:38px;--glt-gap:36px;--glt-dur:52s} .glt__live{font-size:10px;padding:0 12px 0 11px;letter-spacing:1.1px} .glt__text{font-size:11.5px} .glt__code,.glt__cta,.glt__price{font-size:10px} .glt__cta{padding:0 18px;letter-spacing:.8px} } @media (max-width:600px){ .glt{--glt-h:36px;--glt-gap:28px;--glt-dur:44s} .glt__live{padding:0 10px 0 9px;letter-spacing:.9px;font-size:9.5px;gap:5px} .glt__dot{width:5px;height:5px} .glt__ico{width:20px;height:20px} .glt__ico svg{width:11px;height:11px} .glt__text{font-size:11px} .glt__code{padding:2px 6px;font-size:9.5px} .glt__price{font-size:11px} .glt__cta{padding:0 14px;font-size:9.5px;letter-spacing:.5px} .glt__cta svg{width:10px;height:10px} } @media (max-width:360px){ .glt{--glt-h:34px;--glt-gap:22px} .glt__live{padding:0 8px;font-size:9px} .glt__text{font-size:10.5px} .glt__cta{padding:0 11px;font-size:9px} } /* source: /modules/growledslider/views/css/front.css */ /* * GrowLED Hero Slider — Front CSS * Core Web Vitals : aspect-ratio pour CLS=0, content-visibility pour LCP, * prefers-reduced-motion pour l'accessibilité motrice. */ .growled-hero { --gh-cyan: #00adef; --gh-yellow: #fbe500; --gh-dark: #0a1a2f; --gh-dark-soft: #132642; --gh-white: #ffffff; --gh-gray: #6b7a90; --gh-text: #0a1a2f; --gh-radius: 16px; --gh-max: 1440px; --gh-shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.35); position: relative; width: 100%; max-width: 100%; margin: 0 auto; overflow: hidden; background: var(--gh-dark); font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; isolation: isolate; } /* Format wide hero : * Desktop : 1600 × 330 (ratio ~4.85:1) * Mobile : 9:16 (story portrait, max 80vh pour laisser voir le menu) * Image fill via object-fit: cover. CLS = 0 (aspect-ratio fixé). * * !important sur les contraintes critiques pour blinder contre les overrides * de thème PrestaShop qui font souvent `img { height: auto !important }`. */ .growled-hero { width: 100%; } .growled-hero__track { position: relative; width: 100%; overflow: hidden; } /* Slides empilées, fondu enchaîné. * Active = relative (en flux, dicte la hauteur du track). * Inactives = absolute (empilées par-dessus). */ .growled-hero__slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 700ms ease-in-out, visibility 0s linear 700ms; will-change: opacity; } .growled-hero__slide.is-active { position: relative; opacity: 1; visibility: visible; transition: opacity 700ms ease-in-out, visibility 0s linear 0s; z-index: 2; } /* Media (picture) : pleine largeur écran, ratio natif préservé. */ .growled-hero__media { position: relative; z-index: 1; display: block; width: 100%; margin: 0 auto; height: auto; } .growled-hero__img { display: block; width: 100%; height: auto; max-width: 100%; object-fit: cover; } /* Overlay et content empilés au-dessus de tout */ .growled-hero__overlay { z-index: 2; } /* Image-link : couvre toute l'image (cover layout), cliquable vers la fiche produit */ .growled-hero__image-link { position: absolute; inset: 0; z-index: 4; display: block; cursor: pointer; background: transparent; text-decoration: none; } /* Content + CTAs au-dessus du lien-image (pour que CTA spécifique soit cliquable) */ .growled-hero__content { z-index: 5; position: absolute; inset: 0; } .growled-hero__product-card { z-index: 6; } /* Variant split : le lien ne couvre QUE la zone image (pas le texte) */ .growled-hero__product-wrap { position: relative; } .growled-hero__image-link--product { z-index: 1; } .growled-hero__overlay { position: absolute; inset: 0; background: linear-gradient( 100deg, rgba(10, 26, 47, 0.78) 0%, rgba(10, 26, 47, 0.55) 45%, rgba(10, 26, 47, 0.15) 100% ); z-index: 1; } /* Content overlay sur l'image */ .growled-hero__content { position: relative; z-index: 2; height: 100%; display: flex; align-items: center; padding: 0 8%; } .growled-hero__inner { max-width: 640px; color: var(--gh-white); } /* Badge */ .growled-hero__badge { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; font-size: 13px; font-weight: 600; letter-spacing: 0.3px; text-transform: uppercase; margin-bottom: 20px; color: #fff; } .growled-hero__badge-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gh-cyan); box-shadow: 0 0 0 4px rgba(0, 173, 239, 0.25); animation: gh-pulse 2s ease-in-out infinite; } .growled-hero__badge--cyan .growled-hero__badge-dot { background: var(--gh-cyan); box-shadow: 0 0 0 4px rgba(0, 173, 239, 0.25); } .growled-hero__badge--yellow .growled-hero__badge-dot { background: var(--gh-yellow); box-shadow: 0 0 0 4px rgba(251, 229, 0, 0.25); } .growled-hero__badge--red .growled-hero__badge-dot { background: #ef4444; box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.25); } .growled-hero__badge--green .growled-hero__badge-dot { background: #22c55e; box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.25); } @keyframes gh-pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.3); opacity: 0.7; } } /* Eyebrow */ .growled-hero__eyebrow { font-size: 14px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: var(--gh-cyan); margin: 0 0 14px 0; } /* Title (Russo One si installé sur le theme, sinon fallback) */ .growled-hero__title { font-family: 'Russo One', 'Poppins', sans-serif; font-size: clamp(30px, 5.5vw, 64px); line-height: 1.05; font-weight: 900; margin: 0 0 18px 0; letter-spacing: -0.5px; color: #fff; text-wrap: balance; } /* Subtitle */ .growled-hero__subtitle { font-size: clamp(15px, 1.4vw, 18px); line-height: 1.6; color: rgba(255, 255, 255, 0.88); margin-bottom: 28px; max-width: 520px; } .growled-hero__subtitle p { margin: 0 0 8px 0; } .growled-hero__subtitle strong { color: var(--gh-yellow); font-weight: 700; } /* Stats */ .growled-hero__stats { list-style: none; padding: 0; margin: 0 0 30px 0; display: flex; gap: 28px; flex-wrap: wrap; } .growled-hero__stat { display: flex; flex-direction: column; gap: 2px; } .growled-hero__stat-value { font-family: 'Russo One', 'Poppins', sans-serif; font-size: clamp(22px, 2.4vw, 30px); color: var(--gh-cyan); font-weight: 900; line-height: 1; } .growled-hero__stat-label { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: rgba(255, 255, 255, 0.7); } /* CTAs */ .growled-hero__ctas { display: flex; gap: 14px; flex-wrap: wrap; } .growled-hero__cta { display: inline-flex; align-items: center; gap: 10px; padding: 15px 30px; border-radius: 999px; font-weight: 700; font-size: 15px; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, color 180ms ease; border: 2px solid transparent; cursor: pointer; white-space: nowrap; } .growled-hero__cta:hover, .growled-hero__cta:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 25px -8px rgba(0, 0, 0, 0.4); text-decoration: none; } .growled-hero__cta:focus-visible { outline: 3px solid var(--gh-cyan); outline-offset: 3px; } .growled-hero__cta-arrow { transition: transform 180ms ease; } .growled-hero__cta:hover .growled-hero__cta-arrow { transform: translateX(4px); } /* Variantes CTA */ .growled-hero__cta--primary { background: var(--gh-cyan); color: #fff; } .growled-hero__cta--primary:hover { background: #0096d1; color: #fff; } .growled-hero__cta--yellow { background: var(--gh-yellow); color: var(--gh-dark); } .growled-hero__cta--yellow:hover { background: #e4cf00; color: var(--gh-dark); } .growled-hero__cta--dark { background: var(--gh-dark); color: #fff; } .growled-hero__cta--dark:hover { background: #000; color: #fff; } .growled-hero__cta--secondary { background: rgba(255, 255, 255, 0.1); color: #fff; border-color: rgba(255, 255, 255, 0.3); backdrop-filter: blur(8px); } .growled-hero__cta--secondary:hover { background: rgba(255, 255, 255, 0.2); color: #fff; } .growled-hero__cta--ghost { background: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.4); } .growled-hero__cta--ghost:hover { background: rgba(255, 255, 255, 0.1); color: #fff; } .growled-hero__cta--cyan { background: var(--gh-cyan); color: #fff; } .growled-hero__cta--cyan:hover { background: #0096d1; } /* Thèmes */ .growled-hero__slide[data-theme="light"] .growled-hero__overlay { background: linear-gradient(100deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.6) 45%, rgba(255, 255, 255, 0.15) 100%); } .growled-hero__slide[data-theme="light"] .growled-hero__title, .growled-hero__slide[data-theme="light"] .growled-hero__subtitle { color: var(--gh-dark); } .growled-hero__slide[data-theme="light"] .growled-hero__subtitle { color: #35465c; } .growled-hero__slide[data-theme="light"] .growled-hero__eyebrow { color: #0096d1; } .growled-hero__slide[data-theme="light"] .growled-hero__badge { background: rgba(10, 26, 47, 0.08); color: var(--gh-dark); border-color: rgba(10, 26, 47, 0.12); } .growled-hero__slide[data-theme="light"] .growled-hero__stat-label { color: #6b7a90; } .growled-hero__slide[data-theme="cyan"] .growled-hero__overlay { background: linear-gradient(100deg, rgba(0, 173, 239, 0.82) 0%, rgba(0, 173, 239, 0.5) 60%, rgba(0, 173, 239, 0.1) 100%); } .growled-hero__slide[data-theme="cyan"] .growled-hero__eyebrow { color: var(--gh-yellow); } .growled-hero__slide[data-theme="cyan"] .growled-hero__stat-value { color: var(--gh-yellow); } .growled-hero__slide[data-theme="yellow"] .growled-hero__overlay { background: linear-gradient(100deg, rgba(251, 229, 0, 0.85) 0%, rgba(251, 229, 0, 0.5) 60%, rgba(251, 229, 0, 0.1) 100%); } .growled-hero__slide[data-theme="yellow"] .growled-hero__title, .growled-hero__slide[data-theme="yellow"] .growled-hero__subtitle { color: var(--gh-dark); } .growled-hero__slide[data-theme="yellow"] .growled-hero__subtitle { color: #35465c; } .growled-hero__slide[data-theme="yellow"] .growled-hero__eyebrow { color: var(--gh-dark); } .growled-hero__slide[data-theme="yellow"] .growled-hero__stat-value { color: var(--gh-dark); } .growled-hero__slide[data-theme="yellow"] .growled-hero__stat-label { color: #35465c; } .growled-hero__slide[data-theme="dark-cyan"] .growled-hero__overlay { background: linear-gradient(100deg, rgba(10, 26, 47, 0.9) 0%, rgba(0, 173, 239, 0.6) 100%); } /* Flèches nav */ .growled-hero__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.25); color: #fff; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; transition: background 180ms ease, transform 180ms ease; } .growled-hero__nav:hover, .growled-hero__nav:focus-visible { background: var(--gh-cyan); border-color: var(--gh-cyan); transform: translateY(-50%) scale(1.08); } .growled-hero__nav:focus-visible { outline: 3px solid var(--gh-yellow); outline-offset: 2px; } .growled-hero__nav--prev { left: 24px; } .growled-hero__nav--next { right: 24px; } @media (max-width: 767px) { .growled-hero__nav { width: 40px; height: 40px; } .growled-hero__nav--prev { left: 12px; } .growled-hero__nav--next { right: 12px; } } /* Dots */ .growled-hero__dots { position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 10; padding: 8px 14px; background: rgba(10, 26, 47, 0.3); backdrop-filter: blur(10px); border-radius: 999px; } .growled-hero__dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, 0.4); border: none; cursor: pointer; padding: 0; transition: background 180ms ease, width 220ms ease; } .growled-hero__dot:hover { background: rgba(255, 255, 255, 0.7); } .growled-hero__dot.is-active { background: var(--gh-cyan); width: 30px; border-radius: 6px; } .growled-hero__dot:focus-visible { outline: 2px solid var(--gh-yellow); outline-offset: 2px; } /* Progress bar (autoplay) */ .growled-hero__progress { position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: rgba(255, 255, 255, 0.1); z-index: 10; } .growled-hero__progress-bar { display: block; height: 100%; width: 0%; background: var(--gh-cyan); transition: width 100ms linear; } /* Mobile content */ @media (max-width: 767px) { .growled-hero__content { padding: 0 20px; align-items: flex-end; padding-bottom: 70px; } .growled-hero__inner { max-width: 100%; } .growled-hero__title { font-size: clamp(26px, 7vw, 40px); } .growled-hero__subtitle { font-size: 15px; margin-bottom: 20px; } .growled-hero__stats { gap: 16px; margin-bottom: 20px; } .growled-hero__ctas { flex-direction: column; align-items: stretch; } .growled-hero__cta { justify-content: center; padding: 14px 24px; font-size: 14px; } .growled-hero__overlay { background: linear-gradient( 180deg, rgba(10, 26, 47, 0.3) 0%, rgba(10, 26, 47, 0.65) 55%, rgba(10, 26, 47, 0.92) 100% ); } .growled-hero__dots { bottom: 16px; } } /* Respecte la préférence utilisateur */ @media (prefers-reduced-motion: reduce) { .growled-hero__slide { transition: none; } .growled-hero__badge-dot { animation: none; } .growled-hero__cta, .growled-hero__nav, .growled-hero__dot { transition: none !important; } .growled-hero__progress-bar { display: none; } } /* Skip-paint off-screen */ .growled-hero__slide:not(.is-active) { content-visibility: auto; contain-intrinsic-size: 900px; } /* ========================================== * Carte produit flottante (variante 1 — glassmorphism) * ========================================== */ .growled-hero__product-wrap { position: relative; flex: 1 1 45%; max-width: 45%; display: flex; align-items: center; justify-content: center; } .growled-hero__product-wrap .growled-hero__media--product { flex: 1; width: 100%; } .growled-hero__product-card { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: calc(100% - 30px); max-width: 360px; background: rgba(10, 14, 26, 0.7); backdrop-filter: blur(20px) saturate(1.2); -webkit-backdrop-filter: blur(20px) saturate(1.2); border: 1px solid rgba(168, 85, 247, 0.3); border-radius: 16px; padding: 14px 18px; z-index: 5; box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.5); text-decoration: none; color: inherit; display: block; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .growled-hero__product-card:hover { transform: translateX(-50%) translateY(-2px); border-color: rgba(168, 85, 247, 0.5); box-shadow: 0 24px 70px -10px rgba(168, 85, 247, 0.3); } .growled-hero__pc-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; } .growled-hero__pc-name { font-size: 13px; font-weight: 700; color: #ffffff; letter-spacing: -0.01em; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .growled-hero__pc-badge { background: linear-gradient(135deg, #ff3b3b, #ff6b3b); color: #fff; font-size: 11px; font-weight: 800; padding: 3px 10px; border-radius: 6px; letter-spacing: 0.5px; white-space: nowrap; box-shadow: 0 4px 12px rgba(255, 59, 59, 0.3); flex-shrink: 0; } .growled-hero__pc-prices { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; } .growled-hero__pc-price-old { color: #8fa0b8; font-size: 13px; text-decoration: line-through; text-decoration-color: rgba(255, 150, 150, 0.7); text-decoration-thickness: 2px; } .growled-hero__pc-price { color: #00adef; font-size: 22px; font-weight: 900; letter-spacing: -0.02em; line-height: 1; } .growled-hero__pc-save { color: #4ade80; font-size: 12px; font-weight: 600; margin-top: 6px; } /* Mobile : carte pleine largeur sous l'image */ @media (max-width: 767px) { .growled-hero__product-wrap { flex: 1 1 auto; max-width: 100%; width: 100%; } .growled-hero__product-card { max-width: 100%; width: 100%; left: 0; transform: none; position: relative; bottom: auto; margin-top: 12px; } .growled-hero__product-card:hover { transform: none; } .growled-hero__pc-price { font-size: 20px; } } /* ========================================== * Layout SPLIT (texte d'un côté, image produit de l'autre) * Ratio : content 55% / image 45%. Responsive : stack vertical sous 768px. * ========================================== */ .growled-hero__slide--split-right, .growled-hero__slide--split-left { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: clamp(20px, 4vw, 60px); padding: clamp(30px, 6vw, 80px) clamp(20px, 5vw, 80px); position: absolute; inset: 0; } .growled-hero__slide--split-left { flex-direction: row-reverse; } .growled-hero__slide--split-right .growled-hero__content, .growled-hero__slide--split-left .growled-hero__content { position: static; flex: 1 1 55%; max-width: 55%; padding: 0; background: none; } .growled-hero__slide--split-right .growled-hero__inner, .growled-hero__slide--split-left .growled-hero__inner { max-width: 100%; padding: 0; } .growled-hero__media--product { flex: 1 1 45%; max-width: 45%; position: relative; display: flex; align-items: center; justify-content: center; } .growled-hero__img--product { width: 100%; height: auto; max-height: 85%; object-fit: contain; filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.4)); } /* Mobile : stack vertical */ @media (max-width: 767px) { .growled-hero__slide--split-right, .growled-hero__slide--split-left { flex-direction: column; gap: 20px; padding: 30px 20px; } .growled-hero__slide--split-right .growled-hero__content, .growled-hero__slide--split-left .growled-hero__content, .growled-hero__media--product { flex: 1 1 auto; max-width: 100%; width: 100%; } .growled-hero__img--product { max-height: 250px; } } /* ========================================== * Variant : fond transparent * La slide laisse passer le fond du site (pas d'image, pas d'overlay, pas de shadow). * On rend la section racine transparente et on remet un fond dark uniquement * sur les slides NON-transparentes (celles avec image). * ========================================== */ .growled-hero { background: transparent; } .growled-hero:not(:has(.growled-hero__slide--transparent.is-active)) { box-shadow: var(--gh-shadow); } .growled-hero__slide:not(.growled-hero__slide--transparent) { background: var(--gh-dark); } .growled-hero__slide--transparent { background: transparent; } .growled-hero__slide--transparent .growled-hero__content { color: inherit; } .growled-hero__slide--transparent .growled-hero__title, .growled-hero__slide--transparent .growled-hero__subtitle, .growled-hero__slide--transparent .growled-hero__eyebrow, .growled-hero__slide--transparent .growled-hero__stat-value, .growled-hero__slide--transparent .growled-hero__stat-label { color: inherit; text-shadow: none; } /* source: /modules/growledsponsorbanner/views/css/sponsorbanner.css */ .gw-sb{margin:14px 0;font-family:inherit} .gw-sb-card{display:flex;align-items:center;gap:12px;border:1px solid #e7e2f0;border-left:4px solid #d6157e; border-radius:10px;padding:10px 12px;background:#fff} .gw-sb-ic{font-size:22px;line-height:1;flex:0 0 auto} .gw-sb-body{flex:1;min-width:0} .gw-sb-t{font-weight:800;font-size:14px;color:#1c1230;line-height:1.2} .gw-sb-s{font-size:12.5px;color:#7c7596;line-height:1.25} .gw-sb-btn{white-space:nowrap;flex:0 0 auto;border:0;cursor:pointer;display:inline-block; background:linear-gradient(135deg,#d6157e,#6d1bd6);color:#fff !important;text-decoration:none; font-weight:800;font-size:12.5px;padding:8px 14px;border-radius:8px} .gw-sb-btn.ghost{background:#fff;color:#a3128f !important;border:1px solid rgba(214,21,126,.4)} .gw-sb-panel{display:none;align-items:center;gap:6px;margin-top:8px;border:1px solid #e7e2f0;border-radius:9px;padding:8px;background:#faf9ff} .gw-sb-panel.open{display:flex;flex-wrap:wrap} .gw-sb-panel input{flex:1;min-width:150px;border:1px solid #e7e2f0;border-radius:7px;padding:8px;font-size:12px;color:#3a2b55;background:#fff} .gw-sb-cp{border:0;cursor:pointer;background:#d6157e;color:#fff;font-weight:800;font-size:12px;padding:0 12px;border-radius:7px} .gw-sb-sh{width:32px;height:32px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center; border:1px solid #e7e2f0;border-radius:7px;color:#6d1bd6;text-decoration:none;background:#fff} .gw-sb-sh svg{width:15px;height:15px;fill:currentColor} @media(max-width:600px){ .gw-sb-card{gap:10px;padding:9px 10px} .gw-sb-t{font-size:13px}.gw-sb-s{font-size:11.5px} .gw-sb-btn{padding:7px 11px;font-size:12px} } /* source: /modules/ets_abandonedcart/views/css/fo_highlight.css */ .ets_abancart_bar_overload { position: relative; padding-left: 30px; max-width: 100%; padding-right: 30px; } .ets_abancart_bar_overload .ets_table { min-height: 0 !important; } .ets_abancart_bar_overload .ets-ac-popup-body { padding: 0; line-height: 1.4; padding-right: 36px; } .ets_abancart_bar_overload .ets_abancart_container { background: transparent; width: auto; max-width: 1170px; position: static; padding: 0; border: none; margin: 0; } .ets_abancart_popup_overload.ets_abancart_popup .ets_abancart_close { top: 12px; right: 10px; } .ets_abancart_bar_overload .ets_abancart_wrapper { height: auto; max-height: none; overflow: unset; } .ets_abancart_bar_overload .ets_abancart_close:after, .ets_abancart_bar_overload .ets_abancart_close:before { background: #fff; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); -webkit-transform: translate3d(-50%,-50%,0); } .ets_abancart_bar_overload .ets_abancart_container .ets_abancart_close { right: 15px; top: 50%; margin-top: -16px; text-align: center; width: 28px; height: 28px; } .ets_abancart_bar_overload[data-type="bar"] .ets_abancart_count_down_clock, .ets_abancart_bar_overload[data-type="bar"] .ets_abancart_count_down_clock *{ color: inherit; } .ets_abancart_bar_overload[data-type="bar"] a, .ets_abancart_bar_overload[data-type="bar"] a:hover{ color: #ffffff!important; } .ets_abancart_bar_overload .ets_tablecell { padding: 0; } .ets_abancart_bar_overload .ets_abancart_countdown span, .ets_abancart_bar_overload .ets_ac_countdown2 span{ color: inherit; font-size: 19px; } .ets_abancart_bar_overload .ets_abancart_count_down_clock .ets_abancart_countdown, .ets_abancart_bar_overload .ets_ac_evt_countdown2 .ets_ac_countdown2{ font-size: 9px; color: inherit; width: 38px; margin-right: 4px; } .ets_abancart_bar_overload span.ets_abancart_group_clock2 { vertical-align: middle; display: inline-block; } .ets_abancart_close { z-index: 100; position: absolute; width: 28px; transform: rotate(45deg); -webkit-transform: rotate(45deg); height: 44px; right: 20px; font-size: 0; top: 3px; cursor: pointer; } .ets_abancart_display_shopping_cart_overload .ets_abancart_close { top: 12px; } .ets_abancart_close:after{ content: ""; height: 22px; width: 2px; background: #666666; position: absolute; top: 11px; left: 13px; } .ets_abancart_close:before{ content: ""; width: 22px; height: 2px; background: #666666; position: absolute; top: 21px; left: 3px; } .ets_abancart_shopping_cart span.ets_abancart_close { top: 10px; right: 20px; } @media (max-width: 991px){ .ets_abancart_bar_overload { height: auto!important; } } @media (max-width: 767px){ .ets_abancart_bar_overload .ets_abancart_width { height: auto!important; } } /*popup*/ .ets_abancart_popup_overload .ets_abancart_title { margin: 0; border-bottom: 1px solid #ddd; font-weight: 600; background: #03a9f3 none repeat scroll 0 0; color: #fff; font-size: 24px; padding: 12px 30px; text-align: left; position: relative; min-height: 40px; } .ets_abancart_popup_overload .ets_abancart_container { padding: 0; margin: 15px auto; } .ets_abancart_popup_overload { position: fixed; left: 0; top: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.6); z-index: 9000; overflow: auto; opacity: 0; visibility: hidden; } .ets_abancart_popup_overload.ets_abancart_overload.active { opacity: 1; visibility: visible; display: block; } .ets_abancart_popup_overload.ets_abancart_overload.active .ets_abancart_wrapper { display: block; } .ets_abancart_popup_overload .ets_abancart_close:before, .ets_abancart_popup_overload .ets_abancart_close:after { background: #fff; } .ets_abancart_popup_overload .ets_abancart_close.thankyou-page:before { content: ""; width: 22px; height: 2px; background: #666666; position: absolute; top: 21px; left: 3px; } .ets_abancart_popup_overload .ets_abancart_close.thankyou-page:after { content: ""; height: 22px; width: 2px; background: #666666; position: absolute; top: 11px; left: 13px; } span.ets_abancart_close_form:after{ width: 2px; height: 14px; } span.ets_abancart_close_form:before { content: ""; width: 14px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); } span.ets_abancart_close_form:after, span.ets_abancart_close_form:before { background: #fff; position: absolute; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); top: 50%; left: 50%; content: ""; } span.ets_abancart_close_form { position: absolute; right: -14px; top: -14px; font-size: 0; width: 28px; height: 28px; border-radius: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); background: #666; border: 1px solid #fff; box-shadow: 0 0 4px 0 #000; cursor: pointer; } /**/ /* 12-07 GrowLED : le bandeau passait SOUS le header du thème (position:relative en flux + header superposé). Fixé en haut, au-dessus de tout — fermable via ✕, réaffichage géré par le cookie du module. */ .ets_abancart_bar_overload { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 2147483000 !important; box-shadow: 0 2px 12px rgba(19, 0, 44, 0.35); } /* 12-07 (suite) : en position:fixed, les conteneurs internes du bandeau s'effondraient en largeur minimale (texte en colonne). Chaîne de largeurs forcée + texte centré sur une ligne fluide. */ .ets_abancart_bar_overload .ets_abancart_container, .ets_abancart_bar_overload .ets_abancart_wrapper, .ets_abancart_bar_overload .ets_abancart_width, .ets_abancart_bar_overload .ets_tablecell, .ets_abancart_bar_overload .ets_table, .ets_abancart_bar_overload .ets-ac-popup-body { width: 100% !important; max-width: none !important; display: block !important; } .ets_abancart_bar_overload { padding: 10px 48px 10px 18px !important; box-sizing: border-box !important; } .ets_abancart_bar_overload .ets-ac-popup-body { text-align: center; white-space: normal; } /* 13-07 GrowLED : couleurs + padding D.A. site pour le bandeau bar. Le wrapper forcait le texte en #333 (regle popup fond blanc) -> illisible ; padding 48px droite + 36px popup-body vs 18px gauche -> texte decentre ; violet e-mail #7a1fa2 -> degrade du #header du site (#7e1e57 -> #2b004f). */ .ets_abancart_bar_overload[data-type="bar"] { background: linear-gradient(to bottom, #7e1e57, #2b004f) !important; padding: 10px 48px !important; } .ets_abancart_bar_overload .ets_abancart_wrapper, .ets_abancart_bar_overload .ets_abancart_wrapper *, .ets_abancart_bar_overload .ets-ac-popup-body, .ets_abancart_bar_overload .ets-ac-popup-body * { color: inherit !important; } .ets_abancart_bar_overload .ets-ac-popup-body { padding: 0 !important; } /* 13-07 GrowLED : design « Épure Nuit + ruban » pour le popup de rappel panier (campagne 1) */ .ets_abancart_popup_overload .ets_abancart_container{height:auto !important;min-height:0 !important;max-height:90vh !important;border-radius:14px !important;overflow:hidden !important;border:0 !important;box-shadow:0 24px 60px -22px rgba(20,0,44,.6) !important} .ets_abancart_popup_overload .ets_abancart_wrapper{max-height:90vh !important;overflow:auto !important} .ets_abancart_popup_overload .ets-ac-popup-body{background:radial-gradient(120% 80% at 50% -10%,#3a0a5c,#2b004f 60%,#1c0035) !important;padding:0 !important;color:#f3ecfa !important;text-align:left !important} .ets_abancart_popup_overload .ets_abancart_product_list_table{max-height:210px !important;overflow-y:auto !important;margin:2px 0 !important} .ets_abancart_popup_overload .ets_abancart_product_list_table::-webkit-scrollbar{width:6px} .ets_abancart_popup_overload .ets_abancart_product_list_table::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:6px} .ets_abancart_popup_overload .ets_abancart_wrapper{color:#f3ecfa !important} .ets_abancart_popup_overload .ets_abancart_title{height:auto !important;min-height:0 !important;margin:0 !important;background:#f9b42a !important;color:#4a2c00 !important;font-family:inherit !important;font-weight:800 !important;font-size:12px !important;letter-spacing:.03em !important;text-transform:uppercase !important;text-align:center !important;padding:8px 42px !important;line-height:1.3 !important;border:0 !important} .ets_abancart_popup_overload .gl-pad{padding:22px 28px 24px !important} .ets_abancart_popup_overload .gl-eyebrow{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:#c79ff0} .ets_abancart_popup_overload .gl-title{font-family:Georgia,'Times New Roman',serif !important;font-weight:500 !important;font-size:22px !important;color:#fff !important;margin:8px 0 0 !important;line-height:1.15 !important} .ets_abancart_popup_overload .gl-intro{color:#c9b8dd !important;font-size:13px !important;margin:8px 0 14px !important} .ets_abancart_popup_overload .gl-intro b{color:#fff !important} .ets_abancart_popup_overload .ets_abancart_products-mini{border:0 !important;width:100% !important} .ets_abancart_popup_overload .ets_abancart_products_mini_item{border-bottom:1px solid rgba(255,255,255,.1) !important} .ets_abancart_popup_overload .ets_abancart_product_image{border-radius:8px !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14) !important} .ets_abancart_popup_overload .product_name{color:#fff !important;font-weight:600 !important} .ets_abancart_popup_overload .product_combination,.ets_abancart_popup_overload .product-qty-item{color:#b39bce !important} .ets_abancart_popup_overload .price,.ets_abancart_popup_overload .product-total-item{color:#fff !important} .ets_abancart_popup_overload .product-total-item{font-weight:700 !important} .ets_abancart_popup_overload .gl-total{display:flex !important;justify-content:space-between;align-items:baseline;border-top:1px solid rgba(255,255,255,.14);margin-top:8px;padding-top:12px} .ets_abancart_popup_overload .gl-total span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#c9b8dd} .ets_abancart_popup_overload .gl-total b{font-family:Georgia,serif;font-size:22px;color:#fff} .ets_abancart_popup_overload .gl-cta{margin:16px 0 0 !important} .ets_abancart_popup_overload .ets_abancart_checkout:not(.btn),.ets_abancart_popup_overload .ets_abancart_checkout:not(.btn):hover,.ets_abancart_popup_overload .ets_abancart_checkout:not(.btn):focus{display:block !important;width:100% !important;box-sizing:border-box !important;background:transparent !important;border:1.5px solid #8cc748 !important;border-radius:999px !important;padding:13px 22px !important;text-align:center !important;text-decoration:none !important;color:#eafbd8 !important;transition:background .15s,color .15s} .ets_abancart_popup_overload .ets_abancart_checkout:not(.btn):hover{background:#8cc748 !important} .ets_abancart_popup_overload #ets_abancart_standard{display:inline-block !important;background:transparent !important;border:0 !important;color:inherit !important;padding:0 !important;margin:0 !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;font-size:12.5px !important} .ets_abancart_popup_overload #ets_abancart_hover{display:none !important} .ets_abancart_popup_overload .ets_abancart_checkout:not(.btn):hover #ets_abancart_standard{color:#173000 !important} .ets_abancart_popup_overload .gl-trust{text-align:center !important;font-size:11px !important;color:#a992c6 !important;margin:13px 0 0 !important} /* source: /modules/ets_abandonedcart/views/css/fo_leave.css */ .ets_abancart_popup.ets_abancart_overload .ets_abancart_wrapper.active { display: block; } .ets_abancart_popup .ets_abancart_wrapper { display: none; } .ets_abancart_popup { position: fixed; top: 0; left: 0; overflow: auto; width: 100%; bottom: 0; background: rgba(0,0,0,0.6); z-index: 10000; opacity: 0; display: none; visibility: hidden; } .ets_abancart_leave_website_overload.ets_abancart_popup.ets_abancart_overload.active { opacity: 1; display:block; visibility: visible; } .ets_abancart_close:before { content: ""; background: #333!important; width: 16px; height: 1.5px; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); } .ets_abancart_close { position: absolute; width: 20px; height: 20px; right: 10px; top: 10px; z-index: 1; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .ets_abancart_close:after { content: ""; background: #333!important; height: 16px; width: 1.5px; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); } .ets_abancart_popup_overload.ets_abancart_popup .ets_abancart_close { top: 12px; right: 10px; } /* source: /modules/ets_abandonedcart/views/css/countdown.css */ body{ padding:0; margin: 0; } .ets_abancart_preview_info.bar span.ets_abancart_count_down_clock, .ets_abancart_preview_info.bar span.ets_abancart_count_down_clock * { color: inherit; border-color: inherit; } .ets_abancart_count_down_clock > span:last-child{ margin-right: 0!important; } span.ets_abancart_shot_code_content.count_down_clock { display: inline-block; } .ets_abancart_count_down_clock, .ets_ac_evt_countdown2 { display: flex; display: -webkit-flex; margin-top: 5px; width: auto; display: inline-block; font-family: arial; } .ets_abancart_count_down_clock .ets_abancart_countdown, .ets_ac_evt_countdown2 .ets_ac_countdown2 { border: 1px solid #ddd; padding: 0 2px 4px; display: inline-block; font-size: 11px; margin-right: 6px; width: 42px; text-align: center; margin-bottom: 6px; } .ets_abancart_countdown span, .ets_ac_countdown2 span { display: block; font-size: 24px; font-weight: 600; margin: 4px 0 1px; line-height: 1; } .ets_abancart_preview_info:not(.bar) .ets_abancart_preview .ets_abancart_add_discount:hover, .ets_abancart_checkout:hover, .ets_abancart_checkout:hover span, .ets_abancart_shop_button:hover, .ets_abancart_shop_button:hover span, .ets_abancart_preview_info:not(.bar) .ets_abancart_preview .ets_abancart_add_discount:focus, .ets_abancart_checkout:focus, .ets_abancart_add_discount:hover, .ets_abancart_shop_button:focus{ color: #fff; background: #008abd; } .ets_abancart_product_grid .product_grid { display: flex; width: 100%; border: none!important; } .ets_abancart_product_grid .product_grid .product-item { width: 33.33%; padding: 0 15px; float: left; text-align: center; } .ets_abancart_product_grid .product_grid .product-item a { text-align: center!important; line-height: 1; font-family: Arial; font-size: 13px; } .ets_abancart_product_grid .product_grid span.quantity { display: none!important; } .ets_abancart_product_grid .product_grid span.total { display: none!important; } .ets_abancart_product_grid .product_grid img { width: 100%; } .ets_abancart_preview_info.bar span.ets_abancart_count_down_clock, .ets_abancart_preview_info.bar span.ets_abancart_count_down_clock * { color: inherit; border-color: inherit; } .ets_abancart_count_down_clock > span:last-child{ margin-right: 0!important; } span.ets_abancart_shot_code_content.count_down_clock { display: inline-block; } .ets_abancart_count_down_clock, .ets_ac_evt_countdown2 { display: flex; display: -webkit-flex; margin-top: 5px; width: auto; display: inline-block; font-family: Arial, Helvetica, sans-serif; } .ets_abancart_count_down_clock .ets_abancart_countdown, .ets_ac_evt_countdown2 .ets_ac_countdown2 { border: 1px solid #ddd; padding: 0 2px 4px; display: inline-block; font-size: 11px; margin-right: 6px; width: 42px; color: #333; text-align: center; margin-bottom: 6px; } .ets_abancart_countdown span, .ets_ac_countdown2 span { display: block; font-size: 24px; font-weight: 600; margin: 4px 0 1px; color: #777; line-height: 1; } span.ets_abancart_count_down_clock { display: flex; display: -webkit-flex; } .ets_abancart_count_down_clock .ets_abancart_countdown { border: 1px solid #ddd; padding: 7px 2px 4px; display: inline-block; font-size: 11px; margin-right: 6px; width: 42px; color: #333; text-align: center; margin-bottom: 2px; } .ets_abancart_countdown span { display: block; font-size: 24px; font-weight: 600; margin-bottom: 2px; color: #777; } body .ets_abancart_add_discount.bar, body .ets_abancart_add_discount.bar:focus, body .ets_abancart_add_discount.bar:hover{ background: transparent; color: inherit; text-decoration: underline!important; outline: none!important; border: none!important; box-shadow: none!important; padding: 0!important; } /* source: /modules/ets_abandonedcart/views/css/abancart.css */ #btn_mail > span, #btn_mail:hover #ets_abancart_hover{ display:inline-block!important; } #btn_mail #ets_abancart_hover, #btn_mail:hover #ets_abancart_standard{ display:none!important; } .ets_abancart_shopping_cart a#shopping-cart-link { width: 100%; padding-left: 0!important; padding-right: 0!important; } span.ets_abancart_box:after { content: attr(data-tooltip); position: absolute; bottom: 100%; margin-bottom: 9px; left: 50%; right: 0; background: #000; color: #fff; font-size: 12px; padding: 5px; transform: translateX(-50%); -webkit-transform: translateX(-50%); text-align: center; border-radius: 3px; opacity: 0; visibility: hidden; } .ets_abancart_popup.active .ets_abancart_wrapper { display: block; } input#cart_name.error { box-shadow: 0 0 2px 0 #ff0600; outline: none; border-color: #ff0600; } #ets_abancart_campaign_form input.col_name[type="text"] { max-width: calc(50% - 5px); } .control-label span.required{ color:red; } .ets-ac-popup-body { padding: 30px; } .ets_abancart_product_info .product_combination { display: none; } p.field-desc { font-size: 13px; } .ets-ac-thankyou-page-block { padding: 20px 25px 15px; position: relative; } .ets-ac-thankyou-page-block .tp-header { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 10px; } .ets_abancart_products-mini a { color: #777777!important; } .ets_abancart_popup .ets_abancart_wrapper .box { border: none!important; background: none!important; padding: 0!important; } span.ets_abancart_box:before { content: ""; position: absolute; left: 50%; border-top: 6px solid #000; border-left: 6px solid transparent!important; border-right: 6px solid transparent!important; bottom: 100%; margin-bottom: 3px; margin-left: -6px; opacity: 0; cursor: pointer; visibility: hidden; } a.ets_abancart_no_thanks:not(:hover) { color: #999!important; } span.ets_abancart_group_clock { display: inline-block; } span.ets_abancart_box { display: inline-block; position: relative; } span.ets_abancart_box:hover:before, span.ets_abancart_box:hover:after{ opacity: 1; visibility: visible; } ul.ets_abancart_products { margin-bottom: 0; } ul.ets_abancart_products li a img { width: 50px; max-width: 100%; display: block; height: auto; margin-bottom: 5px; } .ets_abancart_products li { text-align: center; display: inline-block; } .ets_abancart_products li a { margin: 0 auto; display: inline-block; } .ets_abancart_view_shopping_cart, .ets_abancart_delete_cart, .ets_abancart_checkout_cart{ color: #555; margin: 0 5px; display: inline-block; background: transparent!important; min-width: 100px; text-align: left; } .ets_aban_action { width: 150px; } .ets_abancart_view_shopping_cart i, .ets_abancart_delete_cart i, .ets_abancart_checkout_cart i{ margin-right: 5px; } .ets_aban_action a i { display: inline-block; min-width: 14px; text-align: center; } .ets_abancart_wrapper .ets_abancart_actions { margin-top: 25px; display: block; } .ets_abancart_popup .ets_abancart_wrapper .box h4 { margin-bottom: 20px; } .ets_abancart_container { padding: 25px; background: #fff; margin: 30px auto; width: 90%; overflow: hidden; position: relative; max-width: 800px; font-size: 14px; } div#ui-datepicker-div { font-size: 13px; } .text-right { text-align: right; } .form-group.mb_0 { margin-bottom: 0; } .lh_18 { display: inline-block; vertical-align: middle; } .page-my-account a#shopping-cart-link { width: 100%; padding: 0 !important; } .page-my-account .ets_abancart_shopping_cart { list-style: none; margin-bottom: 1.875rem; } .page-my-account .ets_abancart_shopping_cart a { margin-bottom: 0!important; } .ets_abancart_shopping_cart_overload { position: fixed; background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; width: 100%; bottom: 0; z-index: 100000; opacity: 0; visibility: hidden; } .ets_abancart_shopping_cart_overload.active { opacity: 1; visibility: visible; } .ets_abancart_shopping_cart_overload .ets_abancart_shopping_cart { background: #ffffff; padding: 19px 30px; position: relative; width: 90%; max-width: 800px; } .ets_abancart_display_shopping_cart_overload { width: 100%; background: rgba(0, 0, 0, 0.4); position: fixed; z-index: 1000; margin: 0 auto; top: 0; left: 0; bottom: 0; justify-content: center; align-items: center; display: none; opacity: 0; visibility: hidden; } .ets_abancart_add_discount{ cursor: pointer; } button{ cursor: pointer; } a#submit_load_cart.ets_abancart_load_this_cart { float: right; } .ets_abancart_popup table#order-productstd, .ets_abancart_popup table#order-products th { vertical-align: middle; } .ets_abancart_display_shopping_cart_overload.active { opacity: 1; visibility: visible; display: block; z-index: 10000; overflow: auto; } .ets_abancart_popup img { max-width: 100%; height: auto; } .ets_abancart_form_login .form-group.row-padding-top button.active, .ets_abancart_form_login .form-group.row-padding-top button.active span, .ets-ac-btn-submit-lead-form.active, .ets-ac-btn-submit-lead-form.loading{ color: transparent; } .ets_abancart_form_login .form-group.row-padding-top button.active:after{ content: ""; display: flex!important; display: -webkit-flex; font-size: 36px; position: absolute; -webkit-animation: spiner_loading 0.5s infinite linear; animation: spiner_loading 0.5s infinite linear; left: 50%; top: 50%; z-index: 1001; margin-left: -12px; margin-top: -12px; width: 24px; height: 24px; border-radius: 50%; border-top: 1px solid #333; border-bottom: 1px solid #333; border-left: 1px solid transparent; border-right: 1px solid transparent; } #submitFilterButtoncart.active:after, .ets-ac-btn-submit-lead-form.active:after, .ets-ac-btn-submit-lead-form.loading:after{ content: ""; -webkit-animation: spiner_loading 0.5s infinite linear; animation: spiner_loading 0.5s infinite linear; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; width: 24px; height: 24px; border-top: 1px solid #333; border-bottom: 1px solid #333; border-left: 1px solid transparent; border-right: 1px solid transparent; } .ets-ac-btn-submit-lead-form.active:after, .ets-ac-btn-submit-lead-form.loading:after{ border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; } .ets_abancart_form_login .form-group.row-padding-top button.active:after, #submitFilterButtoncart.active:hover:after{ border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } button#submit_login { position: relative; } @-webkit-keyframes spiner_loading { from { transform: rotate(0); -webkit-transform: rotate(0); } to { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @keyframes spiner_loading { from { transform: rotate(0); -webkit-transform: rotate(0); } to { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } .ets_abancart_display_shopping_cart_overload .ets_abancart_wrapper #order-products img { width: 80px; float: left; margin-right: 10px; } .text-center { text-align: center; } a.ets_abancart_checkout.btn { float: right; color: #fff; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2); text-transform: uppercase; font-weight: 600; padding: .5rem 1.25rem; } .front.front_login.panel > p { padding: 8px 15px; } .table td, .table th { vertical-align: middle; } .ets_abancart_shopping_cart_overload .ets_abancart_wrapper { width: 100%; height: 100%; display: flex; display: -webkit-flex; justify-content: center; align-items: center; overflow: auto; } .ets_abancart_wrapper { margin: 0; max-height: calc(100% - 10px); max-height: -webkit-calc(100% - 10px); overflow: auto; min-height: 100%; line-height: 1.4; color: #333; } .ets_abancart_products_mini_item td { padding: 8px 10px; } td.ets_abancart_total_item, .p_price .price{ color: #2fb5d2; font-weight: 600; } .ets_abancart_product_list_table{ display: block; width: 100%; position: relative; overflow: auto; } .ets_abancart_products_mini_item span.regular-price { color: #999; text-decoration: line-through; margin-left: 10px; } a.ets_abancart_no_thanks:hover { color: #0077a4!important; } a.ets_abancart_no_thanks { text-decoration: underline; margin-top: 0; display: inline-block; color: #ddd; cursor: pointer; } .ets_abancart_wrapper p{ min-height: 1px; } .ets_abancart_width { max-width: 100%; height: 100%; display: block; } .ets_table { width: 100%; display: table; height: 100%; margin: 0 auto; } .ets_tablecell { display: table-cell; align-items: center; vertical-align: middle; padding: 30px 0; } a.ets_abancart_checkout:not(.btn) { background: #2FB5DB; border: none; color: #fff; padding: 8px 15px; position: relative; clear: both; display: inline-block; border-radius: 4px; } a.ets_abancart_checkout:not(.btn):hover{ background: #2592a9!important; } .w_16{ width: 16px; } .h_16{ height: 16px; } .btn .svg_fill_white svg{ fill: #ffffff; } .btn:hover .svg_fill_hover_white svg{ fill: #ffffff; } button#ets_abancart_cart_save { margin-top: 20px; margin-bottom: 20px; box-shadow: none!important; outline: none!important; } img.ets_abancart_product_image { width: 95px; } .ets_abancart_product_info span.product_combination { font-size: 13px; color: #999; font-style: italic; } button.ets_abancart_add_discount { background: #2FB5DB; border: none; color: #fff; padding: 8px 15px; position: relative; border-radius: 4px; } button.ets_abancart_add_discount:hover{ background: #2592a9; } .ets_abancart_add_discount:focus, .ets_abancart_add_discount:active{ outline: none!important; } span.ets_abancart_box_discount { border: 1px dashed #2f0404; padding: 12px 25px; background: #f4ffef; display: inline-block; position: relative; min-width: 120px; text-align: center; margin-left: 35px; margin-right: 35px; font-size: 16px; cursor: pointer; } .front.front_login.panel > p { margin-top: 10px; } i.ets-ab-icon.ets-ab-icon-cut svg { width: 26px; height: 26px; position: absolute; right: 100%; margin-right: 8px; top: 5px; } #growls { z-index: 50000; position: fixed; } #growls.default { top: 10px; right: 10px; } #growls.tl { top: 10px; left: 10px; } #growls.tr { top: 10px; right: 10px; } #growls.bl { bottom: 10px; left: 10px; } #growls.br { bottom: 10px; right: 10px; } .growl { opacity: 0.8; position: relative; border-radius: 4px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .growl.growl-incoming { opacity: 0; } .growl.growl-outgoing { opacity: 0; } .growl.growl-small { width: 200px; padding: 5px; margin: 5px; } .growl.growl-medium { width: 250px; padding: 10px; margin: 10px; } .growl.growl-large { width: 300px; padding: 15px; margin: 15px; } .growl.growl-default { color: white; background: #7f8c8d; } .growl.growl-error { color: white; background: #c0392b; } .growl.growl-notice { color: white; background: #2ecc71; } .growl.growl-warning { color: white; background: #f39c12; } .growl .growl-close { cursor: pointer; float: right; font-size: 14px; line-height: 18px; font-weight: normal; font-family: helvetica, verdana, sans-serif; } .growl .growl-title { font-size: 18px; line-height: 24px; } .growl .growl-message { font-size: 14px; line-height: 18px; } .xdsoft_datetimepicker{ z-index: 9999999999999 !important; } /* source: /modules/growledgeolivraison/views/css/geoship.css */ .geoship-banner[hidden], .geoship-product[hidden] { display: none !important; } .geoship-banner { background: linear-gradient(90deg, #0a7d52, #0fa968); color: #fff; font-size: 14px; line-height: 1.4; text-align: center; padding: 9px 16px; font-weight: 600; /* annule le padding 15px du .container du theme (la .row warehouse n'a pas la marge negative) -> fond pleine largeur */ margin-left: -15px; margin-right: -15px; } .geoship-banner.geoship-show { animation: geoshipSlide .35s ease-out; } @keyframes geoshipSlide { from { opacity: 0; transform: translateY(-100%); } to { opacity: 1; transform: translateY(0); } } .geoship-product { margin: 16px 0; padding: 12px 16px; border: 1px solid #b7e3cd; border-left: 4px solid #0fa968; border-radius: 6px; background: #f3fbf7; color: #14543b; font-size: 14px; line-height: 1.45; } @media (max-width: 767px) { .geoship-banner { font-size: 13px; padding: 8px 12px; } .geoship-product { font-size: 13px; } }