/home/sharedstore/public_html/prestashop.sharedstore.ma/themes/Electshop/assets/css
Edit: /home/sharedstore/public_html/prestashop.sharedstore.ma/themes/Electshop/assets/css/custom.css (65714B)
select.form-control:not([size]):not([multiple]) {
height: calc(2.5rem - -10px);
}
.phone-header-mobile {
display: none;
}
.offer-title {
flex: 1 0 200px;
}
.BBBB
{
padding: 6px 0;
display: none;
}
#czoffercmsblock .offer-desc {
font-size: 18px;
font-weight: 500;
display: inline-block;
vertical-align: middle;
padding-left: 79px;
cursor: auto;
position: relative;
text-wrap: inherit;
}
@media only screen and (max-width: 600px) {
.products .product_list li .btn.add-to-cart {
background-color: #FA7D07!important;
}
.phone-header-mobile {
display: block;
padding: 0;
padding-top: 3px;
width: 100%;
}
.products .product_list li.product_item .product-price-and-shipping, .products .product_list li.item .product-price-and-shipping {
margin-bottom: 5px;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
#czoffercmsblock .offer-desc {
padding-left:0!important;
}
}
.product-information .manufacturer-logo, .quickview .manufacturer-logo {
background-color: transparent;
}
.card__list-item img {
width: 100%;
border-radius: 2px;
}
.card__list-item1 img {
width: 60px;
}
.card__list-item1 img {
width: 60px;
}
#search_filters .facet .facet-label {
text-transform: unset!important;
}
#search_filters .facet .facet-title {
text-transform: unset;
}
#product #content .product-leftside .product-flags li {
position: static;
display: table;
margin-bottom: 6px;
font-weight: 500;
text-align: left;
border-radius: 3px;
padding: 3px 8px;
}
/*Promo*/
.products .product-flag.on-sale {
display: none;
}
/*En Stock*/
#enstock {
background-color: #4CBB6C;
}
/*Quantité Limite*/
.product-flag.out-of-stock {
background-color: #fa7d07;
}
ul.product-flags li {
display: block;
position: absolute;
padding: 1px 7px;
font-size: 12px;
line-height: 18px;
font-weight: 500;
letter-spacing: .6px;
text-transform: capitalize;
color: #fff;
z-index: 1;
border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
left: 10px;
top: 10px;
}
#product #content .product-leftside .product-flags li.product-flag.discount {
display: block;
background: red;
}
.products li.product_item:hover .product-miniature .discount-percentage, .products li.item:hover .product-miniature .discount-product, .products li:hover .product-miniature .discount {
opacity: 1;
filter: alpha(opacity=0);
left:10px!important;
}
.products .product_list li.item .on-sale, .products .product_list li.product_item .on-sale {
opacity: 1;
filter: alpha(opacity=0);
-webkit-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
}
ul.product-flags li.on-sale {
text-align: center;
margin: 0;
left: 5px;
top: 5px;
background: red;
display: block;
}
#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text .main-title {
font-size: 28px;
font-weight: 500;
line-height: 36px;
color: #000;
padding: 6px 0 36px;
}
.category-cover {
display: none;
}
#product-modal .modal-content .modal-body .mask {
position: relative;
overflow: hidden;
max-height: 660px;
margin-top: 30px!important;
z-index: 1;
}
#czservicecmsblock .service_container .service-area .service-fourth.service1 .icon1 {
width: 26%;
}
#czservicecmsblock .service_container .service-area .service-fourth.service3 .icon3 {
width: 26%;
}
#czservicecmsblock .service_container .service-area .service-fourth.service4 .icon4 {
width: 26%;
}
#blockcart-modal .modal-body .divide-right span {
display: inline-block;
margin-bottom: 0;
}
label, .label {
color: #000;
font-weight: 500;
text-align: left;
}
.gm1{
color:#fff;
}
.headding_text.gm {
color: #fff;
}
#cztestimonialcmsblock {
float: left;
width: 100%;
margin: 40px 0;
clear: both;
position: relative;
display: none;
}
.control-labelTaille {
display: none;
}
.control-labelRésolution {
display: none;
}
.psproductcountdown .count.bottom {
display: none;
}
#products .psproductcountdown .count.curr, #products .psproductcountdown .count.bottom, .psproductcountdown .count.curr, .psproductcountdown .count.bottom {
display: none;
}
#products .psproductcountdown .count.curr, #products .psproductcountdown .count.bottom, .psproductcountdown .count.curr, .psproductcountdown .count.bottom {
display: none;
}
.product-miniature .psproductcountdown, #product .psproductcountdown {
width: auto;
display: inline-block;
padding: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #ddd;
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
}
élément {
}
input[type="text"], .btn, #left-column .block, #right-column .block, #subcategories ul li .subcategory-image a, .products-sort-order .select-title, .products .product_list li .quick-view, #products .page-not-found, #pagenotfound .page-not-found, .tabs .tab-pane, .form-control, .blockreassurance_product, .card, body#checkout section.checkout-step, .product-cover .layer .zoom-in, .pagination li > span, .pagination a, #header .search-widget form input[type="text"], .block_newsletter p.alert, .pspc-main, .czcategoryimagelist .czcategoryimagelist_block, .products .product-miniature, .homeblog-wrapper, #product-modal .modal-content .modal-body .product-images img, #product-modal .modal-content .modal-body .product-cover-modal, #product .tabs .tab-pane .img.img-thumbnail, .product-line-grid-left img, #header .blockcart .cart_block .cart-item .cart-image img, .block_newsletter form input[type="text"], .cz_search_block_top .product_search, .flex-direction-nav a::before, #czservicecmsblock .service-area, #czoffercmsblock .offercmsdetail, .product-miniature .psproductcountdown, #product .psproductcountdown, .brands .products, .blog-item .blog-meta .blog-created, #products .products .product_list.list li.product_item .thumbnail-container .product-thumbnail img, .images-container .js-qv-mask .thumb-container .thumb, #brand_list li.brand .brand-inner .brand-img img, #brand_list li.brand .brand-inner, #blockcart-modal .product-image, .product-cover img {
border-radius: var(--border-radius);
-webkit-border-radius: var(--border-radius);
-moz-border-radius: var(--border-radius);
-ms-border-radius: var(--border-radius);
-o-border-radius: var(--border-radius);
}
.products .product_list li:hover .btn.add-to-cart, .btn-primary, #subcategories ul li .subcategory-image a:hover, .pagination li.disabled > span, .pagination li:hover > span, .pagination li.current > span, .pagination .current a, .pagination a:hover, .input-radio:checked + span, .input-radio:hover + span, .blog-image .blogicons .icon:hover::before, .images-container .js-qv-mask .thumb-container .thumb.selected, .images-container .js-qv-mask .thumb-container .thumb:hover, .page-my-account #content .links a:hover span.link-item, .pspc-main, #product-modal .modal-content .modal-body .product-images img:hover, #product-modal .modal-content .modal-body .product-images .thumb.js-modal-thumb.selected, .input-group .input-group-btn > .btn, .cz_search_block_top .product_search, .top-menu a[data-depth="0"]::after, .tabs .nav-tabs .nav-link:hover, .tabs .nav-tabs .nav-link.active, .products .product_list li.product_item:hover .product-miniature, .products .product_list li.item:hover .product-miniature, #cztestimonialcmsblock .testimonial_wrapper .testimonial-area ul#testimonial-carousel li.item .testimonial-image img, .products-section-title::after, .product-miniature .psproductcountdown, #product .psproductcountdown, .footer-container .links h3::after, .footer-container .links .h3::after, .top_button::after, #left-column .block .block_title::after, #right-column .block .block_title::after, #blockcart-modal .cart-content button:hover, .footer-after .links#links_block_left .title.h3.block_title::after {
border-color: var(--primary-color);
}
.product-miniature .psproductcountdown, #product .psproductcountdown {
width: auto;
display: inline-block;
padding: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #ddd;
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
}
#product .psproductcountdown {
text-align: center;
padding: 5px 0;
margin-bottom: 0;
clear: both;
}
.pspc-main .label {
font-size: 12px;
text-transform: capitalize;
position: absolute;
top: 23px;
left: 0;
width: 100%;
color: red;
line-height: 21px;
font-weight: 500;
letter-spacing: .49px;
}
.psproductcountdown .label {
text-align: center;
}
.product-miniature .psproductcountdown .pspc-main .time, #product .psproductcountdown .pspc-main .time {
height: 48px;
width: auto;
margin: 0 5px;
max-width: 100%;
vertical-align: top;
}
.psproductcountdown div.time{
width:67px important;
}
.pspc-main .time{
min-width:3.5rem;
}
.pspc-main .time {
margin: 0 10px 0;
display: inline-block;
text-align: center;
position: relative;
height: 40px;
width: 60px;
max-width: 7em;
position: relative;
}
.pspc-main .time::before {
content: ":";
position: absolute;
right: -6px;
font-size: 22px;
top: 8px;
color: #000;
}
#products .pspc-main .count, .pspc-main .count {
color:red;
display: block;
font-size: 14px;
font-weight: 500;
letter-spacing: .49px;
line-height: 22px;
padding-top: 3px;
text-align: center;
bottom: auto;
}
.psproductcountdown.buttons_bottom_block {
border-color:#979797 !important;
}
.has-discount .discount {
color: #FA7D07!important;
vertical-align: bottom;
}
/*
.clearfix.product-variants-item .control-labelRAM, .control-labelStockage, .control-labelDual.Sim,.control-labelRéseaux.Mobiles,.control-labelCaméra.Arrière,.control-labelCaméra.Avant,.control-labelType{
padding: 0 20px;
display:none;
}*/
span.current-price-value {
color: red!important;
}
.pspc-main .time:last-child::before {
font-size: 0;
}
a.all-product-link {
font-weight: 600!important;
color: #FA7D07!important;
font-size: 15px!important;
text-decoration: none!important;
text-transform: none!important;
}
/*footer*/
.footer-container .links ul li a {
color: #b2b2b2;
cursor: pointer;
padding: 0;
position: relative;
padding-left: 16px;
text-transform: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
/*newsletter*/
.block_newsletter form input.btn {
background-color: #0053BD;
}
#footer .block_newsletter .newsletter-title {
float: left;
color: #0053BD!important;
font-size: 27px;
text-transform: none;
font-weight: 600;
line-height: 47px;
letter-spacing: 0;
padding-left: 97px;
}
#footer .footer-before {
background-color: #ededed;
padding: 4rem 0;
clear: both;
}
p.ins {
color: #000;
}
/*Icon*/
#footer .block_newsletter .newsletter-title::before {
background-color: #0053BD!important;
}
.block-social li a:before {
font-size: 20px;
font-family: "FontAwesome";
display: inline-block;
font-weight: normal;
padding-right: 8px;
}
/*Fin newsletter*/
/*copyright*/
.footer-after .copyright {
padding: 16px 0px;
float: none;
text-align: center;
}
.footer-after .copyright a{
padding-top: 16px;
}
.rc span {
color: #fff;
}
/*social*/
.block-social ul {
display: flex;
position: relative;
}
.footer-before .flex {
display: flex;
flex-direction: column;
}
.footer-before .g {
display: flex;
flex-direction: column;
}
#footer .block_newsletter .block_content {
/* float: left; */
width: 54%;
padding-left: 0;
}
.footer-container .links .h3, .footer-container .links h3, .footer-container .links h3 a, #footer .footer-container .links h3 a {
color: #fff;
font-weight: 600;
font-size: 17px;
text-transform: none !important;
margin: 0 0 20px 0;
padding-bottom: 15px;
cursor: pointer;
position: relative;
}
.tabs .nav-tabs .nav-link {
color: #000;
text-transform: none;
font-weight: 600;
font-size: 16px;
text-align: left;
letter-spacing: 0;
}
.block-social ul {
margin-bottom: 23px;
}
.block-social {
float: right;
position: absolute;
right: 0;
top: 90px;
}
/*czbannercmsblock*/
#czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text {
text-transform: none;
}
/*nouveau*/
.products .product_list li.product_item, .products .product_list li.item {
padding: 15px 15px 15px 5px;
}
.products .product-price-and-shipping, .product-price {
display: flex!important;
}
ul.product-flags li.new {
color: #ffffff;
background: #4cbb6c !important;
}
.product_list li.product_item .new {
opacity: 1;
left: 10px;
filter: alpha(opacity=100);
-webkit-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
}
.products .product_list li.item .product-flags .new, .products .product_list li.product_item .new {
opacity: 1;
left: 11px;
filter: alpha(opacity=100);
-webkit-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
top: 10px;
z-index: 10;
}
ul.product-flags li.out_of_stock {
/*bottom: 18px;*/
right: 20px;
-webkit-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
color: #fff;
text-transform: uppercase;
background-color: #FA7D07;
padding: 1px 6px;
}
/*promo*/
.gridspecial{
display: grid;
grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
gap: 20PX;
}
.quick-view {
font-size: 0;
height: 35px;
width: 35px;
mask-image: url(../img/codezeel/quick-view.svg);
-webkit-mask-image: url(../img/codezeel/quick-view.svg);
display: inline-block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-mask-size: 21px;
mask-size: 21px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-position: center;
background-color: #1e1e1e;
}
/*approps*/
.footer-container #czfootercmsblock .footerdesc {
padding-bottom: 25px;
font-size: 16px;
color: #fff;
}
/*panier*/
span.ap-total-wishlist, .ap-total-compare, .mobile_count {
background-color: #FA7D07!important;
}
/*Livraison*/
.h2_titre{
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 0.5rem;
color: #000;
}
img.ls_img {
max-inline-size: 100%;
block-size: auto;
inline-size: 100%;
border-radius: 5px;
padding: 10px 0;
}
#main .page-header h1 {
color: black;
font-size: 32px;
font-weight: 700;
padding-bottom: 20px;
}
span.par {
font-size: 15px;
font-weight: 700;
color: #000;
}
/*appr*/
.ld{
display: grid;
place-items: center;
grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
gap:20px;
}
.items_image{
display: flex;
flex-wrap: wrap;
}
/*.img_grid{
flex: 0 0 50%;
max-width: 50%;
}*/
img.ld_img {
width: 100%;
height: 450px;
border-radius: 5px;
}
/*page payement*/
.items-cre1{
padding: 15px 0;
}
.rib{
font-size: 17px;
font-weight: 500;
}
.numeroc{
font-size: 18px;
font-weight: 600;
}
.imagepaye img{
width: 100%;
height: 30%;
border-radius: 5px;
}
.card__payment-methods-list{
align-self: flex-start;
-moz-column-gap: 8px;
column-gap: 8px;
display: flex;
flex: 0 0 auto;
flex-wrap: wrap;
margin-top: 8px;
row-gap: 8px;
}
.liste{
display: flex;
flex-direction: column;
}
.cre{
padding-top: 33px;
}
.cre p {
font-size: 15px;
text-align: start;
margin-bottom: 10px;
}
img.card__list1 {
width: 64px;
}
/*linkedin*/
.linkedin a:before {
content: "\F0e1";
color:#0053BD!important;
}
.facebook a:before{
color:#0053BD!important;
}
.instagram a:before{
color:#c13584!important;
}
/*marquelogo*/
.flex_items{
display: grid;
grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
gap:20px;
padding: 10px 0;
}
.items_imag img{
max-inline-size: 100%;
block-size: auto;
/* inline-size: 100%; */
}
.items_imag {
display: flex;
align-items: center;
border: 1px solid #d5dfff;
border-radius: 4px;
justify-content: center;
padding: 10px;
}
/*contact*/
/*#left-column .block, #right-column .block {
padding: 15px 23px 30px;
}*/
#left-column .block, #right-column .block {
padding: 15px 15px 30px;
}
.rej span {
color: #0053BD;
font-size: 21px;
font-weight: 700;
}
/*carousel logo*/
.brand-image {
display: flex;
align-items: center;
justify-content: center;
height: 100px;
}
.brands .products .product_list li {
padding: 10px 15px;
}
/*Formulaire*/
button#fmm_submit_btn {
background-color: #6AB233!important;
border-radius: 0;
padding: 16px;
color: #fff;
}
textarea {
border: solid 1px #e6e6e6;
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-weight: normal;
color: #5a5a5a;
padding: 14px 0!important;
text-indent: 12px;
width: 100%;
height:150px;
background-color: #FFF;
}
.form-control {
display: block;
width: 100%;
padding: 0.5rem 0.75rem;
font-size: 1rem;
line-height: 1.25;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border-radius: 0!important;
padding: 0.94rem 1rem;
}
#content {
border: 0;
}
/*mention*/
.list-legales {
display: flex;
flex-wrap: wrap;
padding-bottom: 24px;
}
.legales_items p{
margin-bottom: 38px;
}
.list-legales {
display: flex;
flex-direction: column;
line-height: 36px;
}
.bold {
font-size: 17px;
font-weight: 600;
color: #000;
}
.title {
font-size: 17px;
}
.fix {
text-decoration: none;
color: #000;
}
.fix:hover {
color: #0053BD;
}
.legales_titre {
font-size: 17px;
color: #000;
margin:0;
padding: 0px 0 10px 0;
}
.le_info {
font-size: 22px;
padding-bottom: 10px;
color: #000;
}
/*condition*/
.cond-item-header{
font-size: 22px;
padding: 20px 0;
color: #000;
}
.cond-items{
font-size: 16px;
}
/*Panier*/
.control-labelCouleur {
margin-bottom: 5px;
display: block;
width: 100%;
font-weight: 501;
color: #000;
}
/*fiche technique*/
.product-manufacturer a img {
max-height: 65px;
width: auto;
}
/*Livraison*/
.blockreassurance_product div:first-child .item-product svg {
width: 35px;
height: 51px;
}
/*prix commande*/
.product-prices {
margin-top: 0px;
margin-bottom: 0px;
display: flex;
align-items: center;
}
.product-prices .tax-shipping-delivery-label {
font-size: 24px;
display: block;
color: #1f8cc1;
font-weight: 700;
margin-bottom: 0;
margin-left: 5px;
}
.product-quantity .wish_comp {
float: left;
width: 100%;
display: flex;
margin-top: 7px;
flex-direction: column;
}
.product-quantity {
display: inline-block;
padding-top: 20px;
}
.product-quantity .wishlist a, .product-quantity .compare a {
text-transform: unset;
padding-top: 8px;
}
/*
.product-variants.js-product-variants {
display: flex;
padding: 15px 0;
}*/
.blockreassurance_product div {
padding: 0px 3px;
background: transparent;
margin: -26px 0 0px;
border-radius: 3px;
}
.product-quantity .add .add-to-cart {
padding: 11px 30px;
min-width: 180px;
border-radius: 0;
/* background-color: #111111; */
border: 0;
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
background-color: #FA7D07;
}
span.ajax_wishlist_text, span.ajax_compare_text {
color: #333;
font-size: 14px;
padding: 0 5px;
}
.product-prices div {
margin-bottom: 0px;
font-size: 24px;
font-weight: 600;
color: #1f8cc1;
display: inline-block;
}
/*devis*/
.link-dev, .dev-content,.link-dev1{
display: flex;
align-items: center;
gap: 10px;
padding-left: 2px;
}
.demander{
color: #000000;
font-size: 14px;
font-weight: 600;
}
.fa-file-lines:before {
content: "\f15c";
font-size: 20px;
}
/*Fiche Technique*/
.dis{display:none}
.fiche_tec {
position: relative;
padding: 0 0 0px 1px;
bottom: 35px;
}
.tech {
font-size: 14px;
font-weight: 500;
}
.pdf {
width: 17px;
}
.flex1{
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 500;
padding: 8px 0px 0 2px;
}
.devi.dv {
position: relative;
bottom: 3px;
}
/*icon*/
.fa-file-pdf-o:before{ content: "\f1c1";}
.fa-whatsapp:before {
content: "\f232";
}
.fa-file-o{ content:"\f15b"}
#lnk-demander-un-devis a {
text-transform: none;
}
/*meilleur vente*/
li#category-79::before {
height: 20px;
width: 60px;
content: "";
position: absolute;
/*right: 30px;*/
right: 490px;
float: left;
background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAxNy42NSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmMDA7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwb2x5bGluZSBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMTcuOCA5Ljk3IDEwLjEyIDE3LjY1IDAuMjEgNy43NSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjI4IiBoZWlnaHQ9IjE0IiByeD0iMiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTMuODEsMTAuNzZWMy40OEg1LjM0djNIOC40N3YtM0gxMHY3LjI4SDguNDd2LTNINS4zNHYzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMSAwLjAyKSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE4LDcuMTJhNC4yNiw0LjI2LDAsMCwxLS40NSwyLDMuMTgsMy4xOCwwLDAsMS0xLjIyLDEuMjcsMy42NCwzLjY0LDAsMCwxLTMuNDcsMCwzLjE0LDMuMTQsMCwwLDEtMS4yMi0xLjI4LDQuMTksNC4xOSwwLDAsMS0uNDUtMiw0LjE5LDQuMTksMCwwLDEsLjQ1LTIsMy4xNCwzLjE0LDAsMCwxLDEuMjItMS4yOCwzLjcyLDMuNzIsMCwwLDEsMy40NywwQTMuMjEsMy4yMSwwLDAsMSwxNy41LDUuMSw0LjE5LDQuMTksMCwwLDEsMTgsNy4xMlptLTEuNTYsMGEzLjE1LDMuMTUsMCwwLDAtLjIzLTEuMywxLjcyLDEuNzIsMCwwLDAtLjY0LS44LDEuOSwxLjksMCwwLDAtMS45NSwwLDEuNzgsMS43OCwwLDAsMC0uNjQuOCwzLjE1LDMuMTUsMCwwLDAtLjIzLDEuMywzLjE1LDMuMTUsMCwwLDAsLjIzLDEuMywxLjc4LDEuNzgsMCwwLDAsLjY0LjgsMS44NCwxLjg0LDAsMCwwLDEuOTUsMCwxLjcyLDEuNzIsMCwwLDAsLjY0LS44QTMuMTUsMy4xNSwwLDAsMCwxNi4zOSw3LjEyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMSAwLjAyKSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE4LjQ5LDQuNzVWMy40OGg2VjQuNzVIMjIuMjN2NkgyMC43MXYtNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDEgMC4wMikiLz48L3N2Zz4=);
background-repeat: no-repeat;
background-position: center center;
background-size: 25px;
top: 1px;
animation: blinker 1s linear infinite;
}
/*promo*/
.products li.product_item .product-miniature .discount-percentage, .products li.item .product-miniature .discount-product, .products li .product-miniature .discount {
z-index: 2;
color: #fff;
background: #ff0000;
vertical-align: top;
display: inline-block;
position: absolute;
left: 10px;
font-size: 12px;
font-weight: 600;
line-height: 18px;
letter-spacing: 0;
padding: 0 6px;
text-align: center;
-webkit-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
}
li#category-10 a {
color: #FA7D07;
}
nav.header-nav {
background-color: #001E40!important;
}
/*page a propos*/
.soustitre {
padding: 17px 0;
}
.soustitre h2{
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 0.5rem;
color: #000;
padding-bottom:10px;
}
.product-actions.center {
text-align: center;
}
/*Formulaire*/
.form-control-comment {
display: none!important;
}
.input-group .input-group-btn > .btn {
border: 0;
box-shadow: none;
color: #ffffff;
font-size: 13px;
font-weight: normal;
margin-left: 0;
padding: 14px 12px!important;
text-transform: capitalize;
}
/*zoom*/
.zoomWindow {
Display: none !important;
}
.product-cover .layer {
position: absolute;
bottom: 10px;
right: 10px;
padding: 14px;
cursor: zoom-in;
z-index: 1;
opacity: 1;
filter: alpha(opacity=100);
width: 100%;
height: 100%;
}
/*News formulaire*/
.form-field-newsletter {
display: none;
}
/*navTab accueil*/
/*SEARCH BAR CATEGORIE*/
#dropdownListCate, #categoryDropList {
cursor: pointer;
display: block;
padding: 9px 25px 9px 15px;
color: #000000;
line-height: 26px;
height: 42px;
text-transform: capitalize;
font-weight: 500;
text-overflow: ellipsis;
overflow: visible;
white-space: nowrap;
width: 217px;
}
.form-field-alias{display:none}
body#checkout section.checkout-step .step-title {
text-transform: full-size-kana;
cursor: pointer;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
}
/*contactez-nous*/
#contactform-message {
width: 66%;
}
/*ressource*/
/*menu-vertical*/
.top-menu a[data-depth="0"] {
text-transform: none;
}
#czverticalmenublock .block_title {
text-transform: none;
}
#dropdownListCate, #categoryDropList {
text-transform: none;
}
#czbannercmsblock1 .cmsbanners .cmsbanner-text {
right: 460px;
left: 0;
bottom: -29px;
position: absolute;
text-align: center;
color: #ffffff;
letter-spacing: 0;
padding: 0 51px;
}
#czbannercmsblock1 .cmsbanners .cmsbanner-text .title {
text-align: start;
width: 646px;
}
#czbannercmsblock1 .cmsbanners .cmsbanner-text .title p {
font-size: 17px;
font-weight: 400;
font-family: 'Jost', sans-serif;
padding-top: 22px;
}
.Kennel {
color: #fff;
font-size: 18px;
font-weight: 500;
padding: 52px 0;
margin: 10px 0;
}
#lcd {
background-color: #DDD;
border: none;
color: #000;
}
#lcd:hover {
background-color: #0053BD !important;
color: #fff !important;
}
#czbannercmsblock1 .cmsbanners .cmsbanner-text .offer-title {
font-size: clamp(2rem, 10vw, 34px);
line-height: 40px;
text-transform: none;
font-weight: 500;
margin-top: 12px;
font-family: 'Jost', sans-serif;
text-align: start;
}
#czbannercmsblock1 .cmsbanners .cmsbanner-text .shop.now {
display: inline-block;
margin-top: 25px;
text-align: start;
position: relative;
right: 220px;
}
/*verifier*/
#payement_logo_block_left {
display: none;
}
#product-modal .modal-content .modal-body .image-caption {
padding: 0.625rem 1.25rem;
display: none;
}
.products-section-title {
text-transform: math-auto!important;
}
/*categorie_top*/
#cateSingleItem-Racine {
display: none;
}
#cateSingleItem-Accueil{
display: none;
}
#cateSingleItem-Tous\ les\ produits {
display: none;
}#cateSingleItem-Promotions{ display: none;}
#cateSingleItem-Meilleures\ ventes{ display: none;}
.cz_search_block_top .dropdown-menu {
height: 359px;
}
/*serviceressource*/
div#areaflex {
justify-content: normal!important;
gap: 22px;
}
#czservicecmsblock .service_container .service-area .service-fourth {
flex: 1 0 200px;
}
.service-description {
width: 100%;
}
#czservicecmsblock .service_container .service-area .service-fourth:after {
border-right: 1px solid #fff;
/*#dddddd*/
}
.container-bann {
display: flex;
width: 100%;
background-image: url("/img/cms/banner13.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 25px 20px;
border-radius: 5px;
align-items: center;
justify-content: center;
}
.contenet-bann{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.main-title {
font-size: 33px;
line-height: 40px;
font-weight: 500;
margin-top: 15px;
font-family: 'Jost',sans-serif;
color:#fff;
padding-bottom: 13px;
}
.offer-title {
font-size: 20px;
font-weight: 200;
font-family: 'Jost',sans-serif;
color:#fff;
letter-spacing: 0px;
}
.shop1.now1 {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding: 15px 0;
}
.bann-items{
flex: 2 0 200px;
padding-left: 48px;
}
.bann-items1{
flex: 2 0 200px;
}
.bann-items1 img {
max-inline-size: 100%;
block-size: auto;
inline-size: 100%;
}
.Kennel1{
font-size: 17px;
font-weight: 500;
color: #fff;
font-family: 'Jost',sans-serif;
}
.offer-title1{
font-size: clamp(16px,4vw,40px);
color: #fff;
font-weight: 800;
padding-bottom: 25px;
line-height: 45px;
}
.descri{
font-size: 15px;
color: #fff;
}
#lcd1{
background-color:#DDDDDD;
color:#000;
border:none;
}
#lcd1:hover{
background-color:#0053BD;
color:#fff;
border:none;
}
.form-group.form-field-email .form-control-label::after {
content: "*";
color: red;
}
.form-group.form-field-firstname .form-control-label::after {
content: "*";
color: red;
}
.form-group.form-field-lastname .form-control-label::after {
content: "*";
color: red;
}
.form-group.form-field-address1 .form-control-label::after {
content: "*";
color: red;
}
.form-group.form-field-postcode .form-control-label::after {
content: "*";
color: red;
}
.form-group.form-field-phone .form-control-label::after {
content: "*";
color: red;
}
.form-group.form-field-city .form-control-label::after {
content: "*";
color: red;
}
#field-id_country {
display: block;
}
.custom-checkbox input[type="checkbox"] + span .checkbox-checked {
display:none;
margin: -2px -1px;
font-size: 16px;
color: #262626;
}
.carrier-price {
text-transform: capitalize;
}
.custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked {
display: block!important;
}
.pay {
padding-bottom: 42px;
color: #000;
font-weight: 500;
text-align: right;
}
@media only screen and (max-width: 600px) {
.block-social {
float: right;
position: relative;
right: 0;
top: 0px;
}
#czbannercmsblock1 .cmsbanners .cmsbanner a.banner-anchor img {
height: 170px;
}
#czbannercmsblock1 .cmsbanners .cmsbanner-text .offer-title {
font-size: clamp(19px, 15px, 34px);
line-height: 30px;
}/*
#czbannercmsblock1 .cmsbanners .cmsbanner-text {
right: 0;
left: -40px;
bottom: -7px;
position: absolute;
text-align: center;
color: #ffffff;
letter-spacing: 0;
padding: 0 51px;
}*/
/*
#czbannercmsblock1 .cmsbanners .cmsbanner-text .shop.now {
display: inline-block;
margin-top: 47px;
text-align: start;
position: relative;
right: 102px;
bottom: 23px;
}
a#lcd {
background-color: whitesmoke!important;
padding: 7px!important;
text-decoration: none!important;
color: #000!important;
}
*/
#footer .block_newsletter .newsletter-title {
float: left;
color: #0053BD!important;
font-size: 27px;
text-transform: none;
font-weight: 600;
line-height: 47px;
letter-spacing: 0;
padding-left: 0;
}
.cz_search_block_top .form-control {
height: 40px;
width: calc(100% - 99px)!important;
}
#dropdownListCate, #categoryDropList {
width: 49px!important;
}
#footer .block_newsletter .block_content {
width: 100%;
padding-left: 0;
}
}
/*comfirmation*/
.card-title {
margin-bottom: 0.75rem;
text-transform: none !important;
}
.carrier-logo img {
width: 100%;
padding-top: 7px;
}
span.carrier-price {
text-transform: capitalize;
}
span.value {
text-transform: capitalize;
}
body#checkout section.checkout-step .nav-item .nav-link, body#checkout .card .card-block p .js-show-details {
text-transform: none;
}
@media only screen and (min-width: 600px) {
#dropdownListCate, #categoryDropList {
width: 49px!important;
}
}
@media only screen and (min-width: 768px) {
.cz_search_block_top .form-control {
width: calc(100% - 272px);
}
#dropdownListCate, #categoryDropList {
width: 222px!important;
}
}
/* @media only screen and (min-width: 992px) {
width:calc(100% - 244px);
} */
@media only screen and (min-width: 1200px) {
/*#czservicecmsblock .service_container .service-area .service-fourth:after {
right: 8px;
}*/
#czbannercmsblock1 .cmsbanners .cmsbanner-text .shop.now {
display: inline-block;
margin-top: 25px;
text-align: start;
position: relative;
right: 221px;
bottom: 63px;
}
.service-fourth.service1 {
flex: 1 0 200px;
}
.service3{
flex: 1 0 200px;
}
.service4{
flex: 1 0 200px;
}
}
@media only screen and (min-width: 1459px) {
#czbannercmsblock1 .cmsbanners .cmsbanner-text .shop.now {
display: inline-block;
margin-top: 25px;
text-align: start;
position: relative;
right: 350px;
bottom: 63px;
}
}
@media only screen and (min-width: 1872px) {
#czbannercmsblock1 .cmsbanners .cmsbanner-text .shop.now {
display: inline-block;
margin-top: 25px;
text-align: start;
position: relative;
right: 350px;
bottom: 63px;
}
}#order-details {
padding: 14px 15px;
}
.delivery-options {
display: flex;
flex-direction: column-reverse;
}
.che {
padding-bottom: 13px;
}
#checkout-guest-form .form-group.form-field-psgdpr .nero-psgdpr {
display: none;
}
.form-field-psgdpr .js-input-column {
width: 100%;
}
.pay {
padding-bottom: 42px;
color: #a8a8a8;
font-weight: 500;
text-align: right;
}
.pay .custom-radio.float-xs-left .ps-shown-by-js {
cursor: context-menu;
opacity: 0!important;
}
.pay .custom-radio.float-xs-left {
opacity: 0.25;
}
a.clique {
cursor: pointer;
font-weight: 600;
}
.clique:hover {
color:#0053BD!important;
}
.card__list-item img {
width: 60px;
border-radius: 2px;
}
/********************************************************
Codezeel Custom Styles
********************************************************/
.cz-carousel {
display: none;
position: relative;
float: left;
width: 100%;
margin: 0;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
float: left;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
float: left;
}
.owl-carousel .owl-item .manu_image a {
display: inline-block;
}
.owl-carousel .owl-item .manu_image a img {
max-width: 100%;
}
.owl-carousel .owl-item:hover a img {
border-color: blue;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
/* fix */
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
text-align: center;
}
/* mouse grab icon */
.grabbing {
cursor: url("../img/codezeel/grabbing.png") 8 8, move;
}
.customNavigation {
position: absolute;
width: 65px;
top: -65px;
direction: ltr !important;
left: auto;
right: 15px;
z-index: 8;
}
.customNavigation a {
font-size: 0;
position: absolute;
padding: 0;
color: #888888;
cursor: pointer;
overflow: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 30px;
height: 30px;
border: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 15px;
background-color: #dddddd;
}
.customNavigation a:hover {
background-color: #129cb8;
}
.customNavigation a.prev{
left: 0;
background-image: url(../img/codezeel/left-angle.svg);
}
.customNavigation a.prev:hover {
background-image: url(../img/codezeel/left-angle-hover.svg);
}
.customNavigation a.next{
right: 0;
background-image: url(../img/codezeel/right-angle.svg);
}
.customNavigation a.next:hover {
background-image: url(../img/codezeel/right-angle-hover.svg);
}
#czleftbanner img,
#czrightbanner img{
max-width: 100%;
}
#czleftbanner li, #czrightbanner li {
display: inline-block;
vertical-align: top;
}
#czleftbanner li a, #czrightbanner li a {
display: inline-block;
overflow: hidden;
position: relative;
}
#czleftbanner li a:before, #czrightbanner li a:before {
background: rgb(38 38 38 / 18%) none repeat scroll 0 0;
bottom: 20px;
content: "";
left: 20px;
opacity: 1;
position: absolute;
right: 20px;
top: 20px;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
#czleftbanner li:hover a:before, #czrightbanner li:hover a:before {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.top_button {
background: #129cb8;
bottom: 20px;
cursor: pointer;
height: 40px;
padding: 0;
position: fixed;
right: 24px;
text-align: center;
display: none;
width: 40px;
z-index: 9;
-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
animation-name: hvr-icon-bob-float, hvr-icon-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.top_button:before{
font-family: "FontAwesome";
content: "\f176";
color: #fff;
font-size: 18px;
position: absolute;
top: 5px;
left: 16px;
}
.top_button::after {
border: 2px solid #129cb8;
bottom: -5px;
height: 50px;
opacity: 1;
right: -5px;
content: "";
position: absolute;
width: 50px;
animation: blink 2s steps(5, start) infinite;
-webkit-animation: blink 1s steps(5, start) infinite;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.top_button:hover {
border-radius: 50%;
}
.top_button:hover::after {
border-radius: 50%;
}
.top_button:hover:after {
animation: unset;
-webkit-animation:unset;
}
@keyframes blink {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink {
to {
visibility: hidden;
}
}
/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@-webkit-keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
/* Flexslider */
#index .spinner {
background: url(../img/codezeel/loading.gif) no-repeat center center #f1f1f1;
z-index: 100000;
min-height: 650px;
width: 100%;
background-size: 7%;
}
.tabs .nav-tabs {
margin-bottom: 5px;
padding-right: 10%;
}
@media only screen and (max-width: 600px) {
.contenet-bann {
flex-direction: column-reverse;
}
.service-description {
width: 100%;
}
.tabs .nav-tabs {
padding-right: 20%;
}
.bann-items1{
display:none;
}
.bann-items {
padding-left: 0px;
}
.shop1.now1 {
align-content: center;
align-items: center;
justify-content: center;
}
#enstock{
background:#4CBB6C!important;
}
#product-availability .product-available, .product-availability .product-available {
position: static;
display: table;
margin-bottom: 6px;
font-weight: 500;
text-align: left;
border-radius: 3px;
padding: 3px 8px;
background: #FA7D07
}
#index .featured-products .products .view_more, .special-products .products .view_more, #czcategorytabs .products .view_more, .newproducts .products .view_more {
position: absolute;
top: -50px;
right: 0;
margin: 0;
}
}
@media only screen and (min-width: 600px) {
.tabs .nav-tabs {
padding-right: 6%;
}
}
@media (max-width: 1459px) {
#index .spinner {
min-height: 535px;
}
#index .featured-products .products .view_more, .special-products .products .view_more, #czcategorytabs .products .view_more, .newproducts .products .view_more {
position: absolute;
top: -50px;
right: -3%;
margin: 5px;
}
}
@media (max-width: 1199px) {
#index .spinner {
min-height: 400px;
}
}
@media (max-width: 991px) {
#index .spinner {
min-height: 340px;
}
}
@media (max-width: 767px) {
#index .spinner {
min-height: 230px;
}
}
@media (max-width: 480px) {
#index .spinner {
min-height: 180px;
background-size: 10%;
}
.tabs .nav-tabs {
margin-bottom: 5px;
padding-right: 100px;
}
}
@media (max-width: 380px) {
#index .spinner {
min-height: 120px;
}
}
/********************************************************
Codezeel Custom Styles
********************************************************/
.cz-carousel {
display: none;
position: relative;
float: left;
width: 100%;
margin: 0;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
float: left;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
float: left;
}
.owl-carousel .owl-item .manu_image a {
display: inline-block;
}
.owl-carousel .owl-item .manu_image a img {
max-width: 100%;
}
.owl-carousel .owl-item:hover a img {
border-color: blue;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
/* fix */
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
text-align: center;
}
/* mouse grab icon */
.grabbing {
cursor: url("../img/codezeel/grabbing.png") 8 8, move;
}
.customNavigation {
position: absolute;
width: 65px;
top: -65px;
direction: ltr !important;
left: auto;
right: 15px;
z-index: 8;
}
.customNavigation a {
font-size: 0;
position: absolute;
padding: 0;
color: #888888;
cursor: pointer;
overflow: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 30px;
height: 30px;
border: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 15px;
background-color: #dddddd;
}
.customNavigation a:hover {
background-color: #129cb8;
}
.customNavigation a.prev{
left: 0;
background-image: url(../img/codezeel/left-angle.svg);
}
.customNavigation a.prev:hover {
background-image: url(../img/codezeel/left-angle-hover.svg);
}
.customNavigation a.next{
right: 0;
background-image: url(../img/codezeel/right-angle.svg);
}
.customNavigation a.next:hover {
background-image: url(../img/codezeel/right-angle-hover.svg);
}
#czleftbanner img,
#czrightbanner img{
max-width: 100%;
}
#czleftbanner li, #czrightbanner li {
display: inline-block;
vertical-align: top;
}
#czleftbanner li a, #czrightbanner li a {
display: inline-block;
overflow: hidden;
position: relative;
}
#czleftbanner li a:before, #czrightbanner li a:before {
background: rgb(38 38 38 / 18%) none repeat scroll 0 0;
bottom: 20px;
content: "";
left: 20px;f
opacity: 1;
position: absolute;
right: 20px;
top: 20px;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
#czleftbanner li:hover a:before, #czrightbanner li:hover a:before {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.top_button {
background: #129cb8;
bottom: 20px;
cursor: pointer;
height: 40px;
padding: 0;
position: fixed;
right: 24px;
text-align: center;
display: none;
width: 40px;
z-index: 9;
-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
animation-name: hvr-icon-bob-float, hvr-icon-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.top_button:before{
font-family: "FontAwesome";
content: "\f176";
color: #fff;
font-size: 18px;
position: absolute;
top: 5px;
left: 16px;
}
.top_button::after {
border: 2px solid #129cb8;
bottom: -5px;
height: 50px;
opacity: 1;
right: -5px;
content: "";
position: absolute;
width: 50px;
animation: blink 2s steps(5, start) infinite;
-webkit-animation: blink 1s steps(5, start) infinite;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.top_button:hover {
border-radius: 50%;
}
.top_button:hover::after {
border-radius: 50%;
}
.top_button:hover:after {
animation: unset;
-webkit-animation:unset;
}
@keyframes blink {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink {
to {
visibility: hidden;
}
}
/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@-webkit-keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
/* Flexslider */
#index .spinner {
background: url(../img/codezeel/loading.gif) no-repeat center center #f1f1f1;
z-index: 100000;
min-height: 650px;
width: 100%;
background-size: 7%;
}
.tabs .nav-tabs {
margin-bottom: 5px;
padding-right: 10%;
}
@media only screen and (max-width: 600px) {
.service-description {
width: 100%;
}
.tabs .nav-tabs {
padding-right: 20%;
}
.bann-items1{
display:none;
}
.bann-items {
padding-left: 0px;
}
.shop1.now1 {
align-content: center;
align-items: center;
justify-content: center;
}
#enstock{
background:#4CBB6C!important;
}
#product-availability .product-available, .product-availability .product-available {
position: static;
display: table;
margin-bottom: 6px;
font-weight: 500;
text-align: left;
border-radius: 3px;
padding: 3px 8px;
background: #FA7D07
}
#index .featured-products .products .view_more, .special-products .products .view_more, #czcategorytabs .products .view_more, .newproducts .products .view_more {
position: absolute;
top: -50px;
right: 0;
margin: 0;
}
}
@media only screen and (min-width: 600px) {
.tabs .nav-tabs {
padding-right: 6%;
}
}
@media (max-width: 1459px) {
#index .spinner {
min-height: 535px;
}
#index .featured-products .products .view_more, .special-products .products .view_more, #czcategorytabs .products .view_more, .newproducts .products .view_more {
position: absolute;
top: -50px;
right: -3%;
margin: 5px;
}
}
@media (max-width: 1199px) {
#index .spinner {
min-height: 400px;
}
}
@media (max-width: 991px) {
#index .spinner {
min-height: 340px;
}
}
@media (max-width: 767px) {
#index .spinner {
min-height: 230px;
}
}
@media (max-width: 480px) {
#index .spinner {
min-height: 180px;
background-size: 10%;
}
.tabs .nav-tabs {
margin-bottom: 5px;
padding-right: 135px;
}
}
@media (max-width: 380px) {
#index .spinner {
min-height: 120px;
}
}
/* ************************************************ */
/* ***************** 05/12/2025 ******************* */
/* ************************************************ */
#footer .footer-before {
background-color: #0053BD;
}
#footer .block_newsletter .newsletter-title {
color: #fff !important;
padding-left: 0;
font-size: 2.5rem;
margin-bottom: 4px;
}
#footer .block_newsletter .newsletter-title::before {
background-color: #fff !important;
height: 30px;
width: 71px;
top: 8px;
left: -12px;
mask-size: 45px;
display: none;
}
p.ins {
color: #ddd;
font-size: 18px;
margin-bottom: 15px;
}
#footer .block_newsletter .block_content {
width: 40%;
}
.facebook a::before, .linkedin a::before, .instagram a::before {
color: #fff !important;
}
.form-control {
padding: .7rem 1rem;
font-size: 14px;
}
.rej span {
color: #fff;
}
.own_newsletter_main {
display: flex;
justify-content: space-between;
}
.block_newsletter form input[type="text"] {
padding: 8px 15px;
}
.newsletter-form::before {
display: none;
}
.block_newsletter form input{
min-height: 10px;
}
.own_subscribe {
border: none;
padding: 5px 14px;
background-color: #eee;
color: #000;
border-radius: 5px;
text-transform: uppercase;
cursor: pointer;
font-size: 13px;
}
.own_subscribe:hover {
background-color: #0053BD;
color: #FFF;
}
.input-wrapper.own_newsletter_input {
display: flex;
gap: 6px;
margin-top: 2rem;
}
@media only screen and (max-width: 1024px) {
#footer .block_newsletter .newsletter-title {
font-size: 1.8rem;
}
#footer .block_newsletter .block_content {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.own_newsletter_main {
display: flex;
flex-direction: column;
}
#footer .block_newsletter .block_content {
width: 80%;
}
p.ins {
font-size: 16px;
line-height: 1;
}
.input-wrapper.own_newsletter_input {
margin-top: 0;
}
#footer .footer-before {
padding: 2.5rem 0;
}
.form-footer.text-sm-right {
display: flex;
gap: 6px;
justify-content: end;
}
}
@media only screen and (max-width: 640px) {
#footer .block_newsletter .block_content {
width: 100%;
}
ul.product-flags li, ul.product-flags li.out_of_stock {
font-size: 11px;
line-height: 10px;
padding: 4px 5px;
}
.flex-control-paging li a {
width: 7px;
height: 7px;
}
#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text .main-title {
padding: 6px 0 10px;
line-height: 25px;
}
#czcategory-tabs {
display: none;
}
.products .product_list li.product_item, .products .product_list li.item {
padding: 5px;
}
ul.product-flags li.out_of_stock {
right: 105 !important;
}
.products-section-title {
font-size: 16px;
}
.product-miniature.js-product-miniature.bigcard #fmm_quote_button {
margin-top: 20px;
}
#pq_top_block {
width: 340px;
padding: 0 !important;
padding-top: 10px;
}
#pq_top_block .product_quotation {
padding: 6px 10px;
}
#fmm_quote_content {
width: 100%;
left: 0;
}
#footer .block_newsletter .newsletter-title {
line-height: 25px;
margin-bottom: 10px;
}
.input-wrapper.own_newsletter_input {
display: flex;
flex-direction: column;
align-items: end;
}
.block_newsletter form input {
width: max-content;
}
#header .logo {
max-width: 180px !important;
max-height: 50px !important;
}
.app-icon-image1 {
max-width: 180px !important;
max-height: 60px !important;
}
.offer-title {
font-size: 16px;
font-weight: 400;
line-height: 23px;
}
.cz_search_block_top #cz_search_top_button, .cz_search_block_top #cz_search_top_button .material-icons {
height: 42px;
}
}
@media only screen and (max-width: 550px) {
#fmm_quote_content {
width: 100%;
left: 0;
}
#pq_top_block {
width: 100%;
padding: 0 !important;
padding-top: 10px;
}
}
/**************************************************************/
/**************************************************************/
/**************************************************************/
.delivery_cover {
width: 100%;
border-radius: 5px;
}
.delivery_cover.__001 {
display: block;
}
.delivery_cover.__002, .delivery_cover.__003 {
display: none;
}
/* For screen widths 1024px to 768px */
@media (max-width: 1024px) {
.delivery_cover.__001 {
display: none;
}
.delivery_cover.__002 {
display: block;
}
.delivery_cover.__003 {
display: none;
}
}
/* For screen widths 768px and below */
@media (max-width: 768px) {
.delivery_cover.__001 {
display: none;
}
.delivery_cover.__002 {
display: none;
}
.delivery_cover.__003 {
display: block;
}
}
/* ############## 25/02/2026 ############## */
.product-information .product-actions form#add-to-cart-or-refresh .fiche_tec > div.devi:has(> a.flex1[href*="module=requestforquote"][href*="controller=rfq"]) {
display: none;
}
/********************************************************
24/03/2026
********************************************************/
.flexslider .slides li .slide_content {
bottom: 185px;
left: 0;
padding: 0 22px;
font-family: poppins, sans-serif !important;
}
.flexslider .slides li .slide_content {
box-sizing: border-box;
}
.flexslider .slides li .slide_content .sscms24-logo {
/* height: 25px !important;
width: auto !important;*/
height: auto !important;
width: 130px !important;
margin-bottom: 20px;
}
.flexslider .slides li .slide_content .sscms24-logo.lenovo,
.flexslider .slides li .slide_content .sscms24-logo.asus {
height: 40px !important;
}
.flexslider .slides li .slide_content .sscms24-badge {
display: inline-block;
background: #e6e6e6;
padding: 8px 16px;
border-radius: 20px;
font-size: 14px;
color: #333;
margin-bottom: 20px;
line-height:1.2;
}
.flexslider .slides li .slide_content .sscms24-title {
font-size: 42px;
font-weight: 700;
color: #000;
line-height: 1.2;
margin: 0 0 25px 0;
}
.flexslider .slides li .slide_content .sscms24-sub {
display: flex;
align-items: flex-start;
margin-bottom: 30px;
}
.flexslider .slides li .slide_content .sscms24-line {
width: 3px;
height: 45px;
margin-right: 12px;
margin-top: 5px;
}
.flexslider .slides li .slide_content .sscms24-subtext {
font-size: 16px;
color: #333;
}
.flexslider .slides li .slide_content .sscms24-subtext strong {
display: block;
font-weight: 700;
color: #000;
}
.flexslider .slides li .slide_content .sscms24-btn {
display: inline-block;
background: #000;
color: #fff;
padding: 14px 28px;
border-radius: 10px;
text-decoration: none;
font-weight: 500;
transition: 0.3s;
line-height: 1.2;
font-size: 15px;
}
.flexslider .slides li .slide_content .sscms24-btn:hover {
background: #333;
color: #fff;
}
@media (max-width: 1680px) {
.flexslider .slides li .slide_content {
/* border: 2px solid orange; */
bottom: 80px;
}
}
@media (max-width: 1459px) {
.flexslider .slides li .slide_content {
/* border: 2px solid red; */
bottom: 45px;
}
}
@media (max-width: 1199px) {
.flexslider .slides li .slide_content {
/* border: 2px solid blue; */
bottom: 60px;
}
.flexslider .slides li .slide_content .sscms24-title {
font-size: 30px;
margin-bottom: 10px;
}
.flexslider .slides li .slide_content .sscms24-sub {
margin-bottom: 15px;
}
.flexslider .slides li .slide_content .sscms24-badge {
margin-bottom: 10px;
font-size: 12px;
padding: 5px 8px;
}
.flexslider .slides li .slide_content .sscms24-logo {
height: 18px !important;
width: auto !important;
margin-bottom: 10px;
}
.flexslider .slides li .slide_content .sscms24-logo.lenovo {
height: 32px !important;
}
}
@media (max-width: 961px) {
.flexslider .slides li .slide_content .sscms24-title {
font-size: 24px;
margin-bottom: 10px;
}
.flexslider .slides li .slide_content {
/* border: 2px solid green; */
bottom: 35px;
}
.flexslider .slides li .slide_content .sscms24-btn {
padding: 8px 10px;
font-size: 13px;
border-radius: 4px;
}
.flexslider .slides li .slide_content .sscms24-subtext {
font-size: 13px;
line-height: 1.4;
}
.flexslider .slides li .slide_content .sscms24-line {
width: 2px;
height: 30px;
margin-right: 8px;
margin-top: 2px;
}
}
@media (max-width: 767px) {
.flexslider .slides li .slide_content {
/* border: 2px solid yellow; */
bottom: 20px;
}
.flexslider .slides img.lazyloaded {
opacity: 0;
min-height: 280px;
}
}
@media (max-width: 480px) {
.flexslider .slides li .slide_content {
/* border: 2px solid gray; */
bottom: 60px;
}
.flexslider .slides img.lazyloaded {
opacity: 0;
min-height: 320px;
}
}
@media (max-width: 390px) {
.flexslider .slides li .slide_content {
/* border: 2px solid pink; */
bottom: 50px;
}
}
/********************************************************
25/03/2026
********************************************************/
@media only screen and (max-width: 600px) {
#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text .main-title {
line-height: 1.2;
padding: 6px 0 20px;
}
#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text .shopnow .btn.btn-primary {
font-size: 14px;
}
}
/********************************************************
17/04/2026
********************************************************/
.flexslider .slides li .slide_content .sscms24-logo.hisense_logo {
display: block;
}
.flexslider .slides li .slide_content .sscms24-logo.hisense_white_logo {
display: none;
}
@media (min-width: 767px) {
.flexslider .slides li .slide_content .sscms24-title.sscms24-white,
.flexslider .slides li .slide_content .sscms24-subtext.sscms24-white strong {
color: #fff;
font-weight: 600;
}
.flexslider .slides li .slide_content .sscms24-subtext.sscms24-white {
color: #dadada;
}
.flexslider .slides li .slide_content .sscms24-btn.sscms24-white {
color: #000;
background: #fff;
}
.flexslider .slides li .slide_content .sscms24-btn.sscms24-white:hover {
background: #333;
color: #fff;
}
.flexslider .slides li .slide_content .sscms24-logo.hisense_logo {
display: none;
}
.flexslider .slides li .slide_content .sscms24-logo.hisense_white_logo {
display: block;
}
}
/********************************************************
04/06/2026
********************************************************/
.cz_search_block_top .product_search {
border: 1px solid #0053BD !important;
border-radius: 5px !important;
}
.cz_search_block_top #cz_search_top_button {
background-color: #0053BD !important;
border-radius: 0 2px 2px 0 !important;
}
.cz_search_block_top #categoryDropList:before {
background: #0053BD !important;
}
#czsearchtopbox a.cateSingleItem.active, #czsearchtopbox a.cateSingleItem:hover, #czsearchbox a.cateSingleItem.active, #czsearchbox a.cateSingleItem:hover {
background: #0053BD !important;
}
#cz_toplink li:nth-child(3)::after {
border-right: 0 !important;
}
#cz_toplink li:nth-child(3) {
padding-right: 0 !important;
}
/********************************************************
09/06/2026
********************************************************/
.flex-direction-nav a:before {
background-color: #0053BD !important;
border-radius: 5px !important;
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
background: #0053BD !important;
border-color: #0053BD !important;
}