/* Reset ================================================================================= */ *{margin:0; padding:0; box-sizing:border-box; } html{ font-size:16px; -webkit-text-size-adjust:100%; /* Prevent automatic scaling on iOS */ -ms-text-size-adjust:100%} body{font:400 87.5%/150% 'Open Sans',Helvetica,Arial; background-color:#F9FAFC; color:#5e6d82; text-align:center} p { line-height:23px; } img{border:0; vertical-align:top; width:100%} /*Images width Auto*/ .breadcrumbs ul li { font-size:11px; } .compare-table .product-image img, .postBookmarks img, #loading img, .captcha-img, .captcha-reload, .product-options img, .opc img{width:auto} a{color:#0F5660; text-decoration:none} a:hover{text-decoration:none; color:#f25448} :focus{outline:0} /*noinspection ALL*/ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none} input[type=radio] { position:relative; width:16px; height:16px; border-radius:50%; border:2px solid #ddd; background-color:#fff; appearance:none; -webkit-appearance:none; -moz-appearance:none; } input[type=radio]:hover { box-shadow:0 0 5px rgba(0,0,0,.15) inset; } input[type=radio]:checked { border-color:#80b601; } input[type=radio]:before { content:""; display:block; width:6px; height:6px; position:absolute; top:3px; left:3px; border-radius:50%; } input[type=radio]:checked:before { background-color:#80b601; } /* Headings */ h1, h2, h3, h4, h5, h6{margin:0 0 10px; font-weight:normal} .std h2, .std h3, .std h4, .std h5 { margin:0 0 7px; } h1{font-size:31px; line-height:1.25em; margin-bottom:15px} h2{font-size:1.86em; line-height:1.25em} h3{font-size:1.50em; line-height:1.2em} h4{font-size:1.18em; line-height:1.25em} h5{font-size:1.1em; line-height:1.143em} h6{font-size:1em; line-height:1.166em} /* Forms */ form{display:inline} fieldset{border:0} legend{display:none} /* Table */ table{border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%} caption, th, td{vertical-align:top; text-align:left; font-weight:normal} /* Content */ strong{font-weight:bold} address{font-style:normal} cite{font-style:normal} q, blockquote{quotes:none} q:before, q:after{content:''} small, big{font-size:1em} sup{font-size:1em; vertical-align:top} /* Lists */ ul, ol{list-style:none} /* Tools */ .hidden{display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important} .nobr{white-space:nowrap !important} .wrap{white-space:normal !important} .a-left{text-align:left !important} .a-center{text-align:center !important} .a-right{text-align:right !important} .v-top{vertical-align:top} .v-middle{vertical-align:middle} .f-left, .left{float:left !important} .f-right, .right{float:right !important} .f-none{float:none !important} .f-fix{float:left; width:100%; min-height:147px; position:relative} .no-display{display:none} .no-margin{margin:0 !important} .no-padding{padding:0 !important} .no-padr{padding-right:0!important} .no-padl{padding-left:0!important} .no-bg{background:none !important} .upper{text-transform:uppercase} .lower{text-transform:lowercase} /* Layout ==================================================================================== */ .wrapper{float:left; width:100%} .page{text-align:left; display:inline-block; width:100%} .page-print{padding:20px; text-align:left; background-repeat:repeat; background-position:center top; background-image:none} .page-empty{padding:0; text-align:left; background-repeat:repeat; background-position:center top; background-image:none; background-color:transparent} .page-popup{padding:20px; text-align:left; background-repeat:repeat; background-position:center top; background-image:none} .main-container{background-repeat:repeat; background-position:center top} .main{padding:15px 0 20px; min-height:370px; clear:both} body.cms-index-index .main, body.cms-index-defaultindex .main{padding-top:15px} /* Base Columns */ .col-left{float:left} .col-main{float:left} .col-right{float:right} .category-right .col-left{float:right} /* 1 Column Layout */ .col1-layout .col-main{} /* 2 Columns Layout */ .col2-left-layout .col-main{float:right} .col2-right-layout .col-main{} .category-right .col-main{float:left} /* Content Columns */ .col2-set .col-1{float:left; width:49%} .col2-set .col-2{float:right; width:49%} .col2-set .col-narrow{width:33%} .col2-set .col-wide{width:65%} a[data-href] { cursor:pointer; } #oar_widget_orders_and_returns_form .form-alt li{padding:20px 0 20px 0} /*Category Full*/ .category-full .col-left .block, .category-full .col-main .page-title{display:none} /* Global Styles ==================================================================================== */ /* Basic -------------------------------------------------------------- */ input, select, textarea, button{font:300 12px/21px 'Open Sans',Helvetica,sans-serif; vertical-align:middle} input.input-text, textarea{-webkit-appearance:none} input.input-text, select, textarea{ background:#f3f5f6; border:none; color:#696e6e; border-radius:4px; -webkit-border-radius: 4px; -webkit-box-shadow:0 2px 0 0 #eef0f1 inset; box-shadow:0 2px 0 0 #eef0f1 inset} input.input-text{height:41px} select{height:41px; padding:8px; text-overflow:ellipsis} select.multiselect{height:auto !important} input.input-text, textarea{padding:8px; text-overflow:ellipsis} select option{padding-right:10px; padding-left:5px} select.multiselect option{border-bottom:1px solid #E4E4E4; padding:2px 5px} select.multiselect option:last-child{border-bottom:0} textarea{overflow:auto; vertical-align:top} input.radio{margin-right:3px} input.checkbox{margin-right:3px} input.qty{width:3.8em !important; text-align:center; height:48px} .w-full { width:100%; } .d-flex, .flex { display:flex; } .flex-wrap { flex-wrap:wrap; } .flex-col { flex-direction:column; } .grow { flex-grow:1; } .basis-0 { flex-basis:0; } .items-center { align-items:center; } .gap-x-2 { column-gap:.5rem; } .h-2 { height:.5rem; } /* Active and others -------------------------------------------------------------- */ input.input-text:hover, select:hover, textarea:hover, .quantity_counter:hover{color:#5e6d82; outline:none} input.input-text:disabled, select:disabled, textarea:disabled{} input.input-text:focus, select:focus, textarea:focus{-webkit-box-shadow:0 2px 6px 3px #e7e9ea inset; box-shadow:0 2px 6px 3px #e7e9ea inset; -moz-box-shadow:0 2px 6px 3px #e7e9ea inset} /* Quantity -------------------------------------------------------------- */ .quantity_counter{display:inline-block; text-align:center; vertical-align:middle; line-height:48px} .quantity_counter *{display:inline-block} .quantity_counter input.qty{margin-right:0; float:left; border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; font-size:14px} .quantity_counter a{width:22px; height:22px; line-height:26px; text-align:center; display:block!important} .qty-arr-wrap{float:left; background:#f3f5f6; border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; box-shadow:0 2px 0 0 #eef0f1 inset; -moz-box-shadow:0 2px 0 0 #eef0f1 inset; -webkit-box-shadow:0 2px 0 0 #eef0f1 inset; font-size:18px; padding:2px 4px} .cart-table .quantity_counter{width:85px} /*Product view*/ .product-view .product-shop .add-to-cart *{display:inline-block} .lte-ie8 input.qty, .lte-ie8 .product-options dd input.input-text{line-height:16px} .lte-ie8 .quantity_counter input.qty{line-height:12px} /* Margin Top ----------------------------------------------- */ .mgtop0{margin-top:0} .mgtop5{margin-top:5px} .mgtop10{margin-top:10px} .mgtop15{margin-top:15px} .mgtop20{margin-top:20px} .mgtop25{margin-top:25px} .mgtop30{margin-top:30px} /* Margin Bottom ----------------------------------------------- */ .mgbott0{margin-bottom:0} .mgbott5{margin-bottom:5px} .mgbott10{margin-bottom:10px} .mgbott15{margin-bottom:15px} .mgbott20{margin-bottom:20px} .mgbott25{margin-bottom:25px} .mgbott30{margin-bottom:30px} /*Margin Right */ .mgright5{margin-right:5px} .mgright10{margin-right:10px} .mgright15{margin-right:15px} .mgright20{margin-right:20px} .mgright25{margin-right:25px} /* Buttons */ button.button::-moz-focus-inner{padding:0; border:0}/* FF Fix */ button.button{-webkit-border-fit:lines;float:left; display:block; width:auto; border:0; padding:0; margin:0; font-size:14px; text-align:center; white-space:nowrap; background-color:#f25448; color:#FFF; cursor:pointer; overflow:hidden; border-radius:4px; -webkit-transition:color 0.4s ease-in-out,background-color 0.4s ease-in-out,box-shadow 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out,background-color 0.4s ease-in-out,box-shadow 0.4s ease-in-out; -ms-transition: color 0.4s ease-in-out,background-color 0.4s ease-in-out,box-shadow 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out,background-color 0.4s ease-in-out,box-shadow 0.4s ease-in-out; transition:color 0.4s ease-in-out,background-color 0.4s ease-in-out,box-shadow 0.4s ease-in-out} button.button:hover{ background-color:#2E8894; -webkit-box-shadow:inset 0 -4px 0 rgba(0,0,0,0.3); box-shadow:inset 0 -4px 0 rgba(0,0,0,0.3)} button.button span span{padding:0 25px; height:42px; line-height:42px} button.button.btn-inline span span, .product-view .box-tags .form-add button.button span span{padding:0 15px} button.button.btn-inline span span{line-height:36px; height:34px} /* Big button:Add to cart (product view) &Proceed to checkout -------------------------------------------------------------- */ .product-view .product-shop .btn-cart span span, button.btn-checkout span span{padding:4px 24px; font-size:1.1666em; height:auto} button.btn-cart{float:none; margin:0 auto} button.btn-checkout, div.alert a.cart{background-color:#2E8894; border-radius:4px} button.btn-checkout:hover, div.alert a.cart:hover{background-color:#f25448} .button.btn-proceed-checkout.btn-checkout{float:right; margin-bottom:10px} /*Page Titles Before After*/ .bfafhead h2:before, .bfafhead span:before { background:#d9e3e8; content:""; display:inline-block; height:2px; margin:0 5px; right:10px; vertical-align:middle; width:20%} .bfafhead h2:after, .bfafhead span:after { background:#d9e3e8; content:""; display:inline-block; height:2px; margin:0 5px; vertical-align:middle; width:20%} .bfafhead span { text-transform:uppercase; margin-bottom:10px; display:block; } .bfafhead h2, .bfafhead span { width:100%} .col-right .bfafhead h2:before, .col-right .bfafhead h2:after { content:initial;} /* Specific buttons set -------------------------------------------------------------- */ /* Log in */ .account-login .buttons-set button span span, /* Create account */ .account-create .buttons-set button span span, /* Forgot password */ .customer-account-forgotpassword .buttons-set button span span, /* Orders and Returns form */ #oar_widget_orders_and_returns_form .buttons-set button span span, /* Contact us */ .contacts-index-index .buttons-set .button span span{min-width:120px} /* Form*/ p.control input.checkbox, p.control input.radio{margin-right:6px} /* Form lists */ /* Grouped fields */ .form-list li{margin:0 0 15px} .form-list label{float:left; font-size:1.222em; /*14px*/ line-height:1.222em; position:relative; z-index:0; margin:0 0 8px 0} .form-list label.required{} .form-list label.required em{float:right; font-style:normal; position:absolute; top:0; right:-8px} .form-list li.control label{float:none} .form-list li.control input.radio, .form-list li.control input.checkbox{margin-right:6px} .form-list li.control .input-box{clear:none; display:inline; width:auto} .form-list .input-box{display:block; clear:both} .form-list .field{float:left; /*width:275px; */ width:49%; margin-bottom:8px} .form-list .field+.field{float:right} .form-list input.input-text{/*width:262px; */ width:100%; /*244px; */} .form-list textarea{/*width:244px; */width:100%; height:10em} .form-list select{/*width:262px; */width:100%} .form-list li.additional-row{border-top:1px solid #E4E4E4; margin-top:10px} .form-list li.additional-row .btn-remove{float:right; margin:5px 0 0} .form-list .input-range input.input-text{width:74px} /* Customer */ .form-list .customer-name-prefix { display:flex; } .form-list .customer-name-prefix .input-box{width:auto} .form-list .name-prefix{ width:55px; margin-right:10px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-prefix .name-lastname{flex-grow:1;} .form-list .customer-name-prefix .name-lastname { margin-right:10px; } /* Fieldset -------------------------------------------------------------- */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set{margin:0 0 10px; padding:0} .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend{} /* Buttons set -------------------------------------------------------------- */ .buttons-set{clear:both; margin:10px 0} .buttons-set button.button{float:right; margin-right:5px; margin-bottom:5px} .buttons-set p.required{margin:0 5px 5px 0} .contacts-index-index .buttons-set{float:right; margin-top:-10px} .contacts-index-index .buttons-set .required{text-align:left} .buttons-set .back-link{float:left; margin-bottom:5px} .buttons-set .back-link a, div.alert a{ display:block; line-height:40px; /* Icon size */ padding:0 25px; font-size:14px; text-align:center; white-space:nowrap; background-color:#f25448; color:#FFF; border-radius:4px} .buttons-set .back-link a:hover, div.alert a:hover{ background-color:#2E8894; color:#FFF} .buttons-set .back-link small{display:inline-block; margin-right:5px} .buttons-set .back-link:hover small{} /* Form Validation -------------------------------------------------------------- */ .validation-advice{clear:both; font-size:0.9166em; line-height:1em; color:#cb2700; margin-top:5px} .validation-failed{border:1px solid #cb2700 !important; background:#fff !important} .validation-passed{} /* Required */ p.required{font-size:1em; /*12px*/ text-align:right} p.required, .product-options dt label.required em, .form-list label.required em{color:#cb2700} /* Global site notices */ .success{color:#27ae60; font-weight:bold} .error{color:#cb2700; font-weight:bold} .notice{color:#2980b9} .messages, .messages ul{list-style:none !important; margin:0; padding:0} .messages{overflow:hidden; margin:0 0 10px} .messages li{margin:0 0 20px} .messages li li{margin:0} .messages a{text-decoration:underline} .error-msg, .success-msg, .note-msg, .notice-msg{ padding:26px 25px 26px 20px !important; margin-bottom:20px; border: 1px solid transparent; border-radius:4px; font-size:14px; list-style:none} .error-msg{border-color:#ebccd1; background-color:#f2dede; color:#a94442} .success-msg{border-color:#d6e9c6; background-color:#dff0d8; color:#3c763d} .note-msg, .notice-msg{ border-color:#bce8f1; background-color:#d9edf7; color:#31708f} /* BreadCrumbs*/ .breadcrumbs{background-color:#EAEDF2; float:left; width:100%; height:60px; line-height:59px} .breadcrumbs li{display:inline-block; font-size:1.05em;} .breadcrumbs li span{margin-left:5px} .breadcrumbs li strong{font-weight:300; display:block; color:#696e6e} .breadcrumbs .mpx-arr-thin-right{vertical-align:middle; margin-right:3px} .breadcrumbs.bctp_width{ background:transparent !important} .breadcrumbs.bctp_width .bctp_bgcolor{ background:#EAEDF2; border-radius:4px; -webkit-border-radius:4px; margin-top:10px; padding:8px 0 8px 20px; } /* Toolbar:pager and sorter*/ /* Sorter -------------------------------------------------------------- */ .sorter{padding:0 0 0} /* View mode */ .sorter .view-mode{float:left; margin-right:15px} .sorter .view-mode label{} .sorter .view-mode .grid, .sorter .view-mode .list{display:inline-block; vertical-align:middle; font-family:neoshop; margin:0 0 0 1px; overflow:hidden; font-size:1.1em; font-weight:normal} /* Sort by */ .sorter .sort-by{float:left; margin-right:15px} .sorter .sort-by .category-asc, .sorter .sort-by .category-desc{display:inline-block; overflow:hidden} /* Pager -------------------------------------------------------------- */ .pager{margin:10px 0;} .pager .pages{float:right; vertical-align:middle} .pager .pages strong, .pager .pages span{float:left; margin-right:5px; font-weight:normal} .pager .pages ol{display:inline-block; vertical-align:middle; border:1px solid #eaedf2; background:#f3f5f6; border-radius:4px; -webkit-border-radius:4px} .pager .pages li{float:left; margin:0; display:block; text-align:center; border-right:1px solid #eaedf2} .pager .pages li.pager-last{border:none; border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0} .pager .pages li.pager-first{border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px} .pager .pages li a{display:block} .pager .pages li:hover, .pager .pages li.current{background:#f25448; color:#FFF} .pager .pages li a.previous, .pager .pages li a.next{ font-size:1.444em; overflow:hidden; line-height:1; padding:4px} .pager .pages li a:hover{color:#FFF} .toolbar{position:relative; border-bottom:1px solid #e4e4e4} /* Pager inside toolbar - align center */ .toolbar .pager{margin:0; text-align:center; float:right} .toolbar .pager .pages{display:inline-block} /* Bottom toolbar */ .toolbar-bottom{margin-top:30px; clear:both} .toolbar-bottom .toolbar{border-bottom:none; border-top:1px solid #e4e4e4; padding-top:5px} .toolbar-bottom .sorter .view-mode, .toolbar-bottom .sorter .sort-by{display:none} /* Common styles for toolbar elements -------------------------------------------------------------- */ /* Size */ .sorter, .pager{line-height:30px; font-size:14px} .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li{width:30px; height:30px; line-height:30px} .sorter .view-mode .grid, .sorter .view-mode .list{background-color:#ECF0F1; border-radius:4px; text-align:center} .sorter .sort-by .category-asc, .sorter .sort-by .category-desc{font-size:18px; line-height:35px; text-align:center} .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover{color:#f25448} .sorter .view-mode .grid:hover, .sorter .view-mode .list:hover, .sorter .view-mode .grid-mode-active, .sorter .view-mode .list-mode-active{background-color:#f25448; color:#FFF} /* Amount */ .sorter .amount{float:left; margin-right:20px} .sorter .amount.no-pager{float:right} /* Limiter */ .sorter .limiter{float:left; margin-right:5px} /* All elements - vertical spacing */ .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by{padding-top:5px; padding-bottom:5px} /*Style Dropdown label*/ .limiter label, .sort-by label{float:left} /*Style Dropdown*/ .limiter .dropdown, .sort-by .dropdown{height:30px; border:1px solid #eaedf2; line-height:30px; font-size:12px; float:left; margin-right:5px; text-align:left; -webkit-box-shadow:0 1px 0 0 #FFF inset; -moz-box-shadow: 0 1px 0 0 #FFF inset; box-shadow: 0 1px 0 0 #FFF inset} .limiter .dropdown-toggle .value, .sort-by .dropdown-toggle .value{ background:url(../images/link-separator.png) right center no-repeat; padding-right:10px; margin-right:5px} .limiter .dropdown-toggle, .sort-by .dropdown-toggle{padding:0 10px} .limiter .dropdown .icon-flag, .sort-by .dropdown .icon-flag{width:auto; height:auto; padding-right:0} .dropdown .icon-flag .up{display:none} .dropdown .icon-flag .down{display:block} .dropdown:hover .icon-flag .up{display:block} .dropdown:hover .icon-flag .down{display:none} /*Style Dropdown Menu*/ .limiter .dropdown .dropdown-menu, .sort-by .dropdown .dropdown-menu{border:1px solid #eaedf2; border-top:none; min-width:100%; margin-top:-3px; padding:0; left:-1px; border-radius:0 0 3px 3px} .limiter .dropdown .dropdown-menu a, .sort-by .dropdown .dropdown-menu a{padding:5px 10px; display:block} /*Style Hover*/ .limiter .dropdown:hover, .sort-by .dropdown:hover{background-color:#FFF} .limiter .dropdown:hover .dropdown-toggle, .sort-by .dropdown:hover .dropdown-toggle{color:#2E8894} .limiter .dropdown .dropdown-menu a:hover, .sort-by .dropdown .dropdown-menu a:hover{background-color:#ECF0F1} /* Data Table*/ .data-table .product-name{font-weight:600; font-size:1.1111em; line-height:1.1111em} .data-table{width:100%} .data-table th, .data-table td{padding:20px; text-align:left !important; border-bottom:1px solid #e5e5e5; font-weight:300} .data-table td{font-size:14px} .data-table thead{background:none} .data-table thead th{vertical-align:bottom; font-size:1.3333em; line-height:1.3333em; font-weight:300} .data-table thead th.wrap{white-space:normal} .data-table tr th.last, .data-table tr th:last-child{border-right:none} .data-table tr.odd td.last{border-right:none} .data-table tr.even td.last{border-right:none} .data-table th .tax-flag{font-weight:normal} .data-table tfoot tr td{text-align:right !important} .data-table tfoot tr.last td{border-bottom:none} .data-table tfoot td.last{border-right:none; text-align:left !important} /* Additional classes for mobile devices -------------------------------------------------------------- */ /* Cell title */ .data-table .cartlabel{display:none} /* Generic Info Box */ .info-box{background:#fff; border:1px solid #E4E4E4; padding:12px 15px; margin:0 0 15px} .info-box h2{font-weight:bold} .info-table th{font-weight:bold; padding:2px 15px 2px 0} .info-table td{padding:2px 0} tr.summary-total{cursor:pointer} tr.summary-total td{} tr.summary-total .summary-collapse{float:right; text-align:right; padding-left:20px; background:url(../images/default-icon/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer} tr.show-details .summary-collapse{background-position:0 -53px} tr.show-details td{} tr.summary-details td{font-size:11px; background-color:#ECF0F1; color:#777; padding:2px 5px !important} tr.summary-details-first td{border-top:1px solid #d5d5d5} tr.summary-details-excluded{font-style:italic} /* Shopping cart tax info*/ .cart-tax-info{display:block} .cart-tax-info, .cart-tax-info .cart-price{padding-right:20px} .cart-tax-total{display:block; padding-right:20px; background:url(../images/default-icon/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer} .cart-tax-info .price, .cart-tax-total .price{display:inline !important; font-weight:normal !important} .cart-tax-total-expanded{background-position:100% -53px} /* Misc*/ .link-cart{font-weight:bold} .link-reorder{font-weight:bold} .link-print:before{padding-right:10px; font-family:neoshop; font-size:1.2em} .cards-list dt{margin:5px 0 0} .cards-list .offset{padding:2px 0 2px 20px} .separator{margin:0 3px; font-weight:normal; color:#E4E4E4} .divider{clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#E4E4E4; text-indent:-9999em; overflow:hidden} /* Global site notices -------------------------------------------------------------- */ /* Obsolete:*/ .global-site-notice{background:#ECF0F1; color:#333} .global-site-notice .notice-inner{max-width:66%; margin:0 auto; padding:10px 0 10px 80px; background:url(../images/alert-icon/i_msg-note.png) 20px center no-repeat; text-align:left} .global-site-notice .notice-inner p{width:80%; margin:0; padding:10px 10px 10px 0; display:inline-block; vertical-align:middle} .global-site-notice .notice-inner .actions{display:inline-block; vertical-align:middle} #amgdpr-cookie-block { width:350px; left:10px; bottom:10px; border:1px solid #ddd; border-radius:4px; } #amgdpr-cookie-block .img-header { text-align:center; margin-bottom:10px; } #amgdpr-cookie-block .notice-inner { background:none; padding:15px; max-width:none; } #amgdpr-cookie-block .notice-inner button { margin-right:20px; font-weight:bold; } /* Common styles for buttons -------------------------------------------------------------- */ .btn-remove:before, .btn-remove2:before, .btn-edit:before, .link-wishlist:before{width:17px; height:17px; line-height:17px; overflow:hidden; font-family:neoshop; font-size:18px; text-align:center} .btn-remove, .data-table .link-wishlist, .btn-edit{ display:block} /* Class:std */ .std .subtitle{padding:0} .std ol.ol{list-style:decimal outside; padding-left:1.5em} .std dl dt{font-weight:bold} .std dl dd{margin:0 0 10px} .std dl, .std p, .std address, .std blockquote{margin:0 0 7px; padding:0} /* Unordered lists -------------------------------------------------------------- */ /* Common basic styling */ ul.bullet, ul.disc{margin:0 0 1em; padding:0} /* Disc */ ul.disc{list-style:disc outside none; padding-left:1.5em} ul.disc li{background-image:none; padding-left:0} /* Bullet */ ul.bullet{list-style:none outside none} ul.bullet li a:before{ float:left; font-family:neoshop; font-size:16px; line-height:20px} /* Nested unordered lists -------------------------------------------------------------- */ ul.bullet ul, ul.disc ul{margin-top:0.5em; margin-bottom:0.5em} ul.bullet li a, ul.disc li a{display:block; padding:5px 0} /* Separator -------------------------------------------------------------- */ ul .separator{border-bottom:1px solid #fff; margin:8px 1px; overflow:hidden} ul.separator li a{ padding:10px 0; border-bottom:1px solid #404852} ul.separator li:last-child a, ul.separator li.last a{border-bottom:none} ul.separator li.first a{ padding-top:0} ul.footer-nobullet li a{display:block; padding:4px 0} /* Unordered list without any bullets */ .std ul.no-bullets{list-style:none outside none !important; padding-left:0 !important} .std ul.no-bullets li{background-image:none !important; padding-left:0 !important} /* Ordered lists */ .std ol{list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em} .std ol ol, .std ul ol, .std ol ul{margin:0.5em 0} .std dt{font-weight:bold} .std dd{padding:0 0 0 1.5em} .std blockquote{font-style:italic; padding:0 0 0 1.5em} .std address{font-style:normal} .std b, .std strong{font-weight:bold} .std i, .std em{font-style:italic} .std .products-grid p{margin-bottom:0} /* Category Block*/ .category-block-section{display:block; margin-top:0; margin-bottom:25px; position:relative; clear:both} .center-block{display:block; margin:0 auto; text-align:center} /*Remove Bottom Margin Full Width Block*/ .full-width-block .category-block-section{margin-bottom:0} .full-width-block.full img{width:100%} /* Header container*/ .header-container .logo, .header-container4 .logo{max-width:420px} .header-container .header-topcontainer{background:transparent; padding:3px 0} .header-container .top-links .links >li >a{border-radius:4px} .header-container .top-links .links >li >a:hover{background:#2E8894; color:#FFF} .header-container .block.compare, .header-container .shopping_cart{margin-top:4px} .nav-maincontainer.fixed{position:fixed; z-index:998; top:0} .nav-maincontainer .title img { width:auto; max-width:100%; } #menu-button:after, .parentMenu:after { display:none !important; } .header-topcontainer{float:left; width:100%; background:#2a3744; color:#969b9b} .header-top{line-height:2.5em} .wel-text a{color:#f25448} .wel-text a:hover{text-decoration:underline} /* Main Header*/ .header-maincontainer { padding:25px 0 15px 0; width:100%; background:#FFF; } /* logo*/ .logo{ width:420px; float:left; } .logo strong{display:none} /* Mini-cart*/ .block.wishlist.dropdown, .block.compare.dropdown, .shopping_cart.dropdown{width:42px; height:42px; line-height:48px; text-align:center; background-color:#f25448; color:#FFF} .block.wishlist.dropdown:hover .count, .block.compare.dropdown:hover .count, .shopping_cart.dropdown:hover .count{background-color:#f25448} .after-mini-cart{clear:both} .block-compare.dropdown-menu, #cart-listing{color:#5E6D82} /* Quick search*/ .quick-search{z-index:2; float:right; height:40px} #search_mini_form{clear:both; display:block; position:relative} #search_mini_form label{float:left; margin:3px 4px 0 0; display:none} .form-search{float:right; position:absolute; right:0; width:350px} .form-search .input-text{display:block; overflow:hidden; text-overflow:ellipsis; background-color:transparent; width:100%; border:none;} .form-search button{top:0; right:0; position:absolute; width:40px; height:40px; text-align:center} .search-button{cursor:pointer; display:block; font-size:30px; padding:6px} .header-container .form-search .input-text{height:39px} select.ajaxsearch-category-select, select.ajaxsearch-category-select:focus, .form-search .input-text, .form-search .input-text:focus{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none} /* AJAX Search autocomplete */ .form-search .search-autocomplete{left:0 !important; /*Fix for IE*/top:42px !important; position:relative; z-index:4100 !important} .form-search .search-autocomplete ul{background-color:#fff; text-align:left; padding:3px} .form-search .search-autocomplete li{padding:3px 5px; cursor:pointer; line-height:24px} .form-search .search-autocomplete li:hover{} .form-search .search-autocomplete li .amount{float:right; padding-left:5px} .form-search.ajaxsr .input-text{width:80%!important} .ajaxsearch-category-select{ margin:0!important; width:120%!important; font-size:18px; padding:15px; height:60px; border:none;} .autocomplete > div > p { max-width:68%; display:inline-block; } .autocomplete-w2 .autocomplete div { padding:5px; border-bottom:1px solid #eee; } .autocomplete .ajaxsearch-price { float:right; clear:none; margin-top:5px; color:#d03a0c; font-size:16px; } .autocomplete .ajaxsearch-price:after { content:' TTC'; font-size:0.70em; } /*noinspection ALL*/ select.ajaxsearch-category-select{ text-indent:0.01px; text-overflow:""; background:url("../images/arr-down.png") no-repeat scroll 80% 50% rgba(0,0,0,0); appearance:none; -moz-appearance:none; /* Firefox deprecated after Firefox 30.0*/ -webkit-appearance:none; /* Safari and Chrome */} .custom-search-select{ float:left; overflow:hidden; width:20% !important} /*Headers Search Style */ .header-container4 .search-button{display:none!important} .header-container4 .form-search{ width:100%; border:2px solid #eaedf2; position:relative; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none} .header-container4 .quick-search{ float:none; height:auto; margin:0; padding:15px; position:relative; width:100%} .header-container4 .ajaxsearch-category-select, .header-container4 .form-search.ajaxsr .input-text{ height:45px; font-size:1.2em!important} .header-container4 .ajaxsearch-category-select{padding-left:10px} .header-container4 .form-search button{ height:49px; width:49px; top:-2px; right:-2px; border-radius:0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0} .header-container4 .custom-search-select{border-right:2px solid #eaedf2; width:25%!important} .header-container4 .form-search.ajaxsr .input-text{width:75%!important} /* nav top */ .nav-maincontainer{ width:100%; } .header-container4 .block.wishlist.dropdown { display:none; } .header-container4 .block.wishlist.dropdown, .header-container4 .block.compare.dropdown, .header-container4 .shopping_cart.dropdown{background:transparent!important; width:45px; height:45px; line-height:52px; border:2px solid #eaedf2; color:#f25448} .header-container4 .block.wishlist.dropdown .icon, .header-container4 .block.compare.dropdown .icon{font-size:28px} .header-container4 .shopping_cart.dropdown .icon{font-size:34px} .header-container4 .block.wishlist.dropdown:hover, .header-container4 .block.compare.dropdown:hover, .header-container4 .shopping_cart.dropdown:hover{color:#2E8894; background:transparent} .header-container4 .form-search button.button span{font-size:1.7em; text-indent:1px} .header-container4 .toplinks.dropdown:hover .dropdown-toggle, .header-container4 .toplinks.dropdown:hover, .header-container4 .toplinks .dropdown-menu{background:#333; color:#fff} /* Sidebar Blocks*/ .block{margin:0 0 30px} .block .block-title{background-color:#2a3744; border-radius:4px 4px 0 0; padding:8px 20px; border-bottom:1px solid #E4E4E4} .block .block-title strong{font-weight:inherit; color:#FFF} .block .block-title a{text-decoration:none !important} .block .block-subtitle{margin:5px 0 10px; padding:0} .block .block-content{padding:20px; border-radius:0 0 4px 4px} .block .block-content li{padding:5px 0} .block .block-content li.item{border-bottom:1px solid #E4E4E4; padding:9px 0} .block .block-content li.item.last, .block .block-content li.item:last-child{border-bottom:none} .block .block-content li.item .product-name{padding-bottom:0} .block .btn-remove{float:right} .block .btn-edit{float:right} .block .actions{margin:10px 0 0 0; padding:10px 0 0; border-top:1px solid #E4E4E4; text-align:right} .sidebar .block .block-content .block-title{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} /* Mini Products List*/ .mini-products-list li{padding:10px 0; border-bottom:1px solid #eee;} .mini-products-list li:last-child{border-bottom:0;} .mini-products-list .product-image { float:left; width:80px; } .mini-products-list .product-details{margin-left:89px; text-align:left} .mini-products-list .product-details h4{font-size:1em; font-weight:bold; margin:0} .mini-products-list .product-details .ratings {margin: 3px 0;height: 17px;} #bestsellers-sidebar .mini-products-list .product-details .ratings { height:auto; margin:0; } #bestsellers-sidebar .mini-products-list .product-details .ratings .rating-box { float:none; } /* Common styling for mini list and cross-sell list */ .cart .crosssell .product-image, .data-table.cart-table .product-image, .mini-products-list .product-image{overflow: hidden;} .cart .crosssell .product-image img, .data-table.cart-table .product-image img, .mini-products-list .product-image img{border-radius: 4px;-webkit-border-radius: 4px; -webkit-transition: -webkit-transform 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;} .data-table.cart-table .product-image img:hover, .mini-products-list .product-image img:hover, .cart .crosssell .product-image img:hover{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} .mini-products-list .product-name{/*overflow:hidden; white-space:nowrap; text-overflow:ellipsis; */margin-bottom:2px}/*Single Line Name*/ .mini-products-list .price-box{padding:0 0 5px} .mini-products-list .price-box .price-label{display:none} .mini-products-list .product-details .old-price {float: left; margin-right: 5px;} /* Block:Account*/ .block-account li >*{display:block} .block-account li strong{font-weight:normal; color:#f25448} /* Block:Wishlist*/ .block-wishlist li.item .btn-remove{margin-left:5px} /* Block:Related*/ .block-related .page-title h2{ font-size:1.667em; font-weight:600} .block-related .block-subtitle{display:none; float:right; padding:5px; margin:-20px 0 0; font-weight:normal} .block.block-related .block-content{padding:0} .block-related:hover .block-subtitle{display:block; background-color:#fff} .block-related input.related-checkbox{float:right; margin:-13px 0 0 10px; position:relative} .block-related-thumbnails .product-image{float:left; margin-bottom:10px} .block-related-thumbnails .product-details{margin-left:110px} .block-related-thumbnails .product-details >*{margin-bottom:5px} .block-related-thumbnails .product-name, .block-related-thumbnails .related-add-to-wishlist{font-size:1em; line-height:1.25em; font-family:inherit; font-weight:inherit; display:inline-block} .block-related-thumbnails .price-box{font-size:1em; line-height:1.25em} .block-related-thumbnails .checkbox{float:left; margin:2px 5px 0 0} /* Block:Compare Products*/ .compare-table{border:0; margin-bottom:20px} .compare-table .btn-remove:before{margin-right:5px} .compare-table tr.add-to-row td{text-align:left} .compare-table tr.first td{text-align:left} .compare-table tr td, .compare-table tr th{font-size:14px} .compare-table tr.first td .product-name{font-family:inherit; font-size:1.1666em; font-weight:300; margin:10px 0} .compare-table tr.first td .ratings{width:145px; margin:10px 0} .compare-table .price-box{margin:10px 0; line-height:15px} .compare-table .price-box .price{font-weight:500} .compare-table .product-image img{display:block} .compare-table .add-to-links{margin-top:5px} .compare-table .add-to-links li{float:none; margin:10px 0 0; font-size:13px} .compare-table a.link-wishlist{overflow:visible; text-indent:0; background:none; display:inline; border:none} /* Block:Compare*/ .block-compare .product-name{overflow:hidden; white-space:nowrap; text-overflow:ellipsis}/*Single Line Name*/ /* Block:Reorder*/ .block-reorder input.checkbox{float:left; margin:2px -20px 0 0} .block-reorder .product-name{margin-left:20px} .block-reorder .validation-advice{margin:3px 9px 7px} /* Block:Banner*/ .block-banner{} .block-banner .block-content{text-align:center} /* Block:Login*/ .block-login label{font-weight:bold} .block-login input.input-text{display:block; width:167px; margin:3px 0} /* Quick View */ .quick-view{ position:absolute; top:0; bottom:0; height:40px; left:0; right:0; margin:auto; text-align:center; line-height:40px; display:inline-block} .quick-view .mpx-info { font-size:30px; } .quick-view .mpx-info:before { position:relative; top:3px; } /* Products grid:basic styles -------------------------------------------------------------- */ /*Product Item*/ .products-grid { display:flex; flex-wrap:wrap; } .products-grid.itemsgrid { display:block; } .products-grid .item, .products-list .item{/*border:1px solid #ddd;*/ border-radius:4px; background-color:#FFF; /*overflow:hidden*/} .products-list .item .product-image-wrapper > div { position:relative; } .products-grid .item{flex:0 0 calc(25% - 12px); margin:10px 5px;transition:box-shadow 0.3s ease-out; -moz-transition:box-shadow 0.3s ease-out; -webkit-transition:box-shadow 0.3s ease-out; -o-transition:box-shadow 0.3s ease-out} .products-grid .item:hover{ box-shadow:3px 3px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 3px 3px 0 rgba(0,0,0,0.1); -moz-box-shadow: 3px 3px 0 rgba(0,0,0,0.1); -ms-box-shadow:3px 3px 0 rgba(0,0,0,0.1); -o-box-shadow: 3px 3px 0 rgba(0,0,0,0.1)} .col-right.sidebar .products-grid .item { flex:0 0 100%; } .products-grid .item:hover{z-index:10} /*Product Image*/ .products-grid .product-name{margin:0 0 0; padding:0} .products-grid .product-image{display:block; position:relative; margin-left:auto; margin-right:auto} .products-grid .item .product-image-wrapper img { width:100%; } .products-grid .product-image img{border-radius:4px} /*Product Content*/ .products-grid .product-content-wrapper{ padding:15px 10px 20px; width:100%; display:inline-block; min-height:164px; } .products-grid .price-rating{width:100%; margin:0 0 0} .products-grid .price-box{margin:10px 0 0} .products-grid .price-box p{display:inline-block; margin-bottom:0} .products-grid .price-box .price-label{display:none} .products-grid .ratings{margin:10px 0 0} .products-grid .ratings .rating-box{margin-right:5px; margin-top:-2px; float:left; display:inline-block} .products-grid .rating-links{display:none} .products-grid .actions{margin:10px 0 0} .products-grid .availability{float:none; margin:5px 0} .products-grid button.button{margin-top:13px} .products-grid button.button span span{padding:0 20px} .products-grid .add-to-links{margin:13px 0 0} /* Display grid item elements only on hover -------------------------------------------------------------- */ .products-grid .item .display-onhover{display:none} .products-grid .item:hover .display-onhover{display:block} .visible-onhover{ visibility:hidden; opacity:0; transition:visibility 0s ease-in-out 0.1s,opacity 0.2s ease-in-out 0ms; -moz-transition:visibility 0s ease-in-out 0.1s,opacity 0.2s ease-in-out 0ms; -webkit-transition:visibility 0s ease-in-out 0.1s,opacity 0.2s ease-in-out 0ms; -o-transition:visibility 0s ease-in-out 0.1s,opacity 0.2s ease-in-out 0ms} .products-grid .item:hover .visible-onhover, .products-list .item:hover .visible-onhover, .dropdown:hover .visible-onhover, div.menu.active a .visible-onhover, #search_mini_form:hover .visible-onhover, #nav li.parent.over .visible-onhover{ visibility:visible; opacity:1; transition:visibility 0s ease-in-out 0s,opacity 0.2s ease-in-out 0.2s; -moz-transition:visibility 0s ease-in-out 0s,opacity 0.2s ease-in-out 0.2s; -webkit-transition:visibility 0s ease-in-out 0s,opacity 0.2s ease-in-out 0.2s; -o-transition:visibility 0s ease-in-out 0s,opacity 0.2s ease-in-out 0.2s} .hide-onhover {visibility:visible; opacity:1; transition:visibility 0.2s ease-in-out,opacity 0.3s ease-in-out; -moz-transition:visibility 0.2s ease-in-out,opacity 0.3s ease-in-out; -webkit-transition:visibility 0.2s ease-in-out,opacity 0.3s ease-in-out; -o-transition:visibility 0.2s ease-in-out,opacity 0.3s ease-in-out} .products-grid .item:hover .hide-onhover, .products-list .item:hover .hide-onhover{ visibility:hidden; opacity:0; transition:visibility 0.1s ease-in-out,opacity 0.3s ease-in-out; -moz-transition:visibility 0.1s ease-in-out,opacity 0.3s ease-in-out; -webkit-transition:visibility 0.1s ease-in-out,opacity 0.3s ease-in-out; -o-transition:visibility 0.1s ease-in-out,opacity 0.3s ease-in-out} /* Common styles for View Types:List&Grid*/ .products-grid .product-image-wrapper, .products-list .product-image-wrapper{ position:relative; text-align:center} .products-list .product-image-wrapper { width:31%; margin-right:15px; } /* Product Name ------------------------------------*/ .products-list .product-name, .products-grid .product-name, h3.product-name { line-height:1.33em; /*16px 20px*/ overflow:hidden; text-overflow:ellipsis} /* Product Price ------------------------------------*/ .products-grid .price-box, .products-list .price-box{ font-size:1.15em; line-height:1.15em; text-align:center; } .products-list .price-box .discount-label { text-align:right; } .home-blocks .products-grid .price-box { text-align:left; } /* Sale New Icon*/ .sale, .new{ position:absolute; top:5px; z-index:1} .sale{ left:5px; color:#f25448; -moz-transform:rotate(-20deg); -webkit-transform:rotate(-20deg); -o-transform:rotate(-20deg); -ms-transform:rotate(-20deg); transform:rotate(-20deg)} .new{ right:5px; color:#2E8894; -moz-transform:rotate(15deg); -webkit-transform:rotate(15deg); -o-transform:rotate(15deg); -ms-transform:rotate(15deg); transform:rotate(15deg)} .new .mpx-badge-new1, .sale .mpx-sale2{ font-size:4em} .hidden .sale, .hidden .new{display:none} .custom-label{ position:absolute; background-color:#f25448; color:#fff; font-weight:700; width:40px; height:40px; line-height:40px; text-align:center; -webkit-border-radius:4px; border-radius:4px; z-index:199; top:10px} .custom-label:after{ background:padding-box #f25448; -webkit-border-radius:4px; border-radius:4px; bottom:0; content:""; display:block; left:0; position:absolute; right:0; top:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); z-index:-4} .custom-label.new-lbl{ background-color:#2E8894; right:10px} .custom-label.new-lbl:after{ background-color:#2E8894} .custom-label.sale-lbl{ left:10px} /* Category Label ------------------------------------*/ span.category-label{ padding:0 6px !important; font-size:12px; line-height:22px; background-color:#2E8894; color:#fff; text-transform:capitalize; position:absolute; border-radius:4px} span.category-label:before{ position:absolute; width:0; height:0; content:""; border-style:solid; border-width:4px; border-color:transparent; transition:border-color 450ms ease-in-out; -moz-transition:border-color 450ms ease-in-out; -webkit-transition:border-color 450ms ease-in-out; -o-transition:border-color 450ms ease-in-out} div.menu a span.category-label, .nav-container #nav a span.category-label{ top:-14px; left:inherit; right:inherit} div.menu a span.category-label:before, .nav-container #nav a span.category-label:before{ left:6px; top:22px; border-top-color:#2E8894} div.wp-custom-menu-popup a.itemMenuName span.category-label{ position:inherit} /*Label Margin Left Side*/ .menu-mobile .parentMenu a span.category-label, #sidebar-navigation li a span.category-label, div.wp-custom-menu-popup a.itemMenuName span.category-label{ margin-left:5px} /*Product Content*/ .products-grid.centered .item{ text-align:center} .products-grid.centered .add-to-links .separator{display:initial; margin:0 2.5% 0 1.5%} .products-grid.centered .add-to-links{clear:both} .products-grid.centered .ratings{ bottom:2px; left:0; position:absolute; right:0; margin:0} .products-grid.centered .item:hover{ margin-bottom:-30px} .products-grid.centered .item:hover .add-to-links{ position:relative; visibility:visible} .products-grid.centered .add-to-links{ position:absolute; visibility:hidden} /* Product image*/ .products-list .product-image .thumbnail, .products-grid .product-image .thumbnail{position:absolute; top:0; left:0; display:none; right:0; margin:0 auto; opacity:1 !important} .products-grid .item:hover .product-image .thumbnail, .products-list .item:hover .product-image .thumbnail{display:inline !important} .products-grid .item:hover .product-image .small-image, .products-list .item:hover .product-image .small-image{visibility:hidden; opacity:0; filter:alpha(opacity="0")} .products-list .product-image img, .products-grid .product-image img {-moz-transform:translateZ(0)} .special-price .price, .regular-price .price, .full-product-price .price { color:#d03a0c !important; } /* Product view elements */ /* Rating*/ .ratings, .no-rating{line-height:1.0833em; margin:15px 0 15px} .no-rating{margin:0} .ratings a{line-height:1.0833em} .ratings strong{float:left; margin:1px 5px 0 0} .ratings .rating-links .separator{display:inline-block; width:1px} .rating-box{width:66px; height:13px; font-size:0; line-height:0; background:url(../images/ratings.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden} .rating-box .rating{float:left; height:13px; background:url(../images/ratings.png) 0 100% repeat-x} .ratings .rating-box{float:left; margin-right:8px;} .rating-info { font-size:12px; line-height:12px; } .products-list .ratings .rating-box { margin-top:-2px; } .ratings .amount{white-space:nowrap; font-size:10px; text-transform:uppercase} .ratings-table th, .ratings-table td{line-height:1.1666em; /*14px*/ padding:3px 0} .ratings-table th{padding-right:8px} /* Availability */ .availability{margin:0} .availability span{} .availability.in-stock span{color:#27ae60} .availability.out-of-stock span{color:#cb2700} .product-view .product-shop .availability span{font-weight:normal} /* Email to a Friend */ .email-friend{margin:0; display:table-cell; vertical-align:middle; text-align:right} .email-friend a{} /* Product Prices*/ .price{white-space:nowrap !important} .price-box{margin:0} .price-box .price{} .price-box .price-label{} /* Common price */ .price-box .regular-price .price, .price-box .minimal-price .price{color:#f25448} /* Common labels */ .old-price .price-label, .special-price .price-label{white-space:nowrap} .old-price .price-label{display:none} /* Regular price */ .regular-price{} .regular-price .price{} /* Old price */ .old-price{margin:0; color:#717171;} .old-price .price{text-decoration:line-through} /* Special price */ .special-price{margin:0; padding:0; font-weight: 600;} .special-price .price, .special-price .price-label, .regular-price .price {color:#f25448; /* Override other color changes */} .special-price .price-excluding-tax .price{} /* Minimal price (as low as) */ .minimal-price{margin:0 0 5px} .minimal-price .price{} .minimal-price .price-label{white-space:nowrap} .minimal-price-link{display:block} .minimal-price-link .label{} .minimal-price-link .price{color:#f25448} /* Excluding tax */ .price-excluding-tax{display:block} .price-excluding-tax .label{white-space:nowrap} .price-excluding-tax .price{font-weight:normal} /* Including tax */ .price-including-tax{display:block} .price-including-tax .label{white-space:nowrap} .price-including-tax .price{} /* Configured price */ .configured-price{margin:0} .configured-price .price-label{font-weight:500; white-space:nowrap} .configured-price .price{font-weight:500} /* FPT */ .weee{display:block; font-size:11px} .weee .price{font-size:11px; font-weight:normal} /* Excl tax (for order tables) */ .price-excl-tax{display:block} .price-excl-tax .label{display:block; white-space:nowrap} .price-excl-tax .price{display:block} /* Incl tax (for order tables) */ .price-incl-tax{display:block} .price-incl-tax .label{display:block; white-space:nowrap} .price-incl-tax .price{display:block; font-weight:500} /* Price range */ .price-from{margin:0} .price-from .price-label{white-space:nowrap} .price-to{margin:0} .price-to .price-label{white-space:nowrap} /* Price notice next to the options */ .price-notice{margin-left:5px} .price-notice .price{padding-left:3px} /* Price as configured */ .price-as-configured .price-label{font-size:1.3333em; font-weight:500; text-transform:uppercase; white-space:nowrap} .price-box-bundle .price-box{margin:0 !important; padding:0 !important; border:none !important} /* Add-to links*/ .add-to-links .separator{display:none} .add-to-links li{float:left} .add-to-links{margin:0} .add-to-links.addto-links-icons span.icon{background-color:#2E8894; font-size:2em; color:#FFF; text-indent:-1px} .add-to-links.addto-links-icons span.icon:hover{background-color:#f25448} .addto-gaps-right li{margin-right:10px} /* If displayed in a group:add margin between icons */ .add-to-links.addto-links-icons .link-compare{margin-left:2px} /* If displayed on product image */ .item .addto-links-icons.addto-onimage{ right:-499px; bottom:1px; left:0; position:absolute; z-index:1; -webkit-transition:right 0.3s ease; -moz-transition:right 0.3s ease; -ms-transition:right 0.3s ease; -o-transition: right 0.3s ease; transition: right 0.3s ease} .item:hover .addto-links-icons.addto-onimage{right:0!important} .addto-links-icons.addto-onimage .icon{line-height:36px; width:31px; height:31px; font-size:1.667em!important} /*Remove Wishlist Iconic Font*/ div.add-to-links .link-wishlist:before{display:none} .discount-label { display:block; padding:0; font-size:14px; margin-bottom:10px; white-space: nowrap; text-align:right; } .discount-label .discount_a {position: relative; background: #12709b; border-right: 1px solid #E4E4E4; border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px;color: #fff !important;font-weight: 700;padding: 2px 10px; } .discount-label .discount_a:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(242, 84, 72, 0); border-left-color: #12709b; border-width: 7px; margin-top: -7px; } .discount-label .you-save { background: #fff;border:1px solid #E4E4E4; border-left:0; margin-left:-5px; padding:1px 5px 1px 15px; border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; } .discount-label .you-save .save_a{font-weight: 600; color:#0F5660; } .discount-label .you-save strong { font-size:14px; } /* Content Styles */ .product-name{margin:0; font-weight:300; font-size:1em} /* Advanced Search */ .advanced-search-summary{padding:10px 0; margin:10px 0} .advanced-search-summary ul{float:left; margin:0 4% 10px 0; width:46%} .advanced-search-summary li{margin:0 0 2px 0; font-size:1.25em} .advanced-search-summary strong{margin:0 5px 0 0} .advanced-search-summary p{clear:both; float:left; display:block; margin:0 0 0} /* Advanced Search - form */ .advanced-search .form-list label{padding-right:10px; width:140px} .advanced-search .form-list .input-box, .advanced-search .form-list .input-range{clear:none; float:left; /* Complex form fields (e.g. price range) require floating for correct layout */ width:100%} .catalogsearch-advanced-index .fieldset{margin-bottom:3px} .catalogsearch-advanced-index .buttons-set{padding-left:0} .catalogsearch-advanced-index .buttons-set button.button{float:left; margin:0} .catalogsearch-advanced-index .buttons-set button.button span span{padding-left:60px; padding-right:68px} /* Sitemap */ .page-sitemap .links{float:right; margin:0 0 5px; text-align:center} .page-sitemap .links a{text-decoration:none; position:relative} .page-sitemap .sitemap{margin:15px} .page-sitemap .sitemap li{margin:3px 0} .page-sitemap .sitemap li.level-0{margin:10px 0 0; font-weight:bold} .page-sitemap .sitemap li.level-0 a{} .page-sitemap .pager{clear:both} /* Account Login/Create Pages*/ .account-login .new-users, .account-login .registered-users{margin-bottom:20px; padding:20px; border-top:2px solid #f25448} .account-login p{margin-bottom:20px} .account-login p.required{margin:0} .account-login .buttons-set{clear:none; padding:0; margin:0} .registered-users .buttons-set, #login-form .new-users .buttons-set{background:#f3f5f6; border-radius:0 0 5px 5px; border-top:1px solid #eef0f1; margin:15px -20px -20px; padding:10px 20px 6px} /* Account Login/Create box elements - login page and checkout page */ .account-login .buttons-set button, #opc-login .buttons-set button{margin-left:0} .account-login .buttons-set a, #opc-login .buttons-set a{margin:4px 0 0} .my-account, .account-create{background:#FFF; padding:25px; border-radius:4px; box-shadow:0 0 8px 0 rgba(0,0,0,0.1); -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 0 8px 0 rgba(0,0,0,0.1); -ms-box-shadow:0 0 8px 0 rgba(0,0,0,0.1); -o-box-shadow:0 0 8px 0 rgba(0,0,0,0.1)} /* Remember Me Popup*/ .window-overlay{background:rgba(0,0,0,0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999} .remember-me label{float:none; margin:0 6px} .remember-me-popup{left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000} .remember-me-popup .remember-me-popup-head{position:relative} .remember-me-popup .remember-me-popup-close-button{display:none} /* Common styles for:Remember Me Popup and MAP Popup*/ .remember-me-popup{background:#fff; text-align:left;} .remember-me-popup h3{border-bottom:1px solid #E4E4E4; padding:12px 45px 12px 15px} .remember-me-popup h3{font-size:1.5em; /*18px*/} .remember-me-popup .remember-me-popup-body{padding:15px} .remember-me-popup .remember-me-popup-head .remember-me-popup-close{display:block; position:absolute; top:11px; right:15px; height:17px; width:17px; font-size:1px} .remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover{background-position:-17px -150px} .remember-me-popup .remember-me-popup-head .remember-me-popup-close:active{background-position:-34px -150px} /* Other*/ .calendar{z-index:200} /* Footer Container*/ .footer-container{ margin-top:30px; float:left; width:100%; background-color:#2a3744} .footer-top-border{border-top:1px solid #404852; float:left; width:100%} .footer-bottom-border{border-bottom:1px solid #404852; float:left; width:100%} /*Remove Div Background Color*/ .footer-container .no-bg{background-color:transparent !important} /* Footer containers*/ footer.footer-container .footertop-container { display:flex; gap:1em; background-color:#fff; width:100%; padding:10px; box-sizing:border-box; } .footertop-container .f-item { flex:1; background-color:#eaedf2; text-align:center;padding:10px; } .bandeau-bleu { min-height:60px; background-color:#12709b; } .footer-secondary-container .container { display:flex; flex-wrap:wrap; gap:10px 0; } .footer-secondary-container .container .f-item { flex:0 0 calc(25% - 1px); border-right:1px solid #404852 } .footer-secondary-container .container .f-item:last-child { border-right:0; } .footer-secondary-container .container .f-item .collapsible { padding:0 20px; } .footer-secondary-container .container .f-item .collapsible.points-fidelites { margin-top:32px; } .footertop-container .container .f-item > div { display:flex; justify-content:center } .footertop-container .container .f-item > div .icon { margin-right:10px; } .footer-container div.footertop-container p {color:#c53103; font-weight:600; font-size:14px} .block-bd-r{width:100%; border-right:1px solid #FFF} .footer-bd-left-container{float:left; padding-left:25px; border-left:1px solid #404852} .footer-bd-right-container{float:left; padding-right:25px; border-right:1px solid #404852} .footer-bd-btm-container{float:left; padding-bottom:25px; border-bottom:1px solid #404852; width:100%; margin-bottom:25px} .footer-bd-right{ padding:0 10px; } .footer-bd-left{border-left:1px solid #404852} .footer-primary-container, .footer-secondary-container{padding:30px 0; float:left; width:100%} .footer-container .collapsible .block-title, .footer-container a{color:#FFF} .footer-container a, .footer-container p, .footer-container span{font-size:13px; font-weight:300} .footer-container p, .social-link a .icon{color:#bdc3c7} .footer-container .collapsible .block-title { margin-bottom:0; } .footer-container a:hover{color:#f25448; text-decoration:none !important} /* Footer bottom*/ .footer-bottom-container{padding:15px 0; background-color:#212a34; float:left; width:100%} /* Scroll to top Button*/ a.scrollup{position:fixed; bottom:25px; right:20px; display:none; font-size:1.6em; z-index:999; color:#95a5a6; border-radius:50%; width:50px; height:50px; line-height:50px; text-align:center; border:2px solid #95a5a6} a.scrollup:hover{ text-decoration:none; background:#f25448; color:#FFF; border-color:#FFF} /* 404 page*/ .pnferror{ font-size:15em; font-weight:700; line-height:1; margin:0 0 0.1em !important; text-align:center} .pnfsub{ font-size:4em; text-align:center} .pnfmessage{ font-size:1.6em; text-align:center} /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .clear{clear:both;} .guest-select {width:305px !important;} /*** HEADER ***/ .header-maincontainer .grid-full { margin-left:0; } .header-maincontainer .grid-full .nav-maincontainer { padding-left:0; } .header-maincontainer .telephone { padding-left:40px; /*float:left;*/ } .header-maincontainer .telephone strong { background:url(../images/phone_top.gif) no-repeat 0% 50%; font-weight:normal; padding-left:45px; display:block; font:normal 24px Times New Roman, Helvetica, Arial; line-height:35px; } /*** RELATED PRODUCT ***/ #carousel-related .item .price { font-size:16px; } .section-title.bfafhead h2, .section-title.bfafhead span { color:#e74c3c; font-weight:bold; font-size:28px; text-transform:uppercase; } #countdown-items2 .countdown_title { font-size:130%; padding-bottom: 10px; } #countdown-items2 .countdown-section { font-size:110%; } #countdown-items2 { margin-bottom:20px; } .item div.countdown_wrapper { z-index:2; } .random-products-list .item .discount-label .discount_a, .random-products-list .item .discount-label .discount_a:before, .random-products-list .item .discount-label .discount_a:after { background:none; border:none; } .toplinks .links >li { float:left; } .toplinks { background:#fff !important; margin-right:10px; } .header-primary .grid12-4 { width: 35.33%; } .header-primary .grid12-2 { width: 10.66%; } /*** SHIPPING INFO ***/ .product-view .availability.shipping-info, .product-view .product-shop .availability.shipping-info span{ font-weight:bold !important; font-size:13px; } .shipping-info.list { font-size:13px; } .category-products .products-list .item .shipping-info.list { margin:5px 0 5px 0; font-size:14px; } .shipping-info .shipping-info-item { display:inline-block; position:relative; } .shipping-info .shipping-info-item strong { color:#d03a0c; } .shipping-info .shipping-info-item:last-child { margin-bottom:0; } .shipping-info .icon-truck { background:url(../images/icon_truck.png) no-repeat; display: inline-block; width:16px; height:16px; margin-right:5px; vertical-align:middle; margin-top:-2px; } .shipping-info .icon-tools { background:url(../images/icon_tools.png) no-repeat; display: inline-block; width:16px; height:16px; margin-right:5px; vertical-align:middle; margin-top:-2px; } .shipping-info .livraison-rapide { width:70px; margin-left:4px; position:absolute; top:-6px; } .breadcrumbs ul { line-height:1.55; } .breadcrumbs ul li { margin:8px 0; } .breadcrumbs ul li a { font-size:11px; } .breadcrumbs ul li strong { font-size:11px; } /* +++ AIMS +++ */ button.show-more{ text-align:right; padding:5px; float:right; margin-top:10px; } .show-tax{font-size:0.65em;} /* --- AIMS --- */ .products-list .item .shipping-info .livraison-rapide { position:relative; top:-1px; vertical-align:middle; display:inline-block; } .products-list .item .rating-links { position:relative; top:-3px; } .products-list .item .product-shop { margin-left:0; margin-right:0; } .products-list .item .right-column .list-actions { clear:both; } .products-list .item .right-column .list-actions .add-to-links { display:inline-block; } .products-list .item .right-column .list-actions .btn-cart { display:inline-block; } .products-list .item .right-column .btn-cart { clear:both; } .products-list .item .right-column .old-price { font-size:15px; } .products-list .item .right-column .special-price { font-size:22px; margin-left:28px; } .item .bundle-display-price { margin-bottom:15px; background-color:#f1f1f1; } .item .bundle-display-price .child-product { background:none; } .item .bundle-display-price .child-product.last { border-bottom:1px solid #ccc; } .item .bundle-display-price .child-product .label-product { text-align:left; } .item .right-column .add-to-links.addto-links-icons { margin-top:0; margin-right:2px; } .item .right-column .add-to-links.addto-links-icons span.icon { width:41px; height:41px; line-height:47px; } .bundleproduct-ajax-getshortdesc { padding:15px 20px 0; } .special-padding { padding:0 8%; } .product-view .box-brand { margin-top:20px; } body.overflow-hidden { overflow:hidden; } body.overflow-hidden:before { background:#000; bottom:0; content:""; display:block; left:0; opacity:0.7; position:fixed; right:0; top:0; z-index:200; } .nav-container { text-align:center; height:60px; } .show-responsive { display:none; } .category-left .overlay { display:none; } .search-shortcut { display:none; } .search-shortcut-button { background:none; border:0; } #menu-button a.active, #menu-button a:hover, .toggleMenu.active, .toggleMenu:hover { background-color:#fff; } #header-top { display:flex; align-items:center; } #header-top .flex-part-1 .logo-container { display:inline-block; vertical-align:middle; margin-left:40px; } #header-top .flex-part-2 { flex-grow:1; display:flex; align-items:center; padding:0 25px; text-align:center; } #header-top .flex-part-2 .telephone { display:inline-block; } #header-top .flex-part-2 .search-container { flex-grow:1; padding:0 0 0 20px; } #header-top .flex-part-3 { padding-right:20px; } #header-top .flex-part-3 .dropdown .count { right:0; } .header-container4 .block.wishlist.dropdown, .header-container4 .block.compare.dropdown, .header-container4 .shopping_cart.dropdown { width:42px !important; height:38px !important; line-height:50px !important; } .cms-home .std { display:flex; flex-direction:column; } .cms-home .std .home-content { order:2; } .cms-home .std .home-bottom { order:3; } .wysiwyg-content table { width:100%; border-collapse:collapse; margin:20px 0; } .wysiwyg-content table th { background-color:#f5f5f5; border:1px solid #ddd; padding:12px; text-align:left; } .wysiwyg-content table tbody td { border:1px solid #ddd; padding:12px; } body.cms-index-index .main { padding-bottom:0; } body.cms-index-index .main #tabs-html .itemslider .item { margin-top:5px; } body.cms-index-index .main #countdown-items { flex-flow:row wrap; } body.cms-index-index .main #countdown-items .item { margin-bottom:0; flex:1 1 0; padding:0 10px; } #countdown-items .item .regular-price .price { color:#5e6d82 !important; } body.cms-index-index #bottom-container .last_product_reviews .block-content { max-width:1040px; width:auto; } .breadcrumbs.bctp_width { float:none; } .section-title .gen-tabs .tabs li, .gen-tabs .tabs li a, .gen-tabs .tabs-panels div.resp-accordion{font-size:1.07em !important;} a.glc-login-button { display:inline-block; background:#80B801; border-radius:5px; padding:10px; color:#FFF; font-weight:bold; } a.glc-login-button:hover { color:#fff; } #fancybox-content { margin:0 auto; } #fancybox-content > div > div.error-msg { font-weight:bold; } #fancybox-content > div > div.error-msg:before { float:none; display:inline-block; padding-right:5px; font-size:2em; position:relative; top:-2px; vertical-align:middle; } .data-table.cart-table span.product-image { display:inline-block; } .my-account #order_attachments label a img { width:auto; } /*** INFOBULLE ***/ .infobulle { position:relative; background:url(../images/icon_info.png) no-repeat; width:24px; height:24px; display:inline-block; vertical-align:middle; margin-left:3px; bottom:1px; } .infobulle .infobulle-content { display:none; position:absolute; bottom:30px; padding:5px; min-width:250px; border:1px solid #ccc; border-radius:4px; background-color:#fff; left:50%; transform:translateX(-50%); z-index:999; max-height:250px; overflow-y:auto; font-size:13px; } .infobulle .infobulle-liaison { display:none; position:absolute; bottom:15px; min-width:250px; left:50%; transform:translateX(-50%); height:15px; } .infobulle:hover .infobulle-content, .infobulle.active .infobulle-content { display:block; } .infobulle:hover .infobulle-liaison, .infobulle.active .infobulle-liaison { display:block; } .desc.std .relative, .short-description .std .relative { position:relative; } .desc.std .infobulle, .short-description .std .infobulle { width:19px; height:19px; background-size:cover; vertical-align:text-bottom; } .desc.std .infobulle .infobulle-content, .short-description .std .infobulle .infobulle-content { bottom:25px; } .desc.std .infobulle .infobulle-liaison, .short-description .std .infobulle .infobulle-liaison { bottom:10px; } #review-form tr td { text-align:left; padding:5px; } #review-form tr td input, #review-form tr td textarea { width:100%; box-sizing:border-box; } #review-form tr td { text-align:center !important; } #review-form tr td input.radio { width:16px; } #review-form tr td img { width:auto; } #post-review-table tr > td { border-bottom:0; } #product-review-table .resp-details { display:none; } #payment_form_alma_installments p { margin:5px 0 5px 20px; } #payment_form_alma_installments p input { vertical-align:middle; } #payment_form_alma_installments p label { float:none; margin-left:2px; } .align-center { text-align:center; } .cerfa-container { display:inline-block; border:1px solid #ccc; border-radius:4px; margin:0 auto; box-shadow:0px 0px 5px 0px #ccc; text-align:center; } .cerfa-container h1 { background-color:#12709b; color:#fff; margin-bottom:0; padding:12px 10px; border-radius:4px 4px 0px 0px; } .cerfa-container .form-container { text-align:left; display:inline-block; padding:10px 30px; } .cerfa-container .form-container legend { display:block; margin-top:15px; font-size:14px; margin-bottom:30px; } .cerfa-container .form-container div.fields { margin:20px 0; } .cerfa-container .form-container div.fields .field { display:inline-block; } .cerfa-container .form-container div.fields label { display:inline-block; min-width:180px; text-align:right; margin-right:15px; font-size:12px; } .cerfa-container .form-container div.fields em { color:red; font-size:10px; position:relative; top:-2px; } .cerfa-container .form-container div.fields input { font-size:14px; } .cerfa-container .form-container div.fields input[type=text] { color:#222; border:1px solid #ccc; padding:5px 10px; height:auto; } .cerfa-container .form-container div.fields input[type=file] { border:0 !important; } .cerfa-container .form-container div.fields .validation-advice { margin:5px 0; position:absolute; } .cerfa-container .form-container div.actions { text-align:center; margin-top:35px; } .cerfa-container .form-container div.actions button.button { display:inline-block; padding:8px 20px; float:none; font-size:18px; font-weight:bold; } .messages .success-msg:before, .messages .error-msg:before, .messages .note-msg:before, .messages .notice-msg:before { float:none; vertical-align:middle; line-height:normal; } .messages ul { display:inline-block; vertical-align:middle; } #gtx-trans { display:none; } .owl-item .discount-label .discount_a, .itemslider .discount-label .discount_a{ background: none; border:none; } .owl-item .discount-label .discount_a:after, .itemslider .discount-label .discount_a:after { border-left-color: inherit; } .owl-item .discount-label .discount_a:before, .itemslider .discount-label .discount_a:before { border: none; margin: 0; } .owl-item .discount-label .discount_a:after, .itemslider .discount-label .discount_a:after { border: none; margin: 0; } div.menu{ float:left; padding:0; margin:0; position:relative; z-index:1} div.menu .top-arrow{ left:0; right:0; bottom:-6px; border-bottom-width:5px; border-left-width:5px; border-right-width:5px} div.menu.active a .visible-onhover{ -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none} div.menu a { display:block; color:#FFF; font-weight:600; font-size:1.1666em; height:50px; line-height:50px; position:relative; top:0; padding-left:25px; padding-right:25px} div.menu a span{ display:block} div.menu a span:hover{ cursor:pointer} /*** MINICART CLAUE***/ .mask-overlay { content:""; position:fixed; background-color:rgba(0,0,0,0.8); opacity:0.8; left:0; top:0; width:100%; height:100%; z-index:999; } .push-mini-cart { right:-20%; } body.open-topcart .block-cart-header .push-mini-cart { right:0; } .push-menu { position:fixed; top:0; bottom:0; height:100vh; width:20%; z-index:1000; overflow-y:auto; overflow-x:hidden; line-height:normal; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; background-color:#fff; } .push-menu .title-topabs .close img { width:25px; } .push-menu::-webkit-scrollbar { width:12px; padding-top:30px; } .push-menu::-webkit-scrollbar-thumb { background-color:rgba(0,0,0,0.1); } .push-menu .content-top-cart { padding:0px 20px; } .push-menu .content-top-cart .mini-products-list { margin-bottom:5px; } .push-menu .content-top-cart .item .price { color:#d03a0c; } .push-menu .content-top-cart .item .button-set { margin-top:5px; } .push-menu .content-top-cart .item .button-set a { display:inline-block; } .push-menu .content-top-cart .item .button-set .btn-edit { float:left; margin-right:5px; } .block-cart-header { width:42px!important; height:38px!important; line-height:50px!important; border-radius:4px; float:right; margin-left:5px; position:relative; font-size:14px; } .block-cart-header .trigger-open-cart { cursor:pointer; } .block-cart-header .trigger-open-cart:hover .icon { color:#d03a0c; } .block-cart-header .trigger-open-cart:hover .count { background-color:#12709b; } .block-cart-header .trigger-open-cart .icon { color:#12709b; font-size:34px; font-weight:400; text-align:left; padding:0; width:auto; height:auto; line-height:normal; text-indent:0; } .block-cart-header .trigger-open-cart .count { background-color:#d03a0c; width:18px; height:18px; border-radius:50%; position:absolute; top:-2px; right:0; text-align:center; line-height:18px; color:#fff; font-size:11px; } .block-cart-header .subtotal { /*display:flex; display:-webkit-flex; align-items:normal; justify-content:space-between; -webkit-justify-content:space-between; */text-align:right; font-size:17px; color:#5e6d82; margin-top:20px; margin-bottom:20px; line-height:1.3em; background-color:#eaedf2; margin:0 -20px; padding:10px 20px; } .block-cart-header .subtotal .label { font-weight:600; font-size:17px; margin:0; } .block-cart-header .subtotal .total-cart { text-align:right; } .block-cart-header .subtotal .total-cart .price { color:#d03a0c; font-weight:bold; } .push-menu .content-top-cart .actions { margin-top:20px; } .push-menu .content-top-cart .actions button { display:block; float:none; margin:0 auto 15px; min-width:100%; font-size:16px; transition:color .3s ease,border-color .3s ease,background-color .3s ease; } .push-menu .content-top-cart .actions button.cart-link { background-color:#d03a0c; } .push-menu .content-top-cart .actions button.cart-link:hover { background-color:#12709b; box-shadow:none; } .push-menu .content-top-cart .actions button.btn-checkout { border:0; line-height:40px; text-align:center; color:#fff; } .push-menu .content-top-cart .actions button.btn-checkout span span { font-size:inherit; } .push-menu .content-top-cart .actions button.btn-checkout:hover { background-color:#80b601; box-shadow:inset 0 -4px 0 rgb(0 0 0 / 30%); } .push-menu .content-top-cart .actions button.btn-checkout .btn-icon { font-size:20px; margin:0 10px 0 -5px; } .title-topabs { font-size:16px; line-height:52px; width:100%; text-align:center; color:#fff; text-transform:uppercase; background-color:#d03a0c; position:relative; } .title-topabs .close { cursor:pointer; left:8px; top:50%; transform:translateY(-50%); color:#fff !important; position:absolute; display:block; line-height:normal; } .truncated { display:block; } .truncated_full_value { position:relative; display:inline-block; } .truncated .truncated_full_value:hover .item-options { display:block; } .truncated_full_value .item-options { min-width:200px; display:none; position:absolute; top:20px; background:#fff; z-index:1; border:1px solid #eaeaea; padding:10px; } .truncated_full_value.show .item-options { display:block; top:4px; left:-75px; } /*** MODULE AVIS MAGEWORKSHOP ***/ .main .drw-page-content .drw-container.grid { float:none; width:100%; margin:0 auto; } .main .drw-form-filters-wrapper .form-search { float:none; width:auto; } .ratings-table div.rating-box { background:url(../images/ratings.png) 0 0 repeat-x !important; height:13px !important; width:66px !important; } .ratings-table div.rating-box .rating { background:url(../images/ratings.png) 0 100% repeat-x !important; height:13px !important; } .drw-page-content { position:relative; } .drw-page-content .most-recent { position:absolute; top:-51px; right:0; } .review-question a { cursor:pointer; } .review-question .icon { width:24px; height:24px; padding:0; line-height:normal; text-indent:0; } .drw-page-content .drw-grid-item.mixed-review .drw-info { float:none; } .drw-page-content .mixed-review .drw-info .flex1 { flex-shrink:0; } .drw-page-content .mixed-review .drw-info .flex2 { flex-grow:1; } .drw-page-content .mixed-review .drw-info .product_name .name { display:inline-block; width:calc(100% - 150px); font-size:12px; line-height:18px; } .drw-page-content .mixed-review .drw-info .product_name .date { float:right; max-width:150px; font-size:12px; text-align:right; } .drw-page-content .mixed-review .drw-info .product_name .date small { margin-left:2px; } .drw-page-content .mixed-review .drw-info .product-image { display:inline-block; margin-right:10px; } .drw-page-content .mixed-review .drw-info .product-image img { width:auto; } .drw-page-content .next-page { text-align:center; } .drw-page-content .next-page a { display:block; margin:0 auto; background-color:#12709b; color:#fff; max-width:300px; transition:color 0.3s ease,border-color 0.3s ease, background-color 0.3s ease; line-height:40px; padding:0 25px; font-size:14px; border-radius:4px; } .drw-page-content .next-page a:hover { background-color:#80b601; } .main .drw-loader img { width:auto; } div.reviews-wrapper #feedback .header-reviews { width:275px; } div.reviews-wrapper #feedback .review-top { padding:0; } div.reviews-wrapper #feedback .review-top .review-average-info { float:none; width:100%; text-align:center; } div.reviews-wrapper #feedback .review-top .button-write-review .review-dialog { background-color:#12709b; border-radius:4px; border:0; } div.reviews-wrapper #feedback .review-top .button-write-review .review-dialog:hover { background-color: #80b601; } div.reviews-wrapper #feedback .review-top .average-rating, div.reviews-wrapper #feedback .review-top .button-write-review { height:auto; } div.reviews-wrapper #feedback #customer-reviews { border-left:0; border-right:0; } div.reviews-wrapper #feedback #customer-reviews .review-dt { padding:0; } div.reviews-wrapper #feedback #customer-reviews .count-container .amount { display:inline-block; vertical-align:middle; } div.reviews-wrapper #feedback #customer-reviews .count-container .limiter { display:inline-block; margin-left:5px; vertical-align:middle; } div.reviews-wrapper #feedback #customer-reviews .count-container .limiter label { vertical-align:middle; float:none; } div.reviews-wrapper #feedback #customer-reviews .pager .next, div.reviews-wrapper #feedback #customer-reviews .pager .previous { font-size:14px; line-height:inherit; } div.reviews-wrapper #feedback #customer-reviews .ratings-table .rating-box, div.reviews-wrapper #feedback #customer-reviews .ratings-table .rating-box .rating { height:14px; } div.reviews-wrapper.dr-width-785-more #feedback #customer-reviews .review-dd { width:49%; padding:0 10px; } #responseLoading img, #imageLoading img { width:auto; } .login-dialog-block .buttons-set .required { text-align:left; } #review-dialog-block .form-add { margin:0; padding:0; } #review-dialog-block.non-popup { width:100%; } #review-dialog-block.non-popup #review-form { padding:0; } #review-dialog-block #review-form .overall-rating-text { padding:10px 0 0; } #review-dialog-block #review-form .overall-raiting-value .overall-rating-inline:nth-child(n+4) { padding:5px 0 0; } #review-dialog-block #review-form .overall-raiting-value .rating-code { width:auto; } #review-dialog-block #review-form .buttons-set button.button { padding:0; background-color:#12709b; border:0; } #review-dialog-block #review-form .buttons-set button.button:hover { background-color:#80b601; } #review-dialog-block #review-form .buttons-set button.button span { border:0; background-color:transparent; } div.drw-total-average-rating-wrapper .ratings-table { display:inline-block; } div.drw-total-average-rating-wrapper .ratings-table tr td { vertical-align:middle; } div.drw-total-average-rating-wrapper .ratings-table .rating-label { font-size:13px; padding:2px 15px 2px 0; } div.drw-total-average-rating-wrapper .ratings-table .rating-box { display:inline-block; vertical-align:middle; } div.drw-total-average-rating-wrapper .ratings-table .rating-text { font-size:13px; vertical-align:middle; margin-left:5px; } div.drw-total-average-rating-wrapper .global-rating { display:inline-block; margin-right:100px; vertical-align:middle; } div.drw-total-average-rating-wrapper .global-rating .circle { display:inline-block; font-weight:bold; padding:32.7px 20px 26.7px; border-radius:50%; background-color:#12709b; color:#fff; margin-bottom:10px; border:2px solid #d03a0c; } div.drw-total-average-rating-wrapper .global-rating .circle .note-text { line-height:normal; font-size:12px; display:block; margin-bottom:10px; font-weight:normal; } div.drw-total-average-rating-wrapper .global-rating .circle .note-1 { font-size:30px; } div.drw-total-average-rating-wrapper .global-rating .circle .note-2 { font-size:18px; } .global-review { text-align:center; color:#666; } .global-review .global-review-content { display:inline-block; border:5px solid #e74c3c; padding:10px; background-color:#f1f1f1; } .global-review .global-review-content .titre { display:block; font-size:14px; font-weight:bold; } .global-review .global-review-content .note-globale { display:block; font-size:50px; font-weight:bold; line-height:40px; color:#e74c3c; margin-top:10px; } .global-review .global-review-content .note-globale .note-sur { font-size:18px; color:#666; } .global-review .rating-box { margin:0 auto; background:url(../images/ratings.png) 0 0 repeat-x !important; height:13px !important; width:66px !important; } .global-review .rating-box .rating { background:url(../images/ratings.png) 0 100% repeat-x !important; height:13px !important; } .global-review .total-avis { display:block; margin-top:5px; font-style:italic; font-size:13px; } div.drw-total-average-rating-wrapper .global-rating .based-on { font-size:15px; font-style:italic; } div.drw-total-average-rating-wrapper .total-rating-container { display:inline-block; vertical-align:middle; } div#drw-end-reviews { position:relative; } .header-banniere { position:relative; } .header-banniere .drw-total-average-rating-wrapper { position:absolute; top:0; right:0; } .header-banniere .drw-total-average-rating-wrapper .global-rating { margin-right:0; } .header-banniere .drw-total-average-rating-wrapper .global-rating a { color:#666; } .col2-right-layout .main .col-right.sidebar .bfafhead { margin-top:12px; } .col2-right-layout .main .col-right.sidebar .bfafhead h2:before { background:#d9e3e8; content:""; display:inline-block; height:2px; margin:0 15px; vertical-align:middle; width:20px; } .col2-right-layout .main .col-right.sidebar .bfafhead h2:after { background:#d9e3e8; content:""; display:inline-block; height:2px; margin:0 15px; vertical-align:middle; width:20px; } .col2-right-layout .main .col-right.sidebar .drw-total-average-rating-wrapper { margin:60px 0; } .col2-right-layout .main .col-right.sidebar .drw-total-average-rating-wrapper .global-review { margin-bottom:0; cursor:pointer; } .col2-right-layout .main .col-right.sidebar .drw-total-rating { text-align:center; } .col2-right-layout .main .col-right.sidebar .drw-total-rating .global-rating { margin-right:0; } .mb-5 { margin-bottom:5px; } .mb-10 { margin-bottom:10px; } .mb-15 { margin-bottom:15px; } .mb-30 { margin-bottom:30px; } .cms-tous-nos-avis-html h1 { text-align:center; font-size:18px !important; } /*** NOUVEAU MENU ***/ #menumobile-icon { display:none; } .mobile-menu-display { display:none; } nav { text-align:center; height:59px; } nav .mpx-home { font-size:18px; } nav > ul { display:inline-block; position:relative; text-align:left; } nav > ul > li { float:left; padding:19px 10px; vertical-align:middle; } nav > ul > li.active { background-color:#d03a0c; } nav ul.sub-menu li.active > a { color:#d03a0c; } nav > ul > li.home { padding:18px 9px; } nav > ul > li:hover { background-color:#d03a0c; } nav > ul > li > a { font-size:14px; text-transform:uppercase; color:#fff; font-weight:bold; } nav > ul > li > a:hover { color:#fff; } nav > ul > li > ul li a:hover { color:#d03a0c; } nav > ul > li > .sub-menu { display:none; position:absolute; top:59px; left:0; padding:25px 10px 25px 20px; width:100%; background-color:#fff; font-size:14px; z-index:99; box-shadow: 0px 2px 4px #ccc; } nav > ul > li > .sub-menu .title { display:inline-table; width:20.7%; vertical-align:top; padding-left:30px; } nav > ul > li > .sub-menu.pac .title { width:auto; margin-right:15px; } nav > ul > li > .sub-menu .title ul { list-style:disc; margin-bottom:10px; } nav > ul > li > .sub-menu .title ul li { padding:4px 0; } nav > ul > li > .sub-menu .title ul li a { margin-left:-2px; white-space:nowrap; } nav > ul > li > .sub-menu .title { list-style:none; } nav > ul > li > .sub-menu.marques { padding-bottom:10px; } nav > ul > li > .sub-menu.marques li { margin-bottom:10px; width:16%; padding-left:0; } nav > ul > li > .sub-menu .title > a { display:block; text-transform:uppercase; white-space:nowrap; font-weight:700; font-size:14px; margin-left:-20px; margin-bottom:5px; } nav > ul > li > .sub-menu.marques li a { text-align:center; margin-left:0; } nav > ul > li > .sub-menu li a img { display:block; margin:0 auto 10px; } nav > ul > li:hover .sub-menu { display:block; } .bundle-display-price { margin-top:10px; display:flex; flex-flow:column; } .bundle-display-price .child-product { background-color:#fff; position:relative; padding:12px 0; border-top:1px solid #ccc; } .bundle-display-price .child-product.mise_en_service { order:2; } .bundle-display-price .child-product.accessoires { order:1; } .bundle-display-price .child-product .label-product { display:inline-block; width:49.5%; vertical-align:middle; } .bundle-display-price .child-product .label-product span { padding-left:10px; vertical-align:middle; } .bundle-display-price .child-product .label-product .infobulle { background:url(../images/icon_info.png) no-repeat; width:24px; height:24px; display:inline-block; vertical-align:middle; margin-left:3px; } .bundle-display-price .child-product .price-product { display:inline-block; width:48.5%; vertical-align:middle; text-align:center; } .bundle-display-price .child-product .price-product .initial-price { text-decoration:line-through; color:#868686; font-size:12px; vertical-align:middle; display:block; } .bundle-display-price .child-product .price-product .final-price { color:#d03a0c; font-size:16px; vertical-align:middle; } .bundle-display-price .child-product .price-product .reduction { background-color:#12709b; display:inline-block; width:34px; height:34px; border-radius:50%; line-height:34px; font-size:11px; color:#fff; vertical-align:middle; position:absolute; top:50%; right:-17px; transform:translateY(-50%); } .bundle-display-price .child-product .price-product sup { margin-left:3px; font-size:10px; position:relative; top:-2px; } .bundle-display-price .child-product .icon-down { position:absolute; bottom:-13px; left:50%; transform: translateX(-50%); width:26px; height:26px; z-index:1; background:url(../images/img_plus.png) no-repeat; } .bundle-display-price .child-product.last .icon-down { background:url(../images/img_egal.png) no-repeat; } .discount-container { position:absolute; left:50%; bottom:0; width:100%; transform:translateX(-50%); text-align:right; /*padding-right:7%;*/ } .discount-container img { max-width:120px; } .default_label-container { position:absolute; left:50%; bottom:0; width:100%; transform:translateX(-50%); text-align:right; padding-right:0%; } .default_label-container img { width:auto; max-width:120px; } .meilleur_prix-container { position:absolute; left:50%; bottom:0; width:100%; transform:translateX(-50%); text-align:right; padding-right:0%; } .meilleur_prix-container img { width:auto; max-width:120px; } .cms-page-view .main-container img { width:auto; } .page { display:flex; flex-wrap:wrap; } .page > div, .page header, .page footer { flex-grow:1; } .page .main-container { max-width:100vw; } .page header { width:100%; order:-1; } .review-success-container { margin-top:30px; font-size:16px; } .review-success ul { margin-top:30px; text-align:center; } .review-success ul li { margin:10px 5%; display:inline-block; } .review-success ul li a { display:inline-block; padding:10px; border:1px solid #ccc; border-radius:5px; } .review-success ul li a span { display:block; margin-top:10px; background-color:#12709b; color:#fff; padding:10px 0; border-radius:4px; } .review-success ul li a:hover { padding:8px; border:3px solid #d03a0c; } .review-success ul li a:hover span { background-color:#80b601; } .review-success ul li img { display: inline-block; width:auto; max-height:130px; vertical-align:middle; } .review-success .review-summary-container { margin-top:20px; margin-bottom:5px; } .review-success .review-summary-container h3 { font-size:18px; } .review-success .review-summary { display:flex; } .review-success .review-summary > div { padding:15px 20px; border:1px solid #ccc; border-left:0; border-bottom:0; } .review-success .review-summary:last-child { border-bottom:1px solid #ccc; } .review-success .review-summary .product { flex:0 0 25%; border-left:1px solid #ccc; } .review-success .review-summary .summary { flex-grow:1; } .review-success .review-summary .actions button { float:none; } .review-success .review-summary .actions button i { margin-right:5px; vertical-align:middle; } .hide-part { display:none; } .hide-part.inline { display:inline; } .show-more-span { margin-left:3px; white-space:nowrap; } .show-more-span:before { content:"["; display:inline-block; vertical-align:text-bottom; } .show-more-span:after { content:"]"; display:inline-block; vertical-align:text-bottom; } .wysiwyg-content ul, .std ul { list-style:disc; padding-left:15px; margin:6px 0 8px 20px; } .wysiwyg-content h1, .std h1 { margin-top:10px; text-align:center; } .wysiwyg-content h1, .wysiwyg-content h2, .wysiwyg-content h3, .wysiwyg-content h4, .std h1, .std h2, .std h3, .std h4, .std h5 { font-weight:600; } .webforms-index-index .please-wait img { width:auto; } .webforms-gdpr .webforms-gdpr-checkbox .input-box { display:inline-block; } .webforms-gdpr .webforms-gdpr-checkbox label { float:none; } .home-fancy-content-container { max-width:1015px; } .home-fancy-content { display:flex; flex-wrap:wrap; gap:10px; align-items:center; } .home-fancy-content-img-container { flex-grow:1; } .home-fancy-content-text { flex:65% 0 0; flex-grow: 1; } .child-cat-container { display:flex; flex-wrap:wrap; gap:40px; justify-content:center; margin:30px 0; } .child-cat-container.desktop-slider { display:block; margin-bottom:0px; } #custom-slider-guide-ow, #custom-slider-conseil-ow { margin:0 0 30px; } .cms-home .child-cat-container { gap:10px; } .block-child-cat { flex:0 0 calc(25% - 30px); display:flex; justify-content:flex-end; flex-direction:column; overflow:hidden; } .cms-home .block-child-cat { flex:0 0 calc(18% - 30px); position:relative; } .cms-home .block-child-cat .child-cat-name { margin-top:0; width:auto; } .cms-home .block-child-cat .child-cat-name a { display:block; padding:4px 10px; font-size:14px; } .child-cat-img { position:relative; text-align:center; } .child-cat-img img { max-width:250px; width:100%; } .child-cat-img:hover .visible-onhover { visibility:visible; opacity:1; transition:visibility 0s ease-in-out 0s,opacity 0.2s ease-in-out 0.2s; -moz-transition:visibility 0s ease-in-out 0s,opacity 0.2s ease-in-out 0.2s; -webkit-transition:visibility 0s ease-in-out 0s,opacity 0.2s ease-in-out 0.2s; -o-transition:visibility 0s ease-in-out 0s,opacity 0.2s ease-in-out 0.2s } .child-cat-name { text-align:center; width:100%; box-sizing:border-box; margin-top:5px; } .child-cat-name a { display:block; color:#fff; background-color:#12709b; padding:10px; font-size:14px; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .child-cat-name a:hover { background-color:#80b601; color:#fff; box-shadow: inset 0 -4px 0 rgba(0,0,0,0.3); } .category-pompe-a-chaleur .block-child-cat { flex:0 0 calc(30% - 30px); } .category-chauffe-eau-thermodynamique .block-child-cat { flex:0 0 calc(36% - 30px); } #custom-slider-countdown { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; } .product-card { flex: 0 0 calc(20% - 8.5px); padding:10px; } .product-card:hover { box-shadow:0 1px 3px rgba(0, 0, 0, 0.1); } .product-card:hover .visible-onhover { visibility:visible; opacity:1; } .product-card .product-image-wrapper > div { position:relative; } .product-card .product-name { margin-bottom:5px; min-height:37px; } .show-product-mobile { display:none; } .product-card .ratings { margin:0; } .product-card .ratings .rating-info, .product-card .ratings .rating-links, .products-list .item .rating-links { font-size:12px; line-height:normal; margin-bottom:0; } /*.product-card .mtop-auto { margin-top:auto; }*/ .product-card .custom-label-product { white-space:nowrap; } .product-card .label-product span { padding-left:5px; white-space:nowrap; overflow:hidden; max-width:calc(100% - 32px); text-overflow:ellipsis; display:inline-block; } .product-card .bundle-display-price { background-color:#f1f1f1; } .product-card .bundle-display-price .child-product { background:none; } .product-card .price-box { text-align:center; } .product-card .price-box .price { line-height:normal; font-weight:bold; font-size:22px; color:#d03a0c; } .product-card .add-to-links { flex-shrink:0; } .product-card button.btn-cart { text-overflow:ellipsis; padding:0 20px; } .product-card button.btn-cart span span { padding:0; } .product-card button.btn-cart span span span.your-product { display:none; height:auto; line-height:inherit; padding:0; margin-left:3px; } .tns-nav { text-align:center; margin-top:10px; } .tns-nav button { width:12px; height:12px; border-radius:50%; margin:0 5px; border:0; } .tns-nav-active { background-color:#b5b5b5; } .card-icon { line-height:normal; padding:8px 10px 7px 10px; background-color:#d03a0c; color:#fff; border-radius:4px; font-size:22px; } .card-icon:before { position:relative; top:2px; } .desktop-product-card { flex:unset; border:1px solid #e5e5e5; } .desktop-product-card .product-image-wrapper { width:31%; margin-right:8px; } .desktop-product-card .product-image-wrapper div > div > img { max-width:50%; } .desktop-product-card .product-name { min-height:auto; } .desktop-product-card .hide-product-mobile { display:none; } .desktop-product-card .show-product-mobile { display:block; } .desktop-product-card .custom-amlabel { margin:5px 0; } .desktop-product-card .ratings .rating-info { margin-bottom:5px; } .desktop-product-card .product-short-desc { font-size:12px; } .desktop-product-card .product-short-desc p { line-height:normal; margin-bottom:0; } .desktop-product-card .price-box { margin-top:12px; } .desktop-product-card button.btn-cart span span span.your-product { display:inline-block; } .desktop-product-card .shipping-info img.livraison-rapide { top:0; position:relative; } @media only screen and (min-width: 1450px) { /*Clement - 30/09/21 - CLS Homepage*/ .cms-home #tabs-html { min-height:450px; } .cms-home #product-carousel-left { min-height:430px; } .cms-home #countdown-items { min-height:440px; } } @media only screen and (min-width: 1081px) and (max-width: 1350px) { body .container { max-width:98%; } #header-top .logo-container { width:18%; } #header-top .logo-container .logo { width:320px; } .products-list .product-shop .custom-amlabel .amlabel-txt { line-height:initial !important; } .cms-home .products-grid .item button.btn-cart { max-width:160px; overflow:hidden; text-overflow:ellipsis; padding:0 10px 0 0; } .cms-home .products-grid .item button.button span span { max-width:160px; overflow:hidden; text-overflow:ellipsis; } } @media only screen and (max-width: 1080px) { body.overflow-hidden { position:fixed; } .logo-small { max-height:45px; margin-top:5px; } /*** HOMEPAGE ***/ .cms-home .main-container .col-main, .cms-home .main-container .col-right { width:100%; } .col2-right-layout .main .col-right.sidebar div.drw-total-average-rating-wrapper { margin:20px 0; } .cms-home #countdown-items2 .item .add-to-links { display:none; } .cms-home #countdown-items2 .item .ratings .rating-box { float:none; display:inline-block; vertical-align:middle; } .cms-home #countdown-items2 .item .ratings .rating-info { display:inline-block; vertical-align:middle; margin-top:2px; } .cms-home #countdown-items2 .item .btn-cart { max-width:250px; margin:5px auto 0; } .cms-home .sidebar .block { padding:5px; } .products-grid .product-image img { max-width:100% !important; } #countdown-items .item:nth-child(n+4) { display:none; } #products-list .desc { margin-top:5px; margin-bottom:5px; padding-top:5px; } #products-list .item .bundle-display-price { margin-top:0; } #products-list .item .bundle-display-price .child-product { padding:7px 0; } #products-list .item .bundle-display-price .child-product .label-product span { padding-left:5px; } #products-list .item .bundle-display-price .child-product .label-product .infobulle { margin-left:0; } #products-list .item .right-column { width:37%; } #products-list .item .right-column .right-column-inner { padding-left:5px; padding-right:5px; padding-top:0; } #products-list .item .right-column .right-column-inner button.button span span { padding:0 15px; font-size:13px; } #products-list .item .right-column .right-column-inner .add-to-links.addto-links-icons { margin-right:2px; margin-left:0px; } #products-list .product-shop-inner { padding-top:0px; } .nav-maincontainer{ min-height:auto; } .nav .nav-container { height:auto; } .header-primary #header-top .toggleMenu, .header-primary #header-top .toggleMenu.active, .header-primary #header-top .toggleMenu:hover { position:relative; top:0; line-height:normal; height:auto; left:unset; } .header-primary #header-top .toggleMenu { margin: 0 15px 0 30px; } .header-primary #header-top .telephone { top:unset; float:none; position:relative; left:unset; } .header-primary #header-top .shopping-cart-container .shopping_cart .top-arrow { display:none; } .header-primary #header-top .skip-account { display:none; } .header-primary #header-top .search-shortcut { display:inline-block; float:right; } .header-primary #header-top .search-shortcut .icon { font-size:24px; text-indent:0px; margin-top:5px; color:#12709b; } .header-primary #header-top .search-shortcut:hover .icon { color:#d03a0c; } .header-primary .search-container { display:none; } body .push-menu { width:40%; } body .push-mini-cart { right:-40%; } .breadcrumbs .breadcrumbs-container ul { margin-bottom:5px; } .breadcrumbs .breadcrumbs-container ul li { margin:0; } .products-list .item .btn-cart { width: calc(100% - 105px); width: -moz-calc(100% - 105px); width: -webkit-calc(100% - 105px); } .configurateur-index-index .main.container { max-width:100%; } .header-container4 .header-maincontainer { padding-top:10px; } #menumobile-icon { display:inline-block; } .mobile-menu-display { display:block; } .nav-maincontainer { position:absolute; left:-30%; width:30%; transition: 0.3s; top:0; height:100vh; z-index:999; } .nav-maincontainer.visible { left:0; } .nav-maincontainer nav > ul { /*max-height:calc(100vh - 58px); overflow-y:auto;*/ } .nav-maincontainer .home .mpx-home { vertical-align:middle; } .nav-maincontainer .home .accueil-txt { display:inline-block; margin-left:5px; vertical-align:bottom; } .nav-maincontainer .go-child { position:absolute; background:url(../images/circle_img_black.png) no-repeat; top:15px; width:24px; height:24px; right:10px; z-index:1; } .nav-maincontainer .go-child:before { display:block; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #000; content:''; position:relative; top:7px; left:10px; } .nav-maincontainer li:active > .go-child, .nav-maincontainer li.active:not(.home) > .go-child { background:url(../images/circle_img_white.png) no-repeat; } .nav-maincontainer li:active > .go-child:before, .nav-maincontainer li.active:not(.home) > .go-child:before { border-left:5px solid #fff; } .nav-maincontainer .touch-back { display:inline-block; background:url(../images/circle_img_black.png) no-repeat; width:24px; height:24px; margin-right:6px; vertical-align:middle; } .nav-maincontainer .touch-back:before { display:inline-block; content:''; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #000; margin-left:9px; vertical-align:middle; top:1.5px; position:relative; } .nav-maincontainer li:active > a .touch-back { background:url(../images/circle_img_white.png) no-repeat; } .nav-maincontainer li:active > a .touch-back:before { border-right:5px solid #fff; } .nav-maincontainer .back-text { vertical-align:middle; } .menu-title { background-color:#d03a0c; color:#fff; padding:20px 10px 20px 20px; text-transform:uppercase; font-size:18px; } .menu-title a.closeMenu { position:absolute; right:10px; top:16px; } .menu-title a.closeMenu img { max-width:25px; } .nav-maincontainer nav { background-color:#fff; text-align:left; height:100%; } .nav-maincontainer nav ul { display:block; } .nav-maincontainer nav ul li { display:block; float:none; border-bottom:1px solid #a0a0a0; padding:20px 45px 20px 15px !important; position:relative; text-transform:uppercase; font-size:14px; box-sizing:border-box; } .nav-maincontainer nav ul li:hover { background-color:#fff; } .nav-maincontainer nav ul li:not(.column):active, .nav-maincontainer nav ul li.active:not(.home) { background-color:#80b601; } .nav-maincontainer nav ul li.home.active { background-color:#fff; } .nav-maincontainer nav ul li.back { padding:17px 45px 17px 20px !important; } .nav-maincontainer nav ul li a { display:block; color:#000; white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis; font-weight:600 !important; margin-left:0 !important; margin-bottom:0 !important; } .nav-maincontainer nav ul li:not(.column):active > a , .nav-maincontainer nav ul li.active:not(.home) > a { color:#fff; } .nav-maincontainer nav > ul > li > .sub-menu .column ul li.title > a, .nav-maincontainer nav > ul > li > .sub-menu.marques li a { margin-bottom:0; } .nav-maincontainer nav ul li .sub-menu { position:fixed; width:30%; /*overflow-y:auto;*/ top:58px; left:-100%; padding:0; display:block; background-color:#fff; z-index:10; transition:0.3s; box-shadow:none; } .nav-maincontainer nav ul li .sub-menu > li { display:block; width:100%; margin-bottom:0; } .nav-maincontainer nav ul li .sub-menu .title ul { margin-bottom:0; } .nav-maincontainer nav ul li .sub-menu img { display:none; } .nav-maincontainer nav ul li .sub-menu.marques li.title { padding: 20px 45px 20px 20px !important; border-bottom:1px solid #a0a0a0; } .nav-maincontainer nav ul li .sub-menu.marques li a { text-align:left; } .nav-maincontainer nav > ul > li > .sub-menu .title, nav > ul > li > .sub-menu.marques li { margin-left:0; margin-right:0; padding:20px 45px 20px 20px; } .cms-home .block-child-cat { flex:0 0 calc(25% - 30px); } .product-card { flex: 0 0 calc(33% - 4.5px); } } @media only screen and (max-width: 880px) { #products-list .item .right-column .right-column-inner .add-to-links.addto-links-icons { margin-right:0px; margin-bottom:5px; } .products-list .item .btn-cart { width:100%; } .products-list .product-shop .custom-amlabel .amlabel-txt { font-size:12px !important; } } @media only screen and (max-width: 768px) { body .products-grid .item { flex:0 0 calc(33% - 12px); } .page .container { width:auto; max-width:100%; padding:0 15px; } .cms-tous-nos-avis-html .page .container { padding:15px 2% 0; } .main .category-left .col-left { width:75% !important; } .main .category-left .overlay { width:25%; } .cms-home .child-cat-container, div.child-cat-container { gap:20px; } .cms-home .block-child-cat { flex:0 0 calc(33% - 30px); } #custom-slider-guide-ow, #custom-slider-conseil-ow { margin:10px 0; } .wysiwyg-content table { max-width:100%; display:block; overflow:scroll; } .products-list .list-actions .add-to-links, .products-list .list-actions .btn-cart { float:none;} #header-top .logo-container { width:auto !important; } .logo-container .logo img { height:auto; width:130px; padding-top:5px; } #Autocomplete_search { margin:-5px 0 0; } #Autocomplete_search > div > p { max-width:calc(100% - 140px); } body .header-banniere .drw-total-average-rating-wrapper { position:relative; margin-top:10px; } body .header-banniere .drw-total-average-rating-wrapper .global-rating { display:block; } body .header-banniere .global-review .global-review-content { display:block; padding:2px 10px; border-width:3px; } body .header-banniere .global-review .global-review-content .titre { margin-bottom:4px; } body .header-banniere .global-review .global-review-content .note-globale { display:inline-block; padding:0 15px; font-size:28px; vertical-align:middle; margin-top:0; line-height:22px; } body .header-banniere .global-review .global-review-content .rating-box { display:inline-block; vertical-align: middle; } body .header-banniere .global-review .global-review-content .total-avis { margin-top: 3px; } .nav-maincontainer { left:-40%; width:40%; } .nav-maincontainer nav ul li .sub-menu { width:40%; } #fancybox-wrap { left:50% !important; transform:translateX(-50%); } .form-list .customer-name-prefix .field.name-prefix { width:55px; } .review-summary-container .review-summary { display:block; border-top: 1px solid #ccc; } .review-success .review-summary-container .review-summary .product { border-left:0; } .review-success .review-summary-container .review-summary .product:before { content:'-'; margin-right:5px; } .review-success .review-summary-container .review-summary .product:after { content:':'; display:inline-block; margin-left:5px; } .review-summary-container .review-summary > div { border:0; padding:10px 0; } footer.footer-container .footertop-container { flex-wrap:wrap; } .footertop-container .f-item { flex-basis:100%; } .footer-secondary-container .container { display:block; } .footer-secondary-container .container .f-item { border-right:0; } .footer-secondary-container .container .f-item .collapsible { padding:0; } .footer-secondary-container .container .f-item .collapsible.points-fidelites { margin-top:0; } .footer-secondary-container #youtube-link { display:block; margin-top:10px; } .product-card { flex: 0 0 calc(50% - 5px); } } @media only screen and (max-width: 620px) { #products-list .item { border:1px solid #ddd; padding:10px; } #products-list .item .product-image-wrapper { width:31% !important; margin-right:8px; } #products-list .item .product-image-wrapper div > div > img { max-width:50%; } #products-list .item .first-column { margin-right:0; } #products-list .item .product-name { font-size:14px; margin-bottom:7px; } #products-list .item .desc { font-size:12px; } #products-list .item .desc p { line-height:normal; margin-bottom:0; } #products-list .item .desc.std .infobulle { width:17px; height:17px; } #products-list .item .desc.std .infobulle .infobulle-content { bottom:22px; } #products-list .item .product-shop, .products-list .item .right-column { width:100% !important; } #products-list .item .right-column .right-column-inner { padding:0; } #products-list .item .price-box { margin-bottom:0px; } #products-list .item .discount-label { margin-top:5px; margin-bottom:5px; } #products-list .item .list-actions { display:flex; column-gap:.5rem; align-items:center; margin-top:5px; } #products-list .item .list-actions .add-to-links { flex-shrink:0; margin:0 !important; } body .infobulle { position:unset; } body .infobulle .infobulle-content { bottom:35px; max-height:170px; max-width:96%; } body .custom-addtocart .product-options .infobulle { position:relative; } .cerfa-container .form-container { width:95%; box-sizing:border-box; } .cerfa-container .form-container form div.fields label { display:block; text-align:left; margin-bottom:5px; } .cerfa-container .form-container form div.fields input { width:90%; } #countdown-items .item:nth-child(n+3) { display:none; } .cms-home .block-child-cat { flex:0 0 calc(50% - 30px); } .cms-home .mobile-slider.child-cat-container { display:block; margin:10px 0 0; } .cms-home .mobile-slider .block-child-cat { width:100%; } .sm\:block { display:block; } .sm\:flex-col { flex-direction:column; } #custom-slider-countdown { display:block; } .product-card { flex:unset; border:1px solid #e5e5e5; } .product-card .product-image-wrapper { width:31% !important; margin-right:8px; } .product-card .product-image-wrapper div > div > img { max-width:50%; } .product-card .product-name { min-height:auto; } .hide-product-mobile { display:none; } .show-product-mobile { display:block; } .product-card .custom-amlabel { margin:5px 0; } .product-card .ratings .rating-info { margin-bottom:5px; } .product-card .product-short-desc { font-size:12px; } .product-card .product-short-desc p { line-height:normal; margin-bottom:0; } .product-card .price-box { margin-top:12px; } .product-card button.btn-cart span span span.your-product { display:inline-block; } } @media only screen and (max-width: 580px) { body div.drw-total-average-rating-wrapper .global-rating { display:block; margin-right:0; } div.ui-pnotify-mobile-able.ui-pnotify { left:10px !important; max-width:95%; } div.ui-pnotify.tooltip-gotoreviews .ui-pnotify-container:before, div.ui-pnotify.tooltip-gotoreviews .ui-pnotify-container:after { left:20%; } } @media only screen and (max-width: 540px) { .products-grid.itemslider .item { margin:20px 5px; } .products-grid .item .product-content-wrapper { padding:15px 0 20px; } .products-grid .item button.btn-cart { font-size:12px; } .products-grid .item button.button span span { padding:0 15px; } .products-grid .item button.button span span .btn-icon { font-size:17px; } .login-dialog-block .account-create, .login-dialog-block .account-login { width:100% !important; } #amgdpr-cookie-block { left:50%; transform:translateX(-50%); } } @media only screen and (max-width: 500px) { .page .header-container4 .header-maincontainer { padding-top:15px; } .header-primary #header-top .shopping-cart-container .compare { padding-top:2px; } .header-container4 .header-maincontainer .block.compare.dropdown .dropdown-toggle, .header-container4 .shopping_cart.dropdown .dropdown-toggle { padding-left:0; } .header-primary #header-top .shopping-cart-container .block.compare.dropdown .icon { font-size:25px; } .header-primary #header-top .shopping-cart-container .shopping_cart.dropdown { padding-top:1px; } .header-primary #header-top .shopping-cart-container .shopping_cart.dropdown .icon { font-size:32px; } .header-primary #header-top .shopping-cart-container .skip-account { width:24px; height:auto; padding:9px 5px 5px; margin-left:0; } #header-top .flex-part-1 .toggleMenu { margin:0 5px 0 20px; } #header-top .flex-part-2 { padding:0 10px; } #header-top .flex-part-2 .telephone { padding:0; } #header-top .flex-part-3 { padding-right:10px; } .nav .nav-container #custommenu-mobile #nav { width:75%; } .nav .nav-container #custommenu-mobile .overlay { width:25%; } body .push-menu { width:75%; } body .push-mini-cart { right:-75%; } body .show-responsive { display:block; } body .hide-responsive { display:none; } body .shipping-info .livraison-rapide { width:60px; top:-5px; } body .product-view .shipping-info .livraison-rapide { width:65px; position:relative; top:-3px; vertical-align:middle; } body .main .products-grid .item { flex:0 0 calc(50% - 12px); } .nav-maincontainer { left:-80%; width:80%; } .nav-maincontainer nav ul li .sub-menu { width:80%; } .child-cat-container div.block-child-cat, .category-pompe-a-chaleur .child-cat-container div.block-child-cat, .category-chauffe-eau-thermodynamique .child-cat-container div.block-child-cat { flex:0 0 100%; } .drw-page-content .most-recent { position:relative; top:unset; right:unset; text-align:center; } } @media only screen and (max-width: 482px) { #product-review-table thead { display:none; } #product-review-table tr th { font-weight:bold; } #product-review-table tr td input { width:auto; } #product-review-table .resp-details { display:inline-block; } #post-review-content label { font-weight:bold; } } @media only screen and (max-width: 480px) { .page .main .category-left .col-left { width:75% !important; } .page .main .category-left .overlay { width:25% !important; } #products-list .item { border:1px solid #ddd; padding-top:15px; } #products-list .item .right-column .right-column-inner div.add-to-links.addto-links-icons { margin-top:0px; } body.cms-home .main.container { padding-top:0; } .cart-table .quantity_counter { margin:5px 0; } .cart-table .item-options dt { float:none; } #fancybox-content > div > div.error-msg:before { font-size:1.5em; top:unset; vertical-align:text-bottom; } #login-form .actions a.forgot-link { font-size:14px; } .reviews-wrapper #feedback #customer-reviews .pages li:first-child a, .reviews-wrapper #feedback #customer-reviews .pages li:last-child a { max-width:50px; overflow:hidden; text-overflow:ellipsis; } .login-dialog-block .account-create, .login-dialog-block div.account-login { width:100%; } #post-review-content small { max-width:none !important; } .products-list .item .right-column .discount-label, .custom-padding .discount-label { display:flex; justify-content:flex-start; white-space:initial; margin-left:5px; } .products-list .item .right-column .discount-label .you-save, .custom-padding .discount-label .you-save { text-align:left; font-size:15px; } } @media only screen and (max-width: 400px) { .header-primary #header-top .skip-account { display:none; } .page .header-container4 .block.wishlist.dropdown, .page .header-container4 .block.compare.dropdown, .page .header-container4 .shopping_cart.dropdown { width:30px !important; } .header-primary #header-top .compare .dropdown-toggle { padding-right:0; } .header-primary #header-top .search-shortcut span.icon { width:24px; margin-right:2px; margin-top:7px; } .products-grid .item button.btn-cart { max-width:150px; overflow:hidden; text-overflow:ellipsis; } .products-grid .item button.button span span { max-width:150px; overflow:hidden; text-overflow:ellipsis; } header .nav-maincontainer { left:-90%; width:90%; } header .nav-maincontainer nav ul li .sub-menu { width:90%; } .cms-home .block-child-cat { flex:0 0 100%; } } @media only screen and (max-width: 380px) { body .push-menu { width:90%; } body .push-mini-cart { right:-90%; } #header-top .flex-part-1 .toggleMenu { margin:0 5px 0 10px; } #header-top .flex-part-2 .logo-container .logo img { margin-right:0; } #header-top .flex-part-2 { padding:0 5px; } #header-top .flex-part-2 .telephone strong { padding-left:40px; } #header-top .flex-part-3 { padding-right:5px; } } @media only screen and (max-width: 365px) { body .product-view .shipping-info img.livraison-rapide { top:0px; } body .shipping-info img.livraison-rapide { top:0; position:relative; } .product-card .actions-container { column-gap:.25rem; } .product-card .actions-container .add-to-links { flex-shrink:0; } } @media only screen and (max-width: 340px) { body .main .products-grid .item { flex:0 0 calc(97%); } }