/* Reset ================================================================================= */ * { margin:0; padding:0; } body { font:12px/1.35 Arial, Helvetica, sans-serif; color:#333e48; text-align:center; } .body_background { position:absolute;margin:135px 0 0 0;height: 100%;width: 100%; overflow-y: hidden;} .body_background .left-img-container { width: 50%; text-align: right; float: left; } .body_background .left-img-container img { margin-right: 585px; } .body_background .right-img-container { width: 50%; text-align: left; float: right; } .body_background .right-img-container img { margin-left: 585px; } img { border:0; vertical-align:top; } a { color:#05c; text-decoration:none; } a:hover { text-decoration:none; } :focus { outline:0; } /* Headings */ h1 { font-size:20px; font-weight:normal; line-height:1.15; } h2 { font-size:18px; font-weight:normal; line-height:1.25; } h3 { font-size:16px; font-weight:bold; line-height:1.25; } h4 { font-size:14px; font-weight:bold; } h5 { font-size:12px; font-weight:bold; } h6 { font-size:11px; font-weight:bold; } /* 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%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper {} .page { width:1000px; margin:0 auto; padding:10px 0; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; /*text-align:left;*/ box-sizing: border-box;} .page-popup { padding:20px; text-align:left; } .main { margin:10px 0; } /* Base Columns */ .col-left { float:left; width:230px; border:1px solid #ddd; padding:5px 5px 0; } .col-main { float:left; width:736px; border:1px solid #ddd; padding:5px; } .col-right { float:right; width:230px; border:1px solid #ddd; padding:5px 5px 0; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } .col3-layout .col-wrapper { float:left; width:748px; } .col3-layout .col-wrapper .col-main { float:right; } /* 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%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col3-set > div { display:inline-flex; align-items:center;} .col4-set { display: flex; justify-content: space-around; } .col4-set .col-1 { width:23.5%; } .col4-set .col-2 { width:23.5%; } .col4-set .col-3 { width:23.5%; } .col4-set .col-4 { width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font-size:12px; font-family: 'Montserrat'; vertical-align:middle; color:#000; } input.input-text,select,textarea { background:#fff; border:1px solid #ddd; } input.input-text,textarea { padding:2px; } select { padding:8px 56px 8px 12px; border-radius:10px; border-color: #aaa #ccc #ccc #ccc;font-size: 15px;} select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #ddd; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span { float:left; text-align:center; white-space:nowrap; } button.button span span {} button.disabled {} button.disabled span {} button.btn-checkout span {} button.btn-checkout.no-checkout {} p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin:0 0 8px; } .form-list label { float:left; color:#111; font-weight:bold; position:relative; z-index:0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; font-size: 20px; color:#000; 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 li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; width:260px; } .form-list .field { float:left; width:263px; } .form-list input.input-text { width:254px; } .form-list textarea { width:254px; height:10em; } .form-list select { width:260px; } .form-list li.wide .input-box { width:535px; } .form-list li.wide input.input-text { width:529px; } .form-list li.wide textarea { width:529px; } /*.form-list li.wide select { width:535px; }*/ .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .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 .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } .buttons-set { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set p.required { margin:0 0 5px; } .buttons-set-order {} .fieldset { border:1px solid #ddd; background:#fefefe; padding:22px 0 12px 0; margin:28px 0; } .fieldset .legend { float:left; font-weight:bold; font-size:13px; border:1px solid #fefefe; background:#dedede; color:#333; margin:-33px 0 0 -10px; padding:0 8px; position:relative; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed, .custom-validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:14px; text-align:left; color:#000; padding:0 0 0 33px; } p.required span { font-size:20px; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:10px; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 9px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:16px !important; font-weight:bold !important; text-align: center; } .error-msg { border-color:#f16048; background-color:#faebe7; color:#df280a; } .success-msg { border: 1px solid #16a4fa; background-color: #bde7ff;} .note-msg, .notice-msg { border-color: #fe9c16; background-color: #ffedd4; color:#fe9c16; } /* BreadCrumbs */ .breadcrumbs { padding:10px; margin:0 0 10px; border:1px solid #ddd; } .breadcrumbs li { display:inline; } /* Page Heading */ .page-title { padding:0 0 5px; margin:10px 0 10px; text-align: center; } .page-title h1, .page-title h2, .page-title p { font-size:18px; color:#333e48; text-transform:uppercase;} .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle, .sub-title { clear:both; } /* Pager */ .pager { border:1px solid #ddd; padding:5px; margin:5px 0; text-align:center; } .pager .amount { float:left; } .pager .limiter { float:right; } .pager .pages { margin:0 135px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current {} /* Sorter */ .sorter { border:1px solid #ddd; padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } .sorter .link-feed {} /* Toolbar */ .toolbar {} .toolbar .pager {} .toolbar .sorter {} .toolbar-bottom {} /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; border:1px solid #9c9c9c; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; border:1px solid #9c9c9c; } .data-table thead { background-color:#f2f2f2; } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { background-color:#e3f5ff; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#e3f5ff; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; } .data-table td.value {} @media (max-width:768px) { .data-table td { border: 0; } .data-table td:nth-child(1), .data-table td:nth-child(2) { border-top:0px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd; } } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/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:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; }*/ 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(https://www.printpascher.com/skin/frontend/argento/printpascher/images/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; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.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; } /* Misc */ .links li { display:inline; } .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; } .link-cart { font-weight:bold; color:#f00; } .link-wishlist { font-weight:bold; } .link-reorder { font-weight:bold; } .link-compare { font-weight:bold; } .link-print { background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/i_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } .btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#ddd; text-indent:-999em; overflow:hidden; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; } /* Cookie Notice */ .notice-cookie { border-bottom:1px solid #cfcfcf; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .notice-cookie .notice-inner { width:870px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .notice-cookie .notice-inner p { margin:0 0 10px; border:1px dotted #cccc73; padding:10px; } .notice-cookie .notice-inner .actions { } /* ======================================================================================= */ /* Header ================================================================================ */ .header { padding:10px; border:1px solid #ddd; } .header .logo { float:left; text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header h1.logo { margin:0; padding:0; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .welcome-msg a {} .header .links { float:right; } .header .form-search { text-align:right; } .header .form-search .search-autocomplete { z-index:999; } .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-language { clear:both; text-align:right; } .header-container .top-container { clear:both; text-align:right; } /********** < Navigation */ .nav-container {} #nav { border:1px solid #ddd; padding:5px 0; margin:10px 0; font-size:13px; } /* All Levels */ #nav li { text-align:left; position:relative; } #nav li.over { z-index:998; } #nav li.parent {} #nav li a { display:block; text-decoration:none; } #nav li a:hover { text-decoration:none; } #nav li a span { display:block; white-space:nowrap; cursor:pointer; } #nav li ul a span { white-space:normal; } /* 1st Level */ #nav li { float:left; } #nav li a { float:left; padding:5px 10px; font-weight:bold; color:#888; } #nav li a:hover { color:#000; } #nav li.over a, #nav li.active a { color:#000; } /* 2nd Level */ #nav ul, #nav div { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #ddd; background:#fafafa; } #nav div ul { position:static; width:auto; border:none; } /* 3rd+ leven */ #nav ul ul, #nav ul div { top:7px; } #nav ul li { float:none; border-bottom:1px solid #ddd; } #nav ul li.last { border-bottom:0; } #nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#888 !important; } #nav ul li a:hover { color:#000 !important; } #nav ul li.active > a, #nav ul li.over > a { color:#000 !important; } /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:100px; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { border:1px solid #ddd; margin:0 0 10px; } .block .block-title { border-bottom:1px solid #ddd; padding:3px 10px; } .block .block-title strong { /*font-size:14px;*/ font-weight:bold; } .block .block-title strong span {} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { font-size:13px; font-weight:bold; } .block .block-content { padding:10px; } .block .block-content li.item { padding:5px 0; } .block .btn-remove, .block .btn-edit { float:right;} .block .actions { text-align:right; } .block .actions a { float:left; } .block .empty {} .block li.odd {} .block li.even { background-color:#f6f6f6; } /* Mini Products List */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #ddd; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; } .block-cart .mini-products-list .product-details .nobr { white-space:normal !important; } /* Block: Account */ .block-account {} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav dt { font-weight:bold; } .block-layered-nav .currently {} .block-layered-nav .btn-remove { float:left; margin:2px 3px 0 0; } /* Block: Cart */ .block-cart {} .block-cart .summary {} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } .block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 5px 0; } /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .product { margin-left:20px; } .block-related .product .product-image { float:left; margin-right:-65px; } .block-related .product .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} /* Block: Poll */ .block-poll label {} .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .actions { margin:5px 0 0; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login */ .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border:0; margin:0 0 7px; } .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; } .category-image img {} .category-description { margin:0 0 10px; } .category-products {} .category-description {text-align:center;} .category-description p {line-height: 1.3em;font-family: 'Montserrat';font-size: 14px;text-align: justify; } .category-description li {line-height: 1.3em;font-family: 'Montserrat';font-size: 15px;text-align: justify; } .category-description ul { text-align: justify; } .category-description h1 { font-size: 23px; font-weight: 900; text-transform: uppercase; color: #333e48; overflow:hidden; } .category-description h1:before, .category-description h1:after { /*Barres jaunes h1*/ background-color: #ffcf10; content: ""; display: inline-block; height: 2px; position: relative; vertical-align: middle; width: 50%; margin: 20px 0; } .category-description h1:before { right: 0.5em; margin-left: -50%; } .category-description h1:after { left: 0.5em; margin-right: -50%; } .category-description h2 { font-size: 23px; font-weight: 900; text-transform: uppercase; color: #333e48; overflow: hidden; display: block; } .category-description h2:after, .category-description h2:before{ background-color: #ffcf10; content: ""; display: inline-block; height: 2px; position: relative; vertical-align: middle; width: 50%; margin: 20px 0; } .category-description h2:before { right: 0.5em; margin-left: -50%; } .category-description h2:after { left: 0.5em; margin-right: -50%; } .category-description h3 { font-size: 18px; font-weight: 700; padding-bottom: 2px; border-bottom: 2px solid #ffcf10; display: inline-block; color: #333e48; margin-bottom: 10px; } /* View Type: Grid */ .products-grid { border-bottom:1px solid #ddd; position:relative; } .products-grid.last { border-bottom:0; } .products-grid li.item { float:left; width:138px; padding:12px 10px 80px; } .products-grid .product-image { display:block; width:135px; height:135px; margin:0 0 10px; } .products-grid .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; } .products-grid .product-name a {} .products-grid .price-box { margin:5px 0; } .products-grid .availability { line-height:21px; } .products-grid .actions { position:absolute; bottom:12px; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:632px; margin:0 auto; } .col1-layout .products-grid { width:790px; margin:0 auto; } /* View Type: List */ .products-list li.item.last { border-bottom:0; } .products-list .product-image { float:left; width:135px; height:135px; margin:0 0 10px; } .products-list .product-shop { margin-left:150px; } .products-list .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; } .products-list .product-name a {} .products-list .price-box { float:left; margin:3px 13px 5px 0; } .products-list .availability { float:left; margin:3px 0 0; } .products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px; line-height:1.35; } .products-list .desc .link-learn { font-size:11px; } .products-list .add-to-links { clear:both; } .products-list .add-to-links li { display:inline; } .products-list .add-to-links .separator { display:inline; margin:0 2px; } /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin:0; } .ratings { font-size:11px; line-height:1.25; margin:7px 0; } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:3px; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; } /* Availability */ .availability { margin:0; } .availability span { font-weight:bold; } .availability.in-stock span {} .availability.out-of-stock span { color:#d83820; } .availability-only { margin:0 0 7px; } .availability-only a { background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong {} .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#f2f2f2; font-size:10px; padding:0 8px; } .availability-only-details td { border-bottom:1px solid #ddd; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last {} /* Email to a Friend */ .email-friend {} /* Alerts */ .alert-price {} .alert-stock {} /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; } /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {} .minimal-price-link .price { font-weight:normal; } /* 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 { font-weight:bold; } /* Configured price */ .configured-price {} .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; color:#444; } .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:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-box-bundle {} /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} .tier-prices-grouped {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } .add-to-cart .paypal-logo { clear:left; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin:0; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } .product-essential { margin: 0 0 20px 0; } .product-essential, .product-separator, .product-collateral { max-width: 1170px; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; box-sizing: border-box; } .complementary-product .container-slider { background: #eeeeee; position: relative; z-index: 1; width: 100%; } .product-separator.complementary-product { background: #eeeeee; padding-top: 20px; position: relative; z-index: 1; } .complementary-product .container-slider .block-content { background: transparent; } .complementary-product .container-slider:before, .product-separator.complementary-product:before { content: ' '; display: block; position: absolute; height: 100%; width: 200%; top: 0; left: -50%; background: #eeeeee; z-index:-1; } .main-container { overflow-x: hidden; } .catalog-product-view .main { padding-bottom: 0; } .product-collateral .box-collateral { margin:0 0 15px; } /* Product Images */ .product-view .product-img-box { float:left; width:267px; } .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .product-view .product-img-box .product-image { border:1px solid #ddd; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views ul { margin-left:-4px } .product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 4px ; } .product-image-popup { margin:0 auto; } .product-image-popup .buttons-set { float:right; clear:none; border:0; margin:0; padding:0; } .product-image-popup .nav { margin:0 100px; text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} /* Product Shop */ .product-view .product-shop { float:right; width:445px; } /* Modification Guillaume Gasperi 08/06/2016 */ /*.col1-layout .product-view .product-shop { float:right; width:700px; }*/ /* Modification Guillaume Gasperi 08/06/2016 */ .col3-layout .product-view .product-shop { float:none; width:auto; } .product-view .product-name {} .product-view .short-description { text-align: center; color:#333e48; font-size: 16px; padding: 0 0 20px 0;} .product-view .short-description a{ color:#f29d00;} /* Aymar - Couleur description produit - 10/10/2016 */ .product-view .short-description a:hover{ color:#f27200;} /* Aymar - Couleur description produit - 10/10/2016 */ /* Product Options */ .product-options { padding:10px; margin:10px 0 0; border:1px solid #ddd; background-color:#f6f6f6; } .product-options dt label { font-weight:bold; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:10px 0; } .product-options dl.last dd.last {} .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-bottom { padding:10px; border:1px solid #ddd; border-top:0; } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ .product-view .grouped-items-table {} /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional {} /* Block: Upsell */ .product-view .box-up-sell {} .product-view .box-up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .box-tags {} .product-view .box-tags .form-add label { float:left; } .product-view .box-tags .form-add .input-box { float:left; width:260px; margin:0 5px; } .product-view .box-tags .form-add input.input-text { width:254px; } .product-view .box-tags .form-add p { clear:both; } /* Block: Reviews */ .product-view .box-reviews {} .product-view .box-reviews .form-add {} /* Send a Friend */ .send-friend {} /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:1em; font-weight:normal; } .product-name a {} /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search {} .advanced-search-amount {} .advanced-search-summary {} /* CMS Home Page */ .cms-home .subtitle {} .cms-index-index .subtitle {} /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px -22px 0; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline; } .page-sitemap .sitemap { margin:12px; } .page-sitemap .sitemap a {} .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 {} /* RSS */ .rss-title h1 { background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.35; background-position:0 2px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart {} /* Checkout Types */ .cart .checkout-types { float:right; text-align:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:3px 55px 8px 0; line-height:1.0; font-size:11px; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:25px 0 0; } .cart .cart-collaterals .col2-set { float:left; width:700px; } .cart .crosssell {} .cart .crosssell h2 { font-size:13px; font-weight:bold; } .cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid #ddd; } .cart .crosssell .product-details { margin-left:90px; } .cart .crosssell li.item { margin:12px 0; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping {} /* Shopping Cart Totals */ .cart .totals { float:right; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table th { font-weight:bold; } .cart .totals table tfoot th {} /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:-50px; left:20%; } .col-left .truncated .show .item-options { left:30px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0 1em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages {} .gift-messages-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 {} .gift-messages-form .whole-order {} .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name {} .gift-message-link { display:block; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } /* Generic Info Set */ .info-set {} /********** Common Checkout Styles > */ /* One Page Checkout */ .block-progress {} .block-progress dt { font-weight:bold; } .block-progress dt.complete, .block-progress dd.complete { background-color:#f6f6f6; } .opc { border-bottom:1px solid #9c9c9c; position:relative; } .opc li.section { border:1px solid #9c9c9c; border-bottom:0; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .step-title { background-color:#FFF; padding:0 5px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h2 { float:left; text-transform: uppercase; } .opc .step-title a { display:none; float:right; } .opc .allow .step-title { cursor:pointer; } /*.opc .allow .step-title a { display:block; }*/ .opc .active {} .opc .active .step-title { background-color:#ccc; cursor:default; } /*.opc .active .step-title a { display:none; }*/ .opc .step { border-top:1px solid #9c9c9c; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} .opc .order-review .authentication {} .opc .order-review .warning-message {} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users {} .account-login .registered-users {} .account-create {} /* Account Login/Create Pages ============================================================ */ /* Captcha */ .captcha-note {} .captcha-image { float:left; position:relative; } .captcha-img { border:1px solid #ccc; } .registered-users .captcha-image {} #checkout-step-login .captcha-image {} .captcha-reload { position:absolute; top:2px; right:2px;} .captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label {} .remember-me-popup {} .remember-me-popup h3 {} .remember-me-popup .remember-me-popup-head {} .remember-me-popup .remember-me-popup-head .remember-me-popup-close {} .remember-me-popup .remember-me-popup-body {} .remember-me-popup .remember-me-popup-body a {} /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg {} /* Block: Recent Orders */ /* Modification Guillaume Gasperi 14/06/2016 */ /*.dashboard .box-recent { margin:10px 0; }*/ /* Modification Guillaume Gasperi 14/06/2016 */ /* Block: Account Information */ .dashboard .box-info {} /* Block: Reviews */ .dashboard .box-reviews .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; } .dashboard .box-reviews .details { margin-left:20px; } /* Block: Tags */ .dashboard .box-tags .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; } .dashboard .box-tags .details { margin-left:20px; } /********** Dashboard > */ /* Address Book */ .addresses-list {} .addresses-list-additional li.item {} /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } .order-date { margin:10px 0; } .order-info-box {} .order-items { width:100%; overflow-x:auto; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Reviews */ .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3 {} .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { border:1px solid #ddd; padding:10px; } .footer p { text-align:right; } .footer address { text-align:right; } .footer ul {} .footer ul li { display:inline; } .footer-container .bottom-container { 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, .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 .product-shop .short-description:after, .product-view .box-description:after, .product-view .box-tags .form-add: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; } /* ======================================================================================= */ /* MODIFS AYMAR */ /* modification de pour mettre les HT en exposant */ sup { font-size: 0.8em; line-height: 0; vertical-align: baseline; top: -0.5em; } /* Largeur textarea /contact - Aymar - 03/06 */ .form-list textarea { width:254px; height:20em; } .webservice-warning { max-width: 270px; color: #ff8d00; font-weight: bold; padding-left: 135px !important; font-size: 14px; line-height: 14px; /* Doit être animé par celui qui l'append */ display: none; } .validation-advice { font-size: 14px; line-height: 14px; } i.inline-block { display: inline-block; } i.block { display: block; } /*-5%*/ .bg-new_5 { width: 65px; height: 65px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -102px -10px; } /*-10%*/ .bg-new_10 { width: 65px; height: 65px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -95px -99px; } /*-15%*/ .bg-new_15 { width: 65px; height: 65px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -10px -99px; } /*bruger menu*/ .bg-new_burger { width: 21px; height: 15px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -354px -214px; } .bg-new_cart { width: 21px; height: 24px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -354px -54px; } .bg-new_check_avantage { width: 37px; height: 29px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -297px -10px; } /*euro blanc*/ .bg-new_euro { width: 15px; height: 20px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -354px -249px; } /*euros jaune*/ .bg-new_euro_avantage { width: 26px; height: 34px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -10px -258px; } /*nouveau du menu*/ /* TODO mettre en place avec nouveau picto */ .bg-new_menu { width: 67px; height: 12px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -187px -148px; } /*thumb up blanc*/ .bg-new_ok { width: 22px; height: 19px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -354px -98px; } .bg-new_check { width: 22px; height: 19px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -354px -177px; } /*thumb up jaune*/ .bg-new_ok_avantage { width: 37px; height: 33px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -234px -184px; } /*teléphone blanc*/ .bg-new_phone { width: 24px; height: 23px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -10px -312px; } /*picto étiquette jaune*/ .bg-new_specialist_1 { width: 54px; height: 54px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -187px -74px; } .bg-new_specialist_2 { width: 54px; height: 54px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -10px -184px; } .bg-new_specialist_3 { width: 54px; height: 54px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -84px -184px; } .bg-file_check { width: 20px; height: 21px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/icons/file-check.svg'); margin-left: -2px; } .bg-production_delay { width: 24px; height: 21px; /*background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -151px -258px;*/ background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/icons/calendar-clock.svg'); } /*camion blanc*/ .bg-new_truck { width: 31px; height: 19px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -151px -258px; } /*camion jaune*/ .bg-new_truck_avantage { width: 56px; height: 34px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -158px -184px; } /*picto mon compte*/ .bg-new_user { width: 23px; height: 24px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -354px -10px; } /* Mauvaise échelle */ .bg-PPC_search { width: 26px; height: 26px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -297px -212px; } .bg-pinterest { width: 31px; height: 31px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -297px -161px; } .bg-Youtube { width: 25px; height: 31px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -56px -258px; } .bg-Arrow { width: 72px; height: 69px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -10px -10px; } .bg-close_cookie { width: 20px; height: 20px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -354px -137px; } .bg-facebook { width: 32px; height: 31px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -297px -59px; } .bg-google_ { width: 32px; height: 31px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -297px -110px; } .bg-home_paiement_carte { width: 30px; height: 20px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -101px -258px; } /* TODO inclure les autres moyens de paiement */ .bg-home_paiement_cheque { width: 90px; height: 44px; background: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png') -187px -10px; } #ge .ge-button { background: #ffcf10; border: 1px solid #ffcf10; border-radius: 5px; padding: 6px 10px; color: #333e48; float: none; cursor: pointer; text-decoration: none; font-weight: 600; font-size: 15px; width:100%; } #ge #launch_btn { max-width: 278px; } #ge #edit_btn { max-width: 205px; } #ge #new_btn { padding-left: 10px; border: 0px; background-color: #fff; } #ge #new_btn svg:hover { fill: #21adac !important; } #ge #edit_div { display: inline-flex; justify-content: space-between; width: 100%; } #ge #project_div{ display: inline-flex; align-items: flex-start; margin-top:10px; width: 100%; } #ge #loader_div{ text-align: center; } .ge-icon { vertical-align: top; font-size:22px; } .ge-ribbon { display: inline; background-color:red; color:white; font-weight: bold; padding : 2px; float: right; border-radius: 3px; font-size:smaller; margin: 2px -2px 0 0; } #login_modal { z-index: 1000; width: 50%; background: #fff; border: 5px solid #ffcf10; display: none; padding-top: 5px; } @media screen and (max-width: 640px) { #login_modal { width: 100%; height: 100%; overflow-x: scroll; top: 0 !important; padding-top: 5px; } .modal_close { margin-top: -7px; } } #lean_overlay { position: fixed; z-index: 1000; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; } .modal_close { color: #ffcf10; right: 0; position: absolute; cursor: pointer; font-size: 25px; padding: 0 5px; } .modal_close:hover { color: #000; } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2020 Magento, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.printpascher.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.printpascher.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.printpascher.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.printpascher.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.printpascher.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.printpascher.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.printpascher.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.printpascher.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.printpascher.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ #j2t-track1 {background-image:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/j2t-bg-fader.gif); background-repeat:no-repeat; width:209px; height:28px;} #j2t-handle1 {background-image:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/j2t-thumb-n.gif); background-repeat:no-repeat; width:17px; height:21px; cursor:move;} #j2t-track2 {background-image:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/j2t-bg-fader.gif); background-repeat:no-repeat; width:209px; height:28px;} #j2t-handle2 {background-image:url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/j2t-thumb-orange.gif); background-repeat:no-repeat; width:17px; height:21px; cursor:pointer;} .j2t-loyalty-points {display:block; clear:both;} .rewards_point_cart em {color:#EB340A;} .form-list .field.j2t-rewardpoints-email {width: 280px;} .form-list .field.j2t-rewardpoints-email img {vertical-align: middle;} .order-items h2.front-rewardpoints-details-title, .page-print h2.front-rewardpoints-details-title {margin-top: 10px;} .j2t-loyalty-points img {display: inline; vertical-align: middle;} #rewardFormArea .login-area-reward-form { border: 1px solid #E2E2E2; padding: 5px; background-color: #F0F8FC; margin-top: 5px;} #rewardFormArea .innner-item-points {font-size: 11px;} .rewardpoints-msgs .success-msg {background-image: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/rewardpoints/rewardpoints.png);} ul.catalog-points-details {list-style: disc; margin-left: 30px; font-style: italic; color: #5E5E5E;} span.inline-catalog-points-details, span.catalog-points-details {display:list-item;} span.catalog-points-details {list-style: disc; margin-left: 30px; font-style: italic; color: #5E5E5E;} #my-rewardpoints-table {margin-bottom: 60px;} .block .j2t-content {margin: 0; padding: 5px 9px; clear:both;} .block .jiathis_style_32x32 {margin: 0; padding: 5px 9px;} .j2t-content input.input-text {width:98%;} #rewardFormArea p.onestepcheckout-numbers { margin-top:20px; } @media only screen and (max-width: 768px) { .reward-data-table thead { display: none; } .data-table.reward-data-table td { display: block; /*width: 100%;*/ border:none; padding: 0px; } .reward-data-table td[data-theme-label] { padding-left: 15px; margin-bottom: 6px; } .reward-data-table td[data-theme-label]:before { content: attr(data-theme-label) ":"; padding-right: 5px; font-weight: bold; } .form-list .field.j2t-rewardpoints-email, .form-list .field.j2t-rewardpoints-name { width: 100%; } .a-right { text-align: center!important; } } /** * justselling Germany Ltd. EULA * http://www.justselling.de/ * Read the license at http://www.justselling.de/lizenz * * Do not edit or add to this file, please refer to http://www.justselling.de for more information. * * @category justselling * @package justselling_simplecore * @copyright Copyright (C) 2013 justselling Germany Ltd. (http://www.justselling.de) * @license http://www.justselling.de/lizenz **/ .simple-box { z-index: 20050; text-align:center; } .simple-box { padding: 10px;} .simple-box .validation-advice { color: white; } .simple-progress, .simple-confirm, .simple-overlay { background: rgba(0, 0, 0, .8); color: white; padding: 10% 30%; position: fixed; top: 0; left: 0; z-index: 20500; width: 100%; height: 100%; font-size: 1.5em; line-height: 1.9em; font-weight: 300; } .simple-progress .loader-image, .simple-confirm .loader-image, .simple-overlay .loader-image { vertical-align: middle; } #simple-progress-inner, #simple-confirm-inner, #simple-overlay-inner, .simple-progress-inner, .simple-overlay-inner { display:inline-block; height: auto; } .simple-overlay h1, .simple-overlay div.simple-overlay-inner h1{ color: white; } .simple-overlay .form-list .required:first-child::after { color: white; } .simple-overlay .form-list, .simple-overlay p { font-size: 0.8em; line-height: 1.7em; } .simple-overlay .validation-advice { color: white; } .simple-overlay .buttons-set.center { float:none!important; text-align: center; } @media screen and (max-width: 640px) { .simple-overlay { font-size: 0.8em; line-height: 1.0em; } .simple-overlay h1 { font-size: 1.2em; } .simple-overlay-inner { width: 300px; height: auto; } .simple-overlay .form-list, .simple-overlay p { font-size: 0.8em; line-height: 1.3em; } .simple-overlay div.input-box { clear:both; width:100%;} .simple-overlay div.input-box input, .simple-overlay input#name.input-text.required-entry{width: 100%!important; font-size: 14px; } .simple-overlay .form-list > li > label { width: 100%; padding-left: 0px; text-align:left; } .simple-overlay .form-list > li > label { padding-top: 0px; } .simple-overlay div.buttons-set.center { margin-top: 20px } } .simple.media.ajaxloader { margin-top: 11px; margin-right: 8px; } .simple-progress p, .simple-confirm p { text-align: center; } .simple-progress div.primary.buttons-set { text-align: center; } /* Message window */ .ajaxpro-form { background: #fff; border: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); top: 0; left: 0; z-index: 9999; position: absolute; padding: 10px; border-radius: 5px; max-width: 750px; min-width: 280px; text-align: left; } .ajaxpro-form .ajaxpro-short-messages .messages { max-width: 350px; } .ajaxpro-form .ajaxpro-short-messages .success-msg, .ajaxpro-form .ajaxpro-short-messages .notice-msg { border-radius: 5px; } .ajaxpro-form .btn-close { position: absolute; width: 22px; height: 22px; right: -9px; top: -9px; background: url(https://www.printpascher.com/skin/frontend/base/default/images/tm/ajaxpro/btn_remove.png) no-repeat 0 0; cursor: pointer; text-align: left; text-indent: -9999px; direction: ltr; } /* Message window buttons */ .ajaxpro-buttons-set { text-align: center; } .ajaxpro-continue-button, .ajaxpro-continue-button:hover { text-decoration:none; color: #fff; } /* popup window */ .ajaxpro-popup { display: none; background: #fff; border: none; border-radius: 4px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); padding: 15px; position: absolute; right: 10px; top: 30px; text-align: left; width: auto; z-index: 9999; } .ajaxpro-popup .content { min-height: 75px; padding: 0; margin: 0; background: none; border: none; } .ajaxpro-popup .buttons-set { padding: 5px 0 0; margin: 0; background: none; border: none; text-align: left; } .ajaxpro-popup .buttons-set .button { float: right; } /* product listing autoload */ #ajaxpro-scrolling-button { margin: 5px auto; text-align: center; display: block; } #ajaxpro-scrolling-button span { padding: 5px auto; } /* header cart */ .ajaxpro-header-cart { width: 200px; float: right; } .header-container .top-container .ajaxpro-header-cart a { color: #1E7EC8; } #ajaxpro-content-toggler { color: #1E7EC8; } #ajaxpro-header-cart-content { background: #fff; border: none; border-radius: 4px; position: absolute; right: 10px; padding: 15px; width: 250px; top: 30px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); text-align: left; z-index: 9999; } #ajaxpro-header-cart-content .actions { text-align: right; } #ajaxpro-header-cart-content .btn-remove, #ajaxpro-header-cart-content .btn-edit { float: right; margin: 1px 0 2px 5px; } #ajaxpro-header-cart-content li { margin: 0 0 5px; clear: both; } #ajaxpro-header-cart-content .product-name, #ajaxpro-header-cart-content .product-details { text-align: left; } /* product view form */ .ajaxpro-form .product-view { border: none; float: none; width: auto; margin: 0; padding: 0; } .ajaxpro-form .product-view .product-essential { padding: 0; background: none; margin: 0; } .ajaxpro-form .product-view .product-shop .product-shop-inner { margin: 0; padding: 0; float: none; } .ajaxpro-form .product-view .product-img-box { width: 40%; margin: 0; float: left; } .ajaxpro-form .product-view .product-img-box .product-image { text-align: center; } .ajaxpro-form .product-view .product-img-box .product-image-zoom img { max-width: 100%; } .ajaxpro-form .product-view .product-shop { width: 58%; float: right; margin: 0; } .ajaxpro-form .product-view .products-grid .product-image { width: 120px; height: 120px; } .ajaxpro-form .product-view .products-grid img { max-width: 100%; max-height: 100%; } .ajaxpro-form .product-collateral .box-collateral { margin: 0 0 10px; } .ajaxpro-form .product-collateral h2, .ajaxpro-form .product-collateral .h2 { margin: 7px 0 5px !important; } /* third-party themes compatibility */ .ajaxpro-form .product-view .product-shop .availability { clear: both; } .ajaxpro-form .product-view .product-shop .price-box { display: block; } .ajaxpro-form .product-view .product-shop .add-to-box { clear: both; float: right; margin-top: 10px; } .ajaxpro-form .product-view .product-shop .price-as-configured { display: none; } /* custom shopping cart form design */ .ajaxpro-form .cart-table th { border-bottom: 3px solid #000; } .ajaxpro-form .cart-table tfoot th { border-bottom: none !important; } .ajaxpro-form #shopping-cart-table td, .ajaxpro-form #shopping-cart-table th { padding: 10px; } .ajaxpro-form #shopping-cart-table .btn-update-pop { text-decoration: underline; } .ajaxpro-form #shopping-cart-table tfoot td { border-top: 1px solid #e6e6e6; } .ajaxpro-form #shopping-cart-table tfoot .last td { border: none; vertical-align: bottom; } .ajaxpro-form #shopping-cart-table .checkout-types { float: right; } .ajaxpro-form #shopping-cart-table #shopping-cart-totals-table { width: 100%; } .ajaxpro-form #shopping-cart-table #shopping-cart-totals-table td { border-top: none !important; } .ajaxpro-form #shopping-cart-totals-table td, .ajaxpro-form #shopping-cart-totals-table th { border: none; background: none !important; padding: 5px; } .ajaxpro-form .cart .title-buttons { border: none; display: none; } .ajaxpro-form .cart .cart-collaterals .col2-set { width: 98%; } .ajaxpro-form .cart .discount, .ajaxpro-form .cart .shipping { background: none; border: none; padding-right: 0px; } .ajaxpro-form .cart .discount .buttons-set button.button, .ajaxpro-form .cart .shipping .buttons-set button.button { float: right; margin-left: 10px; } .ajaxpro-form .cart .discount, .ajaxpro-form .cart .shipping { text-align: left; } .ajaxpro-form .cart .discount h2, .ajaxpro-form .cart .shipping h2 { background-image: none; border-bottom: 1px solid #000; background-position: 0 0; background-repeat: no-repeat; color: #0A263C; font: bold 13px/16px Arial,Helvetica,sans-serif; padding: 0; text-transform: none; } .ajaxpro-form .cart .form-list label { clear: none; float: left; } .ajaxpro-form .cart .form-list .input-box { clear: none; float: right; width: 175px; } .ajaxpro-form .cart .form-list input.input-text { width: 170px; } .ajaxpro-form .cart .form-list select { width: 175px; } .ajaxpro-form .cart .discount .input-box { width: auto; } .ajaxpro-form .cart .discount input.input-text { width: 100%; } .ajaxpro-form .cart .cart-collaterals .col2-set .col-2 { width: 48.5%; } .ajaxpro-form .cart .crosssell { background: #fff; border: none; margin-top: 12px; padding: 0; } .ajaxpro-form .cart .crosssell li.item { border: none; padding: 10px 1%; width: 48%; margin: 0; float: left; } .ajaxpro-form .cart .crosssell li.item.odd { clear: left; } .ajaxpro-form .cart .crosssell .product-details { text-align: left; } .ajaxpro-form #invader { height: 20px; width: 100%; display: block; cursor: pointer; margin: 5px 0; } .ajaxpro-form #invader:hover { background-color: #fbfbfb; } .ajaxpro-form .triangle-up { background: url(https://www.printpascher.com/skin/frontend/base/default/images/tm/ajaxpro/triangle_up.png) no-repeat 50% 50%; } .ajaxpro-form .triangle-down { background: url(https://www.printpascher.com/skin/frontend/base/default/images/tm/ajaxpro/triangle_down.png) no-repeat 50% 50%; } /* animation elements */ .ajaxpro-spinner { background: #fff url(https://www.printpascher.com/skin/frontend/base/default/images/tm/ajaxpro/loader_animation_small.gif) no-repeat 50% 50%; border: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); position: absolute; top: 0; left: 0; width: 150px; height: 60px; border-radius: 5px; margin: 10px 0; font-weight: bold; z-index: 10000; } .ajaxpro-spinner p { margin: 10px 0; } .ajaxpro-overlay { width: 100%; height: 100%; background: black; position: fixed; top: 0; left: 0; z-index: 9998; display: none; } .ajaxpro-block-shown { display: block; opacity: 1; visibility: visible; } @media (max-width: 979px) { .ajaxpro-form .cart { overflow: auto; } } @media (max-width: 767px) { .ajaxpro-form .cart .form-list .input-box { clear: left; width: auto; float: none; } .ajaxpro-form .cart .form-list select, .ajaxpro-form .cart .form-list input.input-text { width: 100%; } } @media (max-width: 480px) { .ajaxpro-form .product-view .product-img-box, .ajaxpro-form .product-view .product-shop { float: none; width: auto; clear: both; } .ajaxpro-form .product-view .product-img-box { margin: 0 0 10px; } .ajaxpro-form .product-view .product-img-box .product-image { float: none; width: auto; border: none; } .ajaxpro-form .cart .crosssell li.item { border-bottom: 1px solid #ddd; padding: 10px 0; width: auto; float: none; } .ajaxpro-form .cart .crosssell li.item.odd { clear: none; } .ajaxpro-form .cart .crosssell li.last { border-bottom: none; } .ajaxpro-form .cart .cart-collaterals .col2-set .col-1, .ajaxpro-form .cart .cart-collaterals .col2-set .col-2 { width: auto; float: none; } } /* clearer */ #ajaxpro-header-cart-content li { zoom: 1; } #ajaxpro-header-cart-content li:after { content: '.'; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } #ajaxpro-notice-form #shopping-cart-table product-image img {max-width: 75px;} .autocomplete-w1 {z-index:999; position:absolute; top:7px; left:6px; /* IE6 fix: */ _top:1px; } .autocomplete { width:300px; border:1px solid #ccc; background:#fff; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); cursor: default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px; _margin:0px 6px 6px 0; overflow-x:hidden; -webkit-overflow-scrolling: touch; } .autocomplete .selected { background:#F0F0F0; } .autocomplete div { padding:2px 5px; clear:both; overflow: hidden; line-height:1.1em; font-weight: bold;} .autocomplete strong { font-weight:bold; color:#3399FF; } .autocomplete .ajaxsearchimage {float: left; margin:2px 6px 2px 2px;} .autocomplete .ajaxsearchdescription {font-size: 0.8em;} .mini-search-right .block-content, .mini-search-left .block-content { padding:5px 10px; } .mini-search-right label, .mini-search-left label { font-weight:bold; } #anonymous_element_1{z-index:999;} #searchajaxico {background:url(https://www.printpascher.com/skin/frontend/base/default/images/tm/ajaxsearch/loader.gif) no-repeat left 2px; width: 20px; height: 20px; position:absolute; left:230px; display: none;} #search-leftajaxico {background:url(https://www.printpascher.com/skin/frontend/base/default/images/tm/ajaxsearch/loader.gif) no-repeat left 2px; width: 20px; height: 20px; position:absolute; left:150px; display: none; top:21px;} #search-rightajaxico {background:url(https://www.printpascher.com/skin/frontend/base/default/images/tm/ajaxsearch/loader.gif) no-repeat left 2px; width: 20px; height: 20px; position:absolute; left:150px; display: none; top:21px;} .mini-search-right, mini-search-left{position: relative;} .mini-search-left input.input-text {display:block;margin:3px 0;width:167px;} .mini-search-left .button {clear: both; display:block;} .mini-search-right input.input-text {display:block;margin:3px 0;width:167px;} .mini-search-right .button {clear: both; display:block;} .headerajaxsearchwindow { text-align: center; background-color: #D8D8D8; color: #000; font-size: 14px; font-style: oblique; margin-bottom: 0;} .headercategorysearch { text-align: center; } p.headercategorysearch { margin: 0; font-style: oblique; font-weight: bold; font-size: 12px; border-bottom: 1px solid #AAAAAA; } p.ajaxsearch-small { margin: 0; } .ajaxsearch-category-select { width: 50px; margin-right: 4px; float: left; } .header .form-search label { text-indent: -9999px; text-align: left; } .accordion_content { color: #fff; } .accordion_content h2 { color: #0099FF; margin: 15px 0 5px 10px; } .accordion_content p { margin: 0; padding: 5px; } .accordion_toggle_active { border: 1px solid #E5DCC3; color: #ffffff; } .add-askit-box { border-top: 1px solid #E5DCC3; clear: both; margin-top: 25px; padding-top: 10px; } .askit-accordion-content { /*display: none;*/ padding: 0 0 15px 0; background: #fdf9f6; } .askit-accordion-content .action { overflow: hidden; zoom: 1; padding: 10px 0; } .askit-accordion-content h4{ clear: left; margin: 0; } .askit-accordion-toggle { background: #F1ECDB; border: 1px solid #E5DCC3; color: #000000; cursor: pointer; display: block; font-size: 12px; font-weight: normal; margin: 5px 0 5px 0; outline: none; padding: 5px 10px; text-decoration: none; } .askit-author { font-weight: bold; } .askit-answergroup { margin-top: 3px; border-top: 1px solid #E5DCC3; } .askit-haveyouanswer { float: left; /*width: 150px;*/ font-weight: bold; margin-right: 10px; } .askit-hintwrapper { float: left; /*width: 150px;*/ font-size: 11px; font-weight:bold; margin-right:10px; } .askit-hintwrapper p { float: left; } .askit-hintwrapperinner { margin-top: 15px; } .askit-minus-image { background: url(https://www.printpascher.com/skin/frontend/base/default/images/tm/askit/thumb_down.png) no-repeat 0 100%; height: 16px; width: 16px; } .askit-noquestion { padding-bottom:15px; } .askit-plus-image { background: url(https://www.printpascher.com/skin/frontend/base/default/images/tm/askit/thumb_up.png) no-repeat 0 100%; height: 16px; width: 16px; } .askit-query-answer .askit-hintwrapper { /*margin-top: 10px;*/ } .askit-query-answer { padding: 10px !important; } .askit-query-answer:after { content: ''; display: table; clear: both; } .askit-query-answer .dec-answer-hint, .askit-query-answer .dec-answer-hint div { float: left; } .askit-query-answer-list li { list-style: none outside none; border-top: 1px dashed #E5DCC3; } .askit-product li { list-style: none outside none; /*border-top: 1px dashed #E5DCC3;*/ } .askit-question-answer-info { font-size:10px; font-weight:bold; margin: 0; } .askit-question-answer-info div { margin-left: -10px; } .askit-question-answer-text{ margin-top: 7px; } .askit-question-auth { float: right; font-size: 0.9em; } .askit-question-text-full { margin: 10px 0 0; } .askit-question-text { margin-right: 130px; } .askit-question-text a { text-decoration: none; } .askit-question-text a:hover { text-decoration: none; } .askit-same { color: #999; font-size: 11px; margin: 4px 0; } .dec-question-hint button { margin: 0px 3px; } .dec-question-hint, .inc-question-hint { margin-left: 5px; float: left; } .askit-search-block{ margin-bottom: 10px; } .askit-question-full { padding: 5px 10px; } #askit-search { width: 99%; } .attributepages-grid-wrapper { margin: 0 0 10px; } .attributepages-grid-wrapper li.item { padding: 0 1% !important; float: left; width: 98%; margin: 0 0 5px; } .attributepages-grid-wrapper .attributepages-title { font-size: 13px; text-decoration: none; } .attributepages-grid-wrapper .attributepages-title:hover { text-decoration: underline; } .attributepages-grid-wrapper .option-image { width: auto; height: auto; border: none; margin: 0; padding: 0; text-align: center; } .attributepages-grid-wrapper img, .attributepages-grid-wrapper .option-image img { width: auto; max-width: 100%; height: auto; } /* Link mode */ .attributepages-grid-wrapper .mode-image li.item { padding: 10px 1% !important; text-align: center; } .attributepages-cols-2 li.item { width: 48% !important; } .attributepages-cols-3 li.item { width: 31.3% !important; } .attributepages-cols-4 li.item { width: 23% !important; } .attributepages-cols-5 li.item { width: 18% !important; } .attributepages-cols-6 li.item { width: 14.6% !important; } .attributepages-cols-7 li.item { width: 12.2% !important; } .attributepages-cols-8 li.item { width: 10.5% !important; } /* Anchor for grouped option list */ .attributepages-options-group { margin: 0 0 15px; } .attributepages-options-group:last-child { margin: 0; } .attributepages-options-group-title { border-bottom: 1px solid #e4e4e4; color: #555; font-size: 15px; line-height: 20px; margin: 0 0 7px; position: relative; text-transform: uppercase; } .attributepages-options-anchor { top: 0; left: -20px; cursor: pointer; display: block; padding-left: 10px; padding-right: 6px; position: absolute; text-decoration: none; } .attributepages-options-anchor span { display: none; color: #585a5d; font-size: 13px; } /*.attributepages-grid-wrapper .attributepages-options-group-title:hover span, .attributepages-options-anchor:hover span { display: block; }*/ /* block styles */ .attributepages-block .block-title { font-size: 18px; background: #fff; } .attributepages-block .block-content { padding: 5px 7px; } .block .attributepages-grid-wrapper, .nav-dropdown .attributepages-grid-wrapper { margin: 0; } /*.block .attributepages-options-group:last-child { margin: 0; }*/ /* Slider block */ .attributepages-slider .list-attributepages-slider, .attributepages-slider .list-attributepages-slider li { padding: 0; margin: 0; list-style: none; } .attributepages-slider {} .attributepages-slider-content { position: relative; padding: 10px 35px !important; background: #fff; } .attributepages-slider .block-content { padding: 0 !important; background: #fff; } .attributepages-slider-content .list-attributepages-slider { width: 10000px; overflow: hidden; clear: both; position: relative; } .attributepages-slider-content .list-attributepages-slider li { float: left; margin: 0 10px 0 0; } .attributepages-slider-content .list-attributepages-slider li a { text-decoration: none; } .attributepages-slider-content .mode-link li a { font-size: 14px; float: left; padding: 5px; } .attributepages-slider-content .mode-link li a:hover { text-decoration: underline; } .attributepages-slider-wrapper { clear: both; width: 100%; overflow: hidden; position: relative; } .attributepages-slider-left, .attributepages-slider-right { position: absolute; top: 50%; right: 0; width: 30px; height: 50px; line-height: 50px; margin-top: -25px; text-decoration: none; font-size: 30px; color: #888; text-align: center; } .attributepages-slider-right { left: 0; right: auto; } .attributepages-slider-left:hover, .attributepages-slider-right:hover { color: #555; } .attributepages-slider-left:active, .attributepages-slider-right:active { } .attributepages-slider-left.disabled, .attributepages-slider-right.disabled { cursor: default; color: #ccc; } /* std styles rest */ .std .list-attributepages-otions-grouped { margin: 0; padding: 0; list-style: none; } .std .attributepages-grid { margin: 0; padding: 0; list-style: none; } /* third-party extensions integration */ .nav-dropdown .attributepages-grid-wrapper { padding: 5px; } /* product and category pages */ .list-attributepages { margin: 5px 0; } .list-attributepages li { display: inline-block; max-width: 100%; } .list-attributepages img { display: inline; vertical-align: middle; } .attributepages-parent-link { font-size: 0.85em; } /* helper classes */ .list-block li { display: block; } .list-attributepages.a-center { text-align: center; } .list-attributepages.clear { clear: both; } .hidden-label .attributepages-parent-title { display: none; } /* category listing */ .products-grid .list-attributepages { border: 1px solid #eee; border-radius: 4px; padding: 5px; } .products-list .list-attributepages, .products-grid .list-attributepages { clear: left; } @media (max-width: 480px) { .products-grid .list-attributepages { margin: 5px; } } .attributepages-grid, .list-attributepages { zoom: 1; } .attributepages-grid:after, .list-attributepages:after { content: '.'; clear: both; display: block; visibility: hidden; height: 0; font-size: 0; } .easybanner-lightbox-el { border-radius: 5px; box-sizing: content-box; padding: 25px; position: fixed; z-index: 10000; left: 0; top: 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.4); max-width: 700px; text-align: left; } .easybanner-lightbox-content { overflow: auto; } .easybanner-lightbox-content .easybanner-image-link { display: inline-block; /*IE overflow fix*/ } .easybanner-lightbox-el .close-icon, .easybanner-awesomebar-el .close-icon { direction: ltr; position: absolute; background: #fff; color: #000; font: bold 18px/23px "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; width: 26px; height: 26px; border-radius: 50%; right: 2px; top: 2px; } .easybanner-lightbox-el .close-icon:hover, .easybanner-awesomebar-el .close-icon:hover { background-color: #eee; } .easybanner-overlay-el { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: #000; background-color: rgba(0,0,0,0.7); } .easybanner-awesomebar-el { left: 0; top: -400px; position: fixed; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.4); text-align: left; z-index: 9998; width: 100%; -webkit-transition: top 300ms ease; -moz-transition: top 300ms ease; -o-transition: top 300ms ease; transition: top 300ms ease; } .easybanner-awesomebar-content { width: 960px; margin: 0 auto; padding: 10px 0; } .easybanner-awesomebar-el .close-icon { right: 10px; top: 10px; } @media (max-width: 979px) { .easybanner-awesomebar-content { width: auto; padding: 10px; } } .easycatalog-grid, .easycatalog-grid li { background: none; padding: 0; margin: 0; list-style: none; } .std .easycatalog-grid, .std .easycatalog-grid li { padding: 0; margin: 0; list-style: none; } .easycatalog-grid li.item { padding: 10px !important; float: left; box-sizing: border-box; } .easycatalog-grid .product-image { width: auto; height: auto; text-align: center; } .easycatalog-grid img { width: auto; max-width: 100%; height: auto; } .easycatalogimg-cols-2 li.item { width: 50% !important; } .easycatalogimg-cols-3 li.item { width: 33.3% !important; } .easycatalogimg-cols-4 li.item { width: 25% !important; } .easycatalogimg-cols-5 li.item { width: 20% !important; } .easycatalogimg-cols-6 li.item { width: 16.6% !important; } .easycatalogimg .parent-category { margin: 0 0 8px; } .easycatalogimg .parent-category a { font-size: 17px; font-weight: normal; text-decoration: none; color: #000; } .easycatalogimg .parent-category a:hover { text-decoration: underline; } .easycatalogimg .list-subcategories { padding: 0; margin: 5px 0; list-style: none; font-size: .95em; } .easycatalogimg .list-subcategories li { margin: 8px 0; padding: 0 0 0 10px; line-height: 1.1em; } .easycatalogimg .link-more { margin: 0; padding: 0; font-weight: bold; } /* NavigationPro integration */ .nav-dropdown .easycatalogimg { margin: 0 !important; border: none !important; padding: 0 !important; } .nav-dropdown .easycatalog-grid { border: none; } .nav-dropdown .easycatalog-grid li.item { background: none !important; border: none; margin: 0; } .nav-dropdown .easycatalogimg .parent-category { text-align: center; } .nav-dropdown .easycatalogimg .product-image { display: block; } .easycatalogimg, .easycatalog-grid { zoom: 1; } .easycatalogimg:after, .easycatalog-grid:after { content: '.'; clear: both; visibility: hidden; display: block; height: 0; font-size: 0; } @media (max-width: 767px) { .easycatalogimg .parent-category a { font-size: 18px; } .easycatalogimg .list-subcategories li { line-height: 18px; } .easycatalogimg .list-subcategories a { font-size: 15px; } /* Three columns instead of six */ .easycatalogimg-cols-6 li.item { width: 33.3% !important; } .easycatalogimg-cols-6 li.item:nth-of-type(4n) { clear: left; } } @media (max-width: 480px) { .easycatalogimg-cols-6 li.item:nth-of-type(4n) { clear: none; } /* Two columns for small screen */ .easycatalog-grid li.item { width: 50% !important; } /* clear: left for every third li */ .easycatalogimg-cols-2 li.item:nth-of-type(2n+1), .easycatalogimg-cols-4 li.item:nth-of-type(2n+1), .easycatalogimg-cols-6 li.item:nth-of-type(2n+1), /* clear: left for every third li inside every third .easycatalog-grid */ .easycatalogimg-cols-3:nth-of-type(2n+1) li.item:nth-of-type(2n+1), .easycatalogimg-cols-5:nth-of-type(2n+1) li.item:nth-of-type(2n+1), /* clear: left for every second li inside every second .easycatalog-grid */ .easycatalogimg-cols-3:nth-of-type(2n) li.item:nth-of-type(2n), .easycatalogimg-cols-5:nth-of-type(2n) li.item:nth-of-type(2n) { clear: left; } .easycatalogimg-cols-3:after, .easycatalogimg-cols-5:after { content: ''; clear: none; } } .easytabs-wrapper { margin: 10px 0; } .easytabs { display: table; margin: 0; padding: 0; border-spacing: 5px 0; margin-left: -5px; position: relative; z-index: 6; /*width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; */ } .easytabs li { display: table-cell; text-align: center; vertical-align: middle; } .easytabs li, .easytabs-a-accordion { line-height: normal; background: #eaeaea; border: 1px solid #ccc; box-shadow: inset 0 -12px 8px -14px rgba(0, 0, 0, 0.2); } .easytabs li:hover { box-shadow: none; } .easytabs li .easytabs-anchor-icon:hover, .easytabs-a-accordion:hover { text-decoration: none; } .easytabs li.active { background: #fbfbfb; border-width: 1px 1px 0; box-shadow: none; text-shadow: 0px 1px 1px rgba(255,255,255, 0.6); } .easytabs-a { display: block; padding: 9px 12px; cursor: pointer; } .easytabs-a, .easytabs-a .easytabs-anchor-icon { color: #777; text-decoration: none; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); font: bold 12px/16px Arial, Helvetica, Tahoma, sans-serif; } .easytabs-a .easytabs-anchor-icon:hover { color: #777; text-decoration: none; } .easytabs-content { padding: 7px 8px; border: 1px solid #ccc; position: relative; z-index: 5; margin-top: -1px; background: #fbfbfb; } .easytabs-a-accordion { margin-top: -1px; background: #f1f1f1; display: none; padding: 12px; } .easytabs-a-accordion.active { box-shadow: none; background: #ffcf10; border-color: #ffcf10; color: #fff; } .easytabs-a .easytabs-anchor-icon { font-size: 12px; height: 16px; width: 10px; margin-left: -10px; float: left; opacity: 0.7; visibility: hidden; text-decoration: none; } .easytabs-a:hover .easytabs-anchor-icon { visibility: visible; } .easytabs-a .easytabs-anchor-icon:hover { opacity: 1; } .easytabs-content .box-collateral { margin: 0; } .easytabs-content .box-up-sell .products-grid td { padding-left: 7px; padding-right: 7px; } .easytabs-content .block-related .block-title { display: none; } #product_tabs_tags_tabbed_contents label { display: block; } #product_tabs_tags_tabbed_contents .input-box input { width: 300px; } #product_tabs_tags_tabbed_contents .input-box { width: 300px; float:left; margin: 0 10px 3px 0;} #product_tabs_related_tabbed_contents ol { clear: both; } #product_tabs_related_tabbed_contents li { float:left; margin: 0 1% 15px 0; width: 31%; } #product_tabs_related_tabbed_contents li:nth-child(1n) { width: 32%; } #product_tabs_related_tabbed_contents li:nth-child(3n) { margin-right: 0; } #product_tabs_related_tabbed_contents li:nth-child(3n+1) { clear: left; } #product_tabs_related_tabbed_contents .product-images { float: left; } #product_tabs_related_tabbed_contents .product-images a { margin: 0 0 0 5px; } #product_tabs_related_tabbed_contents .product-details { margin-left: 75px; } #product_tabs_related_tabbed_contents .price-box { margin: 0; } .easytabs, .easytabs-content, .product-collateral, .easytabs-content .form-add { zoom: 1; } .easytabs:after, .easytabs-content:after, .product-collateral:after, .easytabs-content .form-add:after { content: '.'; visibility: hidden; clear: both; display: block; height: 0; font-size: 0; } @media (max-width: 480px) { /* * .easytabs-a-tab should be hidden. * See the easytabs.js~12: el.getStyle('display') !== 'none' */ .easytabs, .easytabs-a-tab { display: none; } .easytabs-a-accordion { display: block; } #product_tabs_tags_tabbed_contents .input-box input { width: 200px; } #product_tabs_tags_tabbed_contents .input-box { width: 200px; } #product_tabs_related_tabbed_contents li { float:none; margin: 0 0 10px; width: auto; } #product_tabs_related_tabbed_contents li:nth-child(1n) { width: auto; } #product_tabs_review_tabbed_contents .ratings .rating-box { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 19.6px; text-align: center; text-indent: 0; width: 100%; } #product_tabs_review_tabbed_contents .ratings .rating-box .rating { display: none; } #product_tabs_review_tabbed_contents .ratings .rating-box .rating-number { display: inline-block; } } .easyslideslider-id { position: relative; z-index: 5; margin-bottom: 10px; } .easyslideslider-id .scroller { overflow: hidden; position: relative; } .easyslideslider-id .content { padding: 0px; position: relative; } .easyslideslider-id .section { overflow: hidden; position: absolute; top: 0; } .easyslideslider-id img { border: none; } .easyslide-description { position: absolute; overflow: hidden; padding: 15px 20px; text-align: left; font: 12px Arial, Helvetica, sans-serif !important; box-sizing: border-box; -moz-box-sizing: border-box; } .easyslide-description-top { top: 0; left: 0; width: 100%; } .easyslide-description-bottom { bottom: 0; left: 0; width: 100%; } .easyslide-description-right { right: 0; top: 0; width: 200px; min-height: 1000px; } .easyslide-description-left { left: 0; top: 0; width: 200px; min-height: 1000px; } .easyslide-description-center { left: 50%; top: 0; width: 200px; margin-left: -100px; min-height: 1000px; } .easyslide-background-light { background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/tm/easyslide/images/light.png) repeat 0 0; color: #000; } .easyslide-background-dark { background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/tm/easyslide/images/dark.png) repeat 0 0; color: #fff; } .easyslide-background-tranparent { color: #000; } .easyslide-description a { text-decoration: none; color: #5a5a5a; } .easyslide-description a:hover { text-decoration: underline; } .easyslide-description p { line-height: 20px; text-align: center; } .easyslide-controls-wrapper { position: absolute; right: 0; top: -60%; z-index: 1000; } .easyslide-controls { } .easyslide-controls a { display: inline-block; margin: 0px 2px; text-decoration: none; font-weight: bold; overflow: hidden; text-align: center; vertical-align: bottom; /*background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/tm/easyslide/images/control.png) no-repeat -1000px -1000px!important;*/ } .easyslide-controls a.easyslideprev { background-position: -60px -26px; } .easyslide-controls a.easyslidenext { background-position: -48px -41px; } .easyslide-controls a.easyslidestop { background-position: -75px -11px; } .easyslide-controls a.easyslideplay { background-position: -90px 3px; } .easyslide-controls a:hover, .easyslide-controls a.active { } .easyslide-controls .easyslide-num { background-image: none; background-color: #cbcbcb; color: #000; font: bold 12px Arial, Helvetica, sans-serif; text-indent: -9999px; padding: 0; width: 12px; height: 12px; border-radius: 2px; opacity: 0.6; } .easyslide-controls .easyslide-num:hover { background: #f3f3f3; opacity: 0.6; } .easyslide-controls .easyslide-num.active { background-color: #f3f3f3; opacity: 1; } @media (max-width: 767px) { .easyslide-controls-wrapper { display:none; bottom: 11px; right: 0; } .easyslide-controls .easyslide-num { width: 20px; height: 20px; margin: 0 10px; } } /* * jQuery Nivo Slider v3.2 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /* Skin Name: Nivo Slider Bar Theme Skin URI: http://nivo.dev7studios.com Description: The bottom bar skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: false */ .theme-bar.slider-wrapper { position: relative; border: 1px solid #333; overflow: hidden; } .theme-bar .nivoSlider { position:relative; background:#fff url(https://www.printpascher.com/skin/frontend/argento/printpascher/tm/easyslide/nivo/themes/bar/loading.gif) no-repeat 50% 50%; } .theme-bar .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-bar .nivoSlider a { border:0; display:block; } .theme-bar .nivo-controlNav { position: absolute; left: 0; bottom: -41px; z-index: 10; width: 100%; height: 30px; text-align: center; padding: 5px 0; border-top: 1px solid #333; background: #333; background: -moz-linear-gradient(top, #565656 0%, #333333 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#333333)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #565656 0%,#333333 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #565656 0%,#333333 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #565656 0%,#333333 100%); /* IE10+ */ background: linear-gradient(to bottom, #565656 0%,#333333 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#333333',GradientType=0 ); /* IE6-9 */ opacity: 0.5; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-bar:hover .nivo-controlNav { bottom: 0; opacity: 1; } .theme-bar .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/tm/easyslide/nivo/themes/bar/bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 5px 2px 0 2px; } .theme-bar .nivo-controlNav a.active { background-position:0 -22px; } .theme-bar .nivo-directionNav a { display:block; border:0; color: #fff; text-transform: uppercase; top: auto; bottom: 10px; z-index: 11; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 20px; opacity: 0.5; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-bar a.nivo-nextNav { right: -50px; } .theme-bar a.nivo-prevNav { left: -50px; } .theme-bar:hover a.nivo-nextNav { right: 15px; opacity: 1; } .theme-bar:hover a.nivo-prevNav { left: 15px; opacity: 1; } .theme-bar .nivo-directionNav a:hover { color: #ddd; } .theme-bar .nivo-caption { font-family: Helvetica, Arial, sans-serif; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-bar:hover .nivo-caption { bottom: 41px; } .theme-bar .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-bar .nivo-caption a:hover { color:#fff; } .theme-bar .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-bar .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-bar .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* Skin Name: Nivo Slider Dark Theme Skin URI: http://nivo.dev7studios.com Description: A dark skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ .theme-dark.slider-wrapper { background: #222; padding: 10px; } .theme-dark .nivoSlider { position:relative; background:#fff url(https://www.printpascher.com/skin/frontend/argento/printpascher/tm/easyslide/nivo/themes/dark/loading.gif) no-repeat 50% 50%; margin-bottom:10px; overflow: visible; } .theme-dark .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-dark .nivoSlider a { border:0; display:block; } .theme-dark .nivo-controlNav { text-align: left; padding: 0; position: relative; z-index: 10; } .theme-dark .nivo-controlNav a { display:inline-block; width:10px; height:10px; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/tm/easyslide/nivo/themes/dark/bullets.png) no-repeat 0 2px; text-indent:-9999px; border:0; margin: 0 2px; } .theme-dark .nivo-controlNav a.active { background-position:0 100%; } .theme-dark .nivo-directionNav a { display:block; width:30px; height:30px; background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/tm/easyslide/nivo/themes/dark/arrows.png) no-repeat; text-indent:-9999px; border:0; top: auto; bottom: -36px; z-index: 11; } .theme-dark .nivo-directionNav a:hover { background-color: #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .theme-dark a.nivo-nextNav { background-position:-16px 50%; right:0px; } .theme-dark a.nivo-prevNav { background-position:11px 50%; left: auto; right: 35px; } .theme-dark .nivo-caption { font-family: Helvetica, Arial, sans-serif; } .theme-dark .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-dark .nivo-caption a:hover { color:#fff; } .theme-dark .nivo-controlNav.nivo-thumbs-enabled { width: 80%; } .theme-dark .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-dark .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* Skin Name: Nivo Slider Default Theme Skin URI: http://nivo.dev7studios.com Description: The default skin for the Nivo Slider. Version: 1.3 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ .theme-default .nivoSlider { position:relative; background:#fff url(https://www.printpascher.com/skin/frontend/argento/printpascher/tm/easyslide/nivo/themes/default/loading.gif) no-repeat 50% 50%; margin-bottom:10px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; } .theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-default .nivoSlider a { border:0; display:block; } .theme-default .nivo-controlNav { text-align: center; padding: 20px 0; } .theme-default .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/tm/easyslide/nivo/themes/default/bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px; } .theme-default .nivo-controlNav a.active { background-position:0 -22px; } .theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/tm/easyslide/nivo/themes/default/arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-default:hover .nivo-directionNav a { opacity: 1; } .theme-default a.nivo-nextNav { background-position:-30px 0; right:15px; } .theme-default a.nivo-prevNav { left:15px; } .theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif; } .theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-default .nivo-caption a:hover { color:#fff; } .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* Skin Name: Nivo Slider Light Theme Skin URI: http://nivo.dev7studios.com Description: A light skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ .theme-light.slider-wrapper { background: #fff; padding: 10px; } .theme-light .nivoSlider { position:relative; background:#fff url(https://www.printpascher.com/skin/frontend/argento/printpascher/tm/easyslide/nivo/themes/light/loading.gif) no-repeat 50% 50%; margin-bottom:10px; overflow: visible; } .theme-light .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-light .nivoSlider a { border:0; display:block; } .theme-light .nivo-controlNav { text-align: left; padding: 0; position: relative; z-index: 10; } .theme-light .nivo-controlNav a { display:inline-block; width:10px; height:10px; background:url(https://www.printpascher.com/skin/frontend/argento/printpascher/tm/easyslide/nivo/themes/light/bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px; } .theme-light .nivo-controlNav a.active { background-position:0 100%; } .theme-light .nivo-directionNav a { display:block; width:30px; height:30px; background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/tm/easyslide/nivo/themes/light/arrows.png) no-repeat; text-indent:-9999px; border:0; top: auto; bottom: -36px; z-index: 11; } .theme-light .nivo-directionNav a:hover { background-color: #eee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .theme-light a.nivo-nextNav { background-position:160% 50%; right:0px; } .theme-light a.nivo-prevNav { background-position:-60% 50%; left: auto; right: 35px; } .theme-light .nivo-caption { font-family: Helvetica, Arial, sans-serif; } .theme-light .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-light .nivo-caption a:hover { color:#fff; } .theme-light .nivo-controlNav.nivo-thumbs-enabled { width: 80%; } .theme-light .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-light .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* reset cms page std styles */ .std .block-highlight ul, .std .block-highlight ol { margin: 0; padding: 0; list-style: none; } .std .block-highlight .add-to-links { margin: 5px 0 0; } .std .block-highlight .add-to-links li { margin: 0; } .std .block-highlight .price-box p { margin: 0; } .block-highlight .block-title { color: #0A263C; font-size: 14px; font-weight: bold; } .col-main .block-highlight { margin: 0 0 0.7em; } .block-highlight img { max-width: 100%; height: auto; } .block-highlight .products-grid { position: static; background: none; } .block-highlight .products-grid .actions { position: static; } /* Reviews list mode */ .highlight-review .products-list .author { font-weight: bold; } /* multicolumns mode */ .block-highlight .products-grid li.item{ padding: 7px 1%; margin: 0 1% 7px; clear: none; box-sizing: border-box; } .block-highlight .products-grid.cols-1 li.item { width: 100%; } .block-highlight .products-grid.cols-2 li.item { width: 48%; } .block-highlight .products-grid.cols-3 li.item { width: 31.3%; } .block-highlight .products-grid.cols-4 li.item { width: 23%; } .block-highlight .products-grid.cols-5 li.item { width: 18%; } .block-highlight .products-grid.cols-6 li.item { width: 14.6%; } .block-highlight .products-grid li.item:last-child { margin: 0 1% 7px; } /* rwd fix */ /* Wide grid for product reviews */ .block-highlight .grid-wide { background: none; border: none; margin: 10px auto; } .block-highlight .products-grid.grid-wide li.item { padding: 12px 1%; margin: 0 1% 7px; border: 1px solid #eaeaea; border-radius: 7px; min-height: 100px; background: #f8f8f8; position: relative; text-align: left; box-sizing: border-box; } .block-highlight .grid-wide li.item:last-child { margin: 0 1% 7px; } /* rwd fix */ .block-highlight .grid-wide li.item .actions { text-align: left; } .block-highlight .grid-wide.cols-1 li.item { width: 100%; min-height: 80px; margin: 0; } .block-highlight .grid-wide.cols-2 li.item { width: 48%; } .block-highlight .grid-wide.cols-3 li.item { width: 31.3%; } .block-highlight .grid-wide.cols-4 li.item { width: 23%; } .block-highlight .grid-wide.cols-3 .product-image { width: 90px; } .block-highlight .grid-wide.cols-3 .product-shop { margin-left: 95px; } .block-highlight .grid-wide.cols-4 .product-image { width: 80px; } .block-highlight .grid-wide.cols-4 .product-shop { margin-left: 85px; } .block-highlight .grid-wide li.last { margin: 0; } .block-highlight .grid-wide .product-name { font-size: 1em; } .block-highlight .grid-wide .desc { font-size: 0.9em; } .block-highlight .grid-wide .link-learn { font-size: 11px; position: absolute; right: 0; bottom: 0; padding: 1px 8px; background: #e3e3e3; border-radius: 7px 0 7px 0; text-decoration: none; color: #777; } .block-highlight .grid-wide .link-learn:hover { background: #dadada; } .block-highlight .products-list .product-image, .block-highlight .grid-wide .product-image { float: left; width: 33%; height: auto; } .block-highlight .products-list .product-image img { width: auto; } .block-highlight .products-list .product-shop, .block-highlight .grid-wide .product-shop { margin: 0 0 0 33%; padding: 0 0 0 7px; box-sizing: border-box; } /* Prolabels fix */ .block-highlight .products-list .prolabel-wrapper { float: left; width: 33%; height: auto; } .block-highlight .products-list .prolabel-wrapper .product-image { float: none; width: auto; height: auto; } /* Sidebar styles */ .side-col .block-highlight .products-grid, .sidebar .block-highlight .products-grid { background: none; width: 100%; } .side-col .block-highlight .products-grid .product-image, .sidebar .block-highlight .products-grid .product-image { width: auto; height: auto; margin: 0; } /* Highlight page */ .highlight-index-index .toolbar .sort-by { display: none; } .block-highlight .clearer { clear: both; } .block-highlight .page-link { padding: 7px; } .block-highlight .block-content { zoom: 1; } .block-highlight .block-content:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; font-size: 0; } @media (max-width: 767px) { .block-highlight .grid-wide.cols-3 .product-image { width: 70px; } .block-highlight .grid-wide.cols-3 .product-shop { margin-left: 75px; } /* two columns instead of four for wide grid */ .block-highlight .grid-wide.cols-4 li.item { width: 48%; padding-left: 2%; padding-right: 2%; } .block-highlight .grid-wide.cols-4 li.item:nth-of-type(2n+1) { clear: left; } /* Three columns instead of six */ .block-highlight .products-grid.cols-6 li.item { width: 31.3%; } .block-highlight .products-grid.cols-6 li.item:nth-of-type(4n) { clear: left; } } @media (max-width: 480px) { .block-highlight .products-grid.cols-6 li.item:nth-of-type(4n) { clear: none; } /* Two columns for small screen */ .block-highlight .products-grid li.item { width: 48% !important; padding-left: 2%; padding-right: 2%; } .block-highlight .products-grid.cols-1 li.item, .block-highlight .grid-wide li.item { width: 100% !important; margin-left: 0; margin-right: 0; } .block-highlight .grid-wide li.item:last-child { margin-left: 0; margin-right: 0; } /* clear: left for every third li */ .block-highlight .products-grid.cols-2 li.item:nth-of-type(2n+1), .block-highlight .products-grid.cols-4 li.item:nth-of-type(2n+1), .block-highlight .products-grid.cols-6 li.item:nth-of-type(2n+1), /* clear: left for every third li inside every third .easycatalog-grid */ .block-highlight .products-grid.cols-3:nth-of-type(2n+1) li.item:nth-of-type(2n+1), .block-highlight .products-grid.cols-5:nth-of-type(2n+1) li.item:nth-of-type(2n+1), /* clear: left for every second li inside every second .easycatalog-grid */ .block-highlight .products-grid.cols-3:nth-of-type(2n) li.item:nth-of-type(2n), .block-highlight .products-grid.cols-5:nth-of-type(2n) li.item:nth-of-type(2n) { clear: left; } .block-highlight .products-grid.cols-3:after, .block-highlight .products-grid.cols-5:after { content: ''; clear: none; } } .std .navpro, .std .navpro ul, .std .navpro li { margin: 0; padding: 0; list-style: none; } /*Top menu style*/ .nav-container .navpro { margin: 0 auto; padding: 0 16px; width: 918px; } /* default theme styles */ /* General navpro styles */ .navpro { font-size: 13px; text-align: left; } .navpro .nav-a, .navpro .nav-sibling-title a { display: block; line-height: normal; text-decoration: none; } .navpro a.level-top, .navpro div.level-top a { color: #2b3c4a; font-weight: bold; line-height: 1.3em; } .navpro a.level-top.over, .navpro div.level-top a.over { color: #d96708; } .navpro .active > a.level-top, .navpro .active > div.level-top a { color: #d96708; } .navpro .nav-ul .active > .nav-a { color: #d96708; } /* Vertical layout */ .nav-ul-subcolumn { margin: 0; display: table-cell; width: auto; position: relative; } /* dropdown styles */ .navpro .nav-li { float: left; } .navpro li.level1.over::after { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #333e48 transparent transparent transparent; z-index: 999 !important; position: absolute; left: 20px; top: 53px; visibility: inherit; margin-left: calc(50% - 5px); } #navigationpro-top > li.nav-li.nav-li-sibling.level-top.first.parent.nav-style-dropdown.over.opened::after { visibility: hidden !important; } .navpro .nav-dropdown { position: absolute; opacity: 0; left: -9999px; top: -1000000px; transition: opacity 0.1s ease-in-out; width: 1170px; } .navpro .nav-dropdown .nav-dropdown-inner { background: #fff; box-shadow: 3px 8px 25px 0px rgba(0, 0, 0, -0.5), 1px 5px 8px -1px rgba(0, 0, 0, 0.5); width: auto; float: left; } .navpro .nav-dropdown .nav-dropdown-inner.level0 { width: 100%; background-color: #333e48; } .navpro .nav-dropdown .nav-dropdown-inner .nav-column-wrapper { width: 100%; float: left; } .navpro .nav-dropdown.all-products-data .nav-dropdown-inner { width: 100%; float: none; } .navpro .nav-dropdown.all-products-data .nav-dropdown-inner .nav-column-wrapper { float: none; } .navpro .nav-dropdown.level0 .nav-column.class-level1 { background: #333e48; display: flex; justify-content: space-between; flex-wrap: wrap; } .nav-column .grey-bck { padding: 10px; } .nav-column .grey-bck img { display: inline-block; } .level0.nav-dropdown.all-products.all-products-data { padding: 10px; height: calc(100vh - 170px); overflow-y: scroll; border-bottom: solid 3px #ffcf10; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.3); max-width: initial; } .level0.nav-dropdown.all-products.all-products-data .nav-dropdown-inner { box-shadow: none; } li.level0.nav-1.nav-li.nav-style-dropdown.level-top.parent.top-products-menu { background: #ff0747; } li.level0.nav-1.nav-li.nav-style-dropdown.level-top.parent.top-products-menu:hover { background: #333e48; } li.level0.nav-1.nav-li.nav-style-dropdown.level-top.parent.top-products-menu a.level-top { color: #ffffff !important; } @media (min-width: 1025px) { #navigationpro-top { display: table; width: 100%; } #navigationpro-top > li { display: table-cell; float: none; } #navigationpro-top > li.all-products { padding-left: 10px; } #navigationpro-top li.all-products .nav-dropdown-inner { background: transparent; box-shadow: none; } } .special-green, .special-green.over, .special-green:hover { background-color: #21adac; } .header-content .nav-container .nav-li.special-green a.level-top { color: white !important; } .navpro .shown-sub { z-index: 999; opacity: 1; top: 33px !important; left: 0; } .navpro .shown-sub.level0 { max-width: 100%; } .navpro .nav-dropdown .shown-sub { opacity: 1; top: 40px !important; cursor: default; } .navpro .nav-ul .nav-li { float: none; } .navpro .nav-ul .nav-li-column { float: left; } .navpro .nav-ul .nav-a.over, .navpro .nav-ul .nav-sibling-title a.over { background-color: #fafafa; } .navpro .nav-row { clear: left; } /*.nav-toggler { position: absolute; width: 20px; height: 20px; top: 5px; right: 0; opacity: 1; text-indent: -9999px; text-align: left; direction: ltr; background-position: 50% 50%; background-repeat: no-repeat; background-image: url(https://www.printpascher.com/skin/frontend/argento/printpascher/css/tm/arrow_menu_grey.png); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAWlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9jZLFEAAAAHXRSTlMAAQJydHZ3eHmAgYKDhIWGh4iMjo+QkZKTlJWWl4kf2AsAAACcSURBVHja7da7DsIwDIXhmFJS6J3eC37/10SqDGMlfCJ58dn/b/CSBJ/Pd7qiJ6iPzB0i3JghIedjrVp4MijQAAujCI2hMIlQGwozLCwiVIbCKkKpFjZY2JMJD7Xw+gpBuctbhDsuwIBRDx6Rfj1hfWnU74n6Stlvifpa2a/G/SJ9Y9TP4OM6gX3I9L3sygx+knLp9Ys9BZ/P98c+vNUhkUAxt+IAAAAASUVORK5CYII=); }*/ .nav-toggler { display: none; } /*.nav-toggler.active { background-image: url(https://www.printpascher.com/skin/frontend/argento/printpascher/css/tm/arrow_menu_white.png); } .nav-style-dropdown.active .nav-toggler { background-image: url(https://www.printpascher.com/skin/frontend/argento/printpascher/css/tm/arrow_menu_white.png); } */ .navpro-inline .nav-toggler-level0 { top: 4px; } .nav-a-with-toggler, .nav-sibling-title-with-toggler a { padding-right: 19px !important; } .navpro .relative-level1 { text-indent: 0; } .navpro .relative-level2 { text-indent: 10px; } .navpro .relative-level3 { text-indent: 20px; } .navpro .relative-level4 { text-indent: 30px; } .navpro .relative-level5 { text-indent: 40px; } .navpro .relative-level6 { text-indent: 50px; } .navpro .relative-level7 { text-indent: 60px; } /* Accordion */ .navpro .nav-style-accordion > .nav-dropdown { position: static; border: none; opacity: 1; left: auto; background: none; box-shadow: none; overflow: hidden; } .nav-accordion-toggler { cursor: pointer; width: 30px; height: 30px; top: 0; background-size: 16px 16px; transition: transform 0.2s ease-in-out; } .nav-accordion-toggler:hover { opacity: 1; } .nav-accordion-toggler-active { transform: rotate(90deg); } /* Make indentation for each dropdown level */ .navpro .nav-style-accordion .nav-a-level1 { text-indent: 0; } .navpro .nav-style-accordion .nav-a-level2 { text-indent: 10px; } .navpro .nav-style-accordion .nav-a-level3 { text-indent: 20px; } .navpro .nav-style-accordion .nav-a-level4 { text-indent: 30px; } .navpro .nav-style-accordion .nav-a-level5 { text-indent: 40px; } .navpro .nav-style-accordion .nav-a-level6 { text-indent: 50px; } .navpro .nav-style-accordion .nav-a-level7 { text-indent: 60px; } .navpro .nav-style-accordion .nav-a-level8 { text-indent: 70px; } .navpro .nav-style-accordion .nav-a-level9 { text-indent: 80px; } .nav-accordion-toggler.nav-toggler-level1 { right: 8px; } .nav-accordion-toggler.nav-toggler-level2 { right: 12px; } .nav-accordion-toggler.nav-toggler-level3 { right: 16px; } .nav-accordion-toggler.nav-toggler-level4 { right: 20px; } .nav-accordion-toggler.nav-toggler-level5 { right: 24px; } /* Columns */ .navpro .nav-column { float: left; } .all-products-data .nav-column { width: 19%; padding: 0 0 0 1%; } .navpro .nav-column .nav-column-title { color: #0a263c; font-size: 14px; font-weight: bold; padding: 10px 0 5px 10px; } /* sidebar fixes */ .sidebar .navpro .level-top { float: none; clear: left; } /* Clearer */ .navpro, .nav-li, .nav-ul, .nav-dropdown, .nav-column-wrapper, .nav-column { zoom: 1; } .navpro:after, .nav-li:after, .nav-ul:after, .nav-dropdown:after, .nav-column-wrapper:after, .nav-column:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0; font-size: 0; left: 0 !important; } /* -------------------------------*/ /* Other extensions compatibility */ /* -------------------------------*/ /* Highlight */ .navpro .block-highlight { padding: 10px; } .navpro .block-highlight .block-title, .navpro .block-highlight .block-content, .navpro .products-grid { background: none; border: none; } .side-col .navpro .block-highlight .products-list .product-shop, .sidebar .navpro .block-highlight .products-list .product-shop { margin-left: 150px; } .navpro .block-highlight li.odd, .navpro .block-highlight li.even { background: none; } .navpro .block { border: none; } .navpro .block .block-title { border: none; } .navpro .block .block-content { background: none; } /* rwd theme */ /*.navpro, .navpro * { box-sizing: content-box; }*/ #header-nav .nav-container .navpro { width: auto; padding: 0; } #header-nav .nav-container .navpro a.level-top, #header-nav .nav-container .navpro div.level-top a { color: #636363; font-weight: normal; font-family: 'Montserrat'; display: inline-block; text-transform: uppercase; } .class-level1 { width: auto; } .class-level1 > ul > li > a:first-child { padding-left: 20px !important; } .class-level1 > ul > li > a:last-child { padding-right: 20px !important; } /*width est ajusté en dans menu.js si le nb de level <=3*/ li.level0.nav-1.nav-li.nav-style-dropdown.level-top.parent .class-level1 { width: 100%; float: right; } .class-level1.objet-pub { width: 573px !important; } .class-level1.express-24h { width: 204.84px !important; } .class-level1.sur-mesure { width: 189px !important; } /* tablet styles */ @media (max-width: 768px) { .navpro-responsive, .navpro-responsive * { box-sizing: border-box; } /* max/min width 100% fix */ .navpro-responsive .nav-a, .navpro-responsive .nav-sibling-title a { padding-top: 10px; padding-bottom: 10px; } .navpro-responsive .nav-a-with-toggler, .navpro-responsive .nav-sibling-title-with-toggler a { padding-right: 40px !important; } .navpro-responsive .nav-toggler, .navpro-responsive.navpro-inline .nav-toggler-level0 { top: 0; right: 0; width: 38px; height: 38px; cursor: pointer; transition: transform 0.2s ease-in-out; } .navpro-responsive.navpro-inline .nav-toggler-level0 { transform: none; } .navpro-responsive .nav-toggler.active, .navpro-responsive.navpro-inline .nav-toggler-level0.active { transform: rotate(90deg); } .navpro-responsive .nav-li, .navpro-responsive .nav-ul .nav-li-column, .navpro-responsive .nav-column, .navpro-responsive .nav-ul-subcolumn { float: none; } .navpro-responsive .nav-dropdown { box-shadow: none !important; } .navpro-responsive .shown-sub { opacity: 1; position: static; left: auto; } .navpro-responsive { max-width: 100%; } .navpro-responsive .nav-dropdown, .navpro-responsive .nav-ul .nav-li-column, .navpro-responsive .nav-column, .navpro-responsive .nav-ul-subcolumn { min-width: 100%; max-width: 100%; } .navpro-responsive .nav-a-level1 { text-indent: 0; } .navpro-responsive .nav-a-level2 { text-indent: 10px; } .navpro-responsive .nav-a-level3 { text-indent: 20px; } .navpro-responsive .nav-a-level4 { text-indent: 30px; } .navpro-responsive .nav-a-level5 { text-indent: 40px; } .navpro-responsive .nav-a-level6 { text-indent: 50px; } .navpro-responsive .nav-a-level7 { text-indent: 60px; } .navpro-responsive .nav-a-level8 { text-indent: 70px; } .navpro-responsive .nav-a-level9 { text-indent: 80px; } .navpro-responsive .nav-toggler-level1 { right: 5px; } .navpro-responsive .nav-toggler-level2 { right: 8px; } .navpro-responsive .nav-toggler-level3 { right: 11px; } .navpro-responsive .nav-toggler-level4 { right: 14px; } .navpro-responsive .nav-toggler-level5 { right: 17px; } } @media (max-width: 480px) { .navpro-responsive .col-1, .navpro-responsive .col-2, .navpro-responsive .col-3 { float: none; min-width: 100%; max-width: 100%; margin: 0; } } .soldtogether-block h2 { } .soldtogether-block .select-all { float: right; font-size: 12px; font-weight: normal; } .soldtogether-block .subtitle { color: #555; padding: 0; font-size: 12px; margin-top: -6px; } .soldtogether-block .products-grid { width:100%; } .soldtogether-block .products-grid li.item { } .addtocart-checkboxes .products-grid li.item { padding-bottom: 50px; } .addtocart-checkboxes .product-image-wrapper { position: relative; } .addtocart-checkboxes .product-image-wrapper .checkbox { position: absolute; right: 0; bottom: 0; } .soldtogether-block .amazonstyle-images { margin: 10px 0; } .soldtogether-block .amazonstyle-images li { padding-left: 25px; display: inline; background: url(https://www.printpascher.com/skin/frontend/base/default/images/tm/soldtogether/plus.png) no-repeat 5px 50%; float: left; } .soldtogether-block .amazonstyle-images .first { background: none; padding-left: 0; } .soldtogether-block .amazonstyle-checkboxes { clear: both; } .soldtogether-block .amazonstyle-checkboxes .price-box { display: inline; margin: 10px 0; } .soldtogether-block .amazonstyle-checkboxes .price-box .minimal-price-link, .soldtogether-block .amazonstyle-checkboxes .price-box p { display: inline; } .soldtogether-block .amazonstyle-checkboxes .minimal-price .price-label { font-weight: normal; } .soldtogether-block .amazonstyle-checkboxes li { margin: 0; padding: 2px 5px; } .soldtogether-block .totalprice { font-weight: bold; } .soldtogether-block .totalprice h5 { display: inline; margin: 5px; } .soldtogether-block .button-cart { margin: 5px; } .soldtogether-block .amazonstyle-images { zoom: 1; } .soldtogether-block .amazonstyle-images:after { content: '.'; display: block; visibility: hidden; clear: both; font-size: 0; height: 0; } ul.amazonstyle-images>li>a>img { box-shadow: 0 2px 4px rgba(0,0,0,0.2); } .suggestpage-index-index .col-main { border: none; } .suggestpage-activity { background: #fff; margin: 10px auto 15px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25); display: table; width: 100%; max-width: 960px; } .suggestpage-activity .col-item, .suggestpage-activity .col-totals { padding: 15px !important; display: table-cell; float: none !important; vertical-align: top; } .suggestpage-activity .col-item { width: 35%; border-right: 1px solid #e0e0e0; border-width: 0 1px 0 0; } .suggestpage-activity .col-totals { width: 65%; background: #fafafa; } .suggestpage-activity .col-totals-wide { width: 100%; border: none; } .ajaxpro-form .suggestpage-activity { box-shadow: none; border: 1px solid #ebebeb; margin-top: 0; margin-bottom: 10px; } .ajaxpro-form .suggestpage-activity div.col-item { width: 40%; } .ajaxpro-form .suggestpage-activity div.col-totals { width: 60%; } .suggestpage-activity .success-msg, .suggestpage-activity .error-msg { background: none !important; border: none !important; font-weight: normal !important; font-size: 16px !important; line-height: 1.5em !important; padding: 0 8px !important; margin: 0 !important; } .suggestpage-activity .mini-products-list { max-height: 250px; overflow: auto; } .suggestpage-activity .mini-products-list li.item { padding: 5px 10px; } .suggestpage-activity .mini-products-list .product-image { width: auto; float: left; } .suggestpage-activity .mini-products-list .product-details { margin: 0 0 0 115px; } .suggestpage-activity .mini-products-list .product-name { font-size: 14px; margin: 0.2em 0 0.4em; } .suggestpage-activity .mini-products-list .f-fix { float: left; } .suggestpage-activity .mini-products-list .item-options { margin: 5px 0; font-size: 0.9em; } .suggestpage-activity .mini-products-list .item-options dt, .suggestpage-activity .mini-products-list .item-options dd { line-height: 1.3em; } .suggestpage-activity .mini-products-list .item-options dt { float: left; clear: left; margin: 0 0.5em 0 0; } .suggestpage-activity .mini-products-list .item-options dd { padding: 0; } .suggestpage-activity .mini-products-list .btn-remove, .suggestpage-activity .mini-products-list .btn-edit { display: none; } .suggestpage-activity .cartinfo { display: inline-block; width: 100%; } .suggestpage-activity .cartinfo h3 { font: 400 22px/29px Arial, Helvetica, sans-serif; line-height: 1.4em; color: #333; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 5px; } .suggestpage-activity .cartinfo h3 a { color: #333; } #shopping-cart-totals-table { margin: 10px 0; } #shopping-cart-totals-table td, #shopping-cart-totals-table th { padding: 3px 8px; font-size: 1.1em; } .suggestpage-activity .actions button { margin: 0 0 4px; } .suggestpage-activity .mini-products-list, .suggestpage-activity .mini-products-list li { zoom: 1; } .suggestpage-activity .mini-products-list:after, .suggestpage-activity .mini-products-list li:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; font-size: 0em; } @media (max-width: 480px) { .suggestpage-activity { display: block; } .suggestpage-activity .col-item, .suggestpage-activity .col-totals { float: none; width: auto; display: block; clear: both; border: none; } .suggestpage-activity .col-item { border-bottom: 1px solid #e0e0e0; } } .testimonials-list .testimonial { font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin-top: 40px; position: relative; } .testimonials-list .testimonials { margin: 0 10px 0 10px; } .testimonials-list .testimonial:first-child { margin-top: 0px; } .testimonials-list .more-button { width: 100%; text-align: center; float: left; margin-top: 20px; margin-bottom: 20px; display: inline-block; border-radius: 1px; font-size: 18px; text-align: center; } .testimonials-list .more-button a { color: #fff; background: #479ccf; border: 1px solid #3793cb; text-shadow: 0 1px 0 #3188bc; text-decoration: none; padding: 11px 30px; transition: background 0.2s linear 0; } .testimonials-list .more-button a:focus, .testimonials-list .more-button a:hover { background: #5ba7d4; color: #fff; } .testimonials-list .more-button a:focus { background: #5ba7d4; color: #fff; box-shadow: inset 0 0 8px #3188bc; } .testimonials-list .more-button .disabled { opacity: 0.5; cursor: wait; } .testimonials-list .page-title button { float: right; } .testimonials-list .page-title h1 { float: left; border-bottom: none; } .testimonials-list .page-title:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .testimonials-list .testimonial-image { float: left; } .testimonials-list .testimonial .message-wrapper { clear: both; } .testimonials-list .testimonial .content-wrapper { float: left; width: 100%; } .testimonials-list .testimonial .message { font-style: italic; position: relative; padding: 15px; margin: 0 0 0 30px; border: 1px solid #CFCFCF; border-bottom: 2px solid #CFCFCF; color: #333; background: #fff; } .testimonials-list .testimonial .message:before { content: ""; position: absolute; top: 15px; bottom: auto; left: -23px; border-width: 10px 23px 10px 0; border-style: solid; border-color: transparent #CFCFCF; display: block; width: 0; } .testimonials-list .testimonial .message:after { content: ""; position: absolute; top: 16px; bottom: auto; left: -21px; border-width: 9px 21px 9px 0; border-style: solid; border-color: transparent #fff; display: block; width: 0; } .testimonials-list .testimonial .testimonial-date { float: right; font-size: 12px; } .testimonials-list .testimonial .rating-wrapper { float: left; font-size: 12px; } .testimonials-list .testimonial .socialInfo { font-size: 12px; padding-top: 5px; } .testimonials-list .testimonial .author-info { font-weight: bold; font-style: italic; } .testimonials-list .testimonial .socialInfo a { white-space: nowrap; } .testimonials-list .testimonial .socialInfo img { margin-right: 5px; margin-left: 5px; display: inline; } .testimonials-list .testimonial .rating-title { float: left; margin-right: 10px; line-height: 1.25; } .testimonials-list .testimonial .rating-box { float: left; } .testimonials-list .copyright { text-align: center; color: #000; font-size: .9em; } /** widgets styles */ .block-testimonials .actions a { float: none; } .block-testimonials .block-content a { color: #1b2d3b; } .block-testimonials { font-size: 11px; line-height: 1.25; } .block-testimonials .block-content .content { padding: 10px 10px 20px 10px; } .block-testimonials .block-content .testimonial-container { min-height: 130px; } .block-testimonials .block-content .content .content-wrapper { height: 75px; min-height: 75px; display: block; overflow: hidden; } .block-testimonials .block-content .read-more, .block-testimonials .block-content .read-less { padding-top: 10px; display: inline-block; } .block-testimonials .block-content .review { text-align: center; } .block-testimonials .block-content .review .score { font-weight: bold; font-size: 40px; color: #e26703; } .block-testimonials .block-content .content .rating-title { float: left; margin-right: 10px; } .block-testimonials .block-content .content .message { margin-top: 10px; } .block-testimonials .block-content .content .name { float: right; margin-top: 10px; font-style: italic; } .block-testimonials.empty-design .actions, .block-testimonials.empty-design .block-title { display: none; } .block-testimonials.empty-design, .block-testimonials.empty-design .block-content { background: none; border: none; } .block-testimonials.empty-design .block-content .content { padding: 0; } .std .testimonialForm li { list-style: none; } .testimonials-list .testimonial { zoom: 1; } .testimonials-list .testimonial:after { content: '.'; clear: both; height: 0; font-size: 0; display: block; visibility: hidden; } @media (max-width: 480px) { .testimonials-list .testimonial .testimonial-date { float: left; margin-bottom: 10px; clear: both; } .testimonials-list .testimonial-image { float: none; text-align: center; width: 100% !important; } .testimonials-list .container { margin-left: 0 !important; margin-top: 20px; } .testimonials-list .testimonial .message { margin: 0; } .testimonials-list .testimonial .message:before { content: ""; position: absolute; top: -23px; bottom: auto; left: 47%; border-width: 0 10px 23px 10px; border-style: solid; border-color: transparent transparent #CFCFCF transparent; display: block; width: 0; height: 0; } .testimonials-list .testimonial .message:after { content: ""; position: absolute; top: -21px; bottom: auto; left: 47%; border-width: 0 9px 23px 10px; border-style: solid; border-color: transparent transparent #fff transparent; display: block; width: 0; height: 0; } .testimonials-list .testimonial:first-child { margin-top: 40px; } } /** * Valdecode - Cookie Law Compliance * * NOTICE OF LICENSE * * This source file is subject to the The MIT License (MIT) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://www.valdecode.com/license/cookielaw/license.txt * * @category Valdecode * @package Valdecode_CookieLaw * @copyright Copyright (c) 2014 Valdecode * @license http://www.valdecode.com/license/cookielaw/license.txt The MIT License (MIT) */ #v-cookielaw { overflow: hidden; background-color:transparent; color: #FFF; z-index: 9999; font-size: 13px; text-align: center;} #v-cookielaw .v-message { padding: 5px 10px; text-align: center; background: rgba(0, 0, 0, 0.6); } #v-cookielaw .v-message a { color: #FFF; text-decoration: underline; } #v-cookielaw .v-message a.v-img { margin: 0 0 0 20px; text-decoration: none;} #v-cookielaw .v-actions { } #v-cookielaw .v-button { color: #222; display: inline-block; background-color: #ececec; background-image: linear-gradient(#f4f4f4, #ececec); border: 1px solid #d4d4d4; padding: 4px 10px; text-decoration: none; text-shadow: 1px 1px 0 #fff; border-radius: 2px; } #v-cookielaw .v-button.v-accept:before { content: "\2714"; } #v-cookielaw .v-button:hover, #v-cookielaw .v-button:focus { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); border-color: #3072b3; border-bottom-color: #2a65a0; background-color: #2a65a0; background-image: linear-gradient(#599bdc, #3072b3); } #v-cookielaw .v-button:active { border-color: #2a65a0; border-bottom-color: #3884cd; background-color: #3072b3; background-image: linear-gradient(#3072b3, #599bdc); } #v-cookielaw.v-bar { display: table; width: 100%; } #v-cookielaw.v-bar .v-message { display: table-cell; } #v-cookielaw.v-bar .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: right; } #v-cookielaw.v-bar.v-top { position: relative; } #v-cookielaw.v-bar.v-bottom { position: fixed; bottom: 0; } #v-cookielaw.v-box { position: fixed; max-width: 300px; border: 1px solid #000; border-radius: 3px; margin: 10px; } #v-cookielaw.v-box .v-actions { float: left; margin: 5px 10px; } #v-cookielaw.v-box.v-top-left { top: 0; left: 0; } #v-cookielaw.v-box.v-top-right { top: 0; right: 0; } #v-cookielaw.v-box.v-bottom-left { bottom: 0; left: 0; } #v-cookielaw.v-box.v-bottom-right { bottom: 0; right: 0; } /* RWD */ @media (max-width: 480px) { #v-cookielaw.v-box { display: table; width: 100% !important; padding: 5px 0 0; position: fixed; bottom: 0 !important; top: auto !important; border-top: 1px solid #000; max-width: 100%; margin: 0; border-radius: 0; border-right: 0; border-left: 0; border-bottom: 0; } #v-cookielaw.v-box .v-message { display: table-cell; } #v-cookielaw.v-box .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: left; } #v-cookielaw .v-message { float: left; } #v-cookielaw .v-actions { float: left; margin: 5px 10px; } #v-cookielaw.v-bar .v-actions { width: auto; } } /* Skin - Yellow Alert */ #v-cookielaw.v-yellow-alert { background: #fffbcd; border-color: #e2cd7b !important; } /* Skin - Dark Clean */ #v-cookielaw.v-dark-clean { color: #fff; background: #2c2c2c; border-color: #55575f !important; } #v-cookielaw.v-dark-clean .v-button { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); border-color: #3072b3; border-bottom-color: #2a65a0; background-color: #2a65a0; background-image: linear-gradient(#599bdc, #3072b3); } #v-cookielaw.v-dark-clean .v-button:hover, #v-cookielaw.v-dark-clean .v-button:focus { background-color: #3678a0; background-image: linear-gradient(#68abdc, #387cb3); } /* Skin - Minimalist */ #v-cookielaw.v-minimalist { color: #2c2c2c; background: #f0f0f0; border-color: #e0e0e0 !important; font-size: 11px; font-family: Verdana; } #v-cookielaw.v-bar.v-minimalist { padding: 2px 0; } #v-cookielaw.v-box.v-minimalist { width: 260px; } #v-cookielaw.v-box.v-minimalist .v-actions { margin: 5px; } #v-cookielaw.v-box.v-minimalist .v-message { padding: 5px; } #v-cookielaw.v-minimalist .v-button { padding: 3px 6px; } /* @group Base */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; zoom: 1; *display: inline; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } /* @end */ /* @group Single Chosen */ .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 23px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-clip: padding-box; box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url('https://www.printpascher.com/skin/frontend/argento/default/chosen/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url('https://www.printpascher.com/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 0px 2px; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: white url('https://www.printpascher.com/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -20px; background: url('https://www.printpascher.com/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('https://www.printpascher.com/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://www.printpascher.com/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://www.printpascher.com/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://www.printpascher.com/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } /* @end */ /* @group Results */ .chosen-container .chosen-results { position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chosen-container .chosen-results li.no-results { display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Multi Chosen */ .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: auto !important; height: 1%; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 5px; height: 15px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #666; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-multi .chosen-choices li.search-field .default { color: #999; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 0 3px 5px; padding: 3px 20px 3px 5px; border: 1px solid #aaa; border-radius: 3px; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url('https://www.printpascher.com/skin/frontend/argento/default/chosen/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); box-shadow: 0 1px 0 #fff inset; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #111 !important; } /* @end */ /* @group Disabled Support */ .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: white url('https://www.printpascher.com/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -30px -20px; background: url('https://www.printpascher.com/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('https://www.printpascher.com/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://www.printpascher.com/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://www.printpascher.com/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://www.printpascher.com/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } /* @end */ /* @group Retina compatibility */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url('https://www.printpascher.com/skin/frontend/argento/default/chosen/chosen-sprite@2x.png') !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } /* @end */ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } ul.add-row, .form-list li.add-row { background:url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_dots.gif) repeat-x 0 0; margin-top:15px; padding-top: 5px; } ul.add-row .btn-remove, .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:0; margin:0; text-align:right; float: right; } .form-list .range input.input-text { float:none; width:64px; vertical-align:middle; } p.value { clear: both; } /* Reward Points */ .rewards { margin:-10px 0 20px; } .reward-message { display:block; margin:5px -15px 5px -15px; background:#d55721 url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_rewards.gif) 5px 3px no-repeat; padding:3px 5px 3px 32px; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#fff; } .reward-message p { display:inline; margin:0 !important; } .reward-message .limit { display:block; font-size:11px; line-height:1.15; } .reward-message a { color:#ffe6dc; text-decoration:underline; } .reward-message a:hover { color:#ffe6dc; text-decoration:none; } .reward-message .price { font-size:1em; font-weight:normal; } /* Block: Events */ .event { background-color:#fbf4de; border-bottom:1px solid #e2d4c7; width:182px; position:static; height:144px; text-align:center; } .event .status { font-weight:normal; font-size:16px; display:block; padding:19px 0 0; margin:0 0 0; text-align:center; color:#cf3a00; } .event .event-ticker { color:#cf3a00; height:55px; } .event .event-ticker span { font-size:32px; line-height:40px; height:40px; padding-bottom:10px; background-image:url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_ticker.gif); background-repeat:no-repeat; display:inline-block; } .event .event-ticker span, x:-moz-any-link { padding-bottom:13px; }/* FireFox 2 fix */ .event .event-ticker span, x:-moz-any-link, x:default { padding-bottom:10px; }/* FireFox 3 restore */ .event .event-ticker span.days { background-position:50% 3px; } .event .event-ticker span.hour { background-position:50% -56px; } .event .event-ticker span.minute { background-position:50% -115px; } .event .event-ticker span.second { background-position:50% -174px; } .event .event-ticker span.delimiter { background:none; } .event .event-dates { font-size:14px; color:#555; height:51px; padding-top:4px; } .event .event-dates .date-part { font-weight:bold; } .event .event-dates .time-part { font-size:12px; } .event p a { color:#666; font-size:11px; } .event .event-bottom { background:url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_slider-events.gif) no-repeat 50% 0; position:absolute; z-index:2; height:12px; width:23px; left:50%; margin-left:-11px; bottom:-12px; } .open .event-button span {} .upcoming { background:#f6f6f6; } .upcoming .status { color:#333; } .closed .event-button, .col-main .closed .event-button, .col-main .upcoming .event-button, .upcoming .event-button, .closed .event-button span, .col-main .closed .event-button span, .col-main .upcoming .event-button span, .upcoming .event-button span { line-height:27px !important; font-size:12px !important; color:#7c7b7b !important; background:none !important; padding:0 !important; width:auto !important; display:inline !important; text-transform:capitalize; } .upcoming .event-button { text-decoration:underline !important; } .upcoming .event-button:hover { text-decoration:none !important; } .upcoming p a { color:#666; } .upcoming .event-bottom { background-position:50% -187px; } .closed { background:#494949; } .closed .status, .closed .event-dates { color:#e2d4c7 } .closed .event-button {} .event-container { clear:both; border:1px solid #d0af83; position:relative; z-index:2; border-width:1px 1px; margin-top:7px; margin-bottom:-5px; height:59px; } .event-container .event { background-color:transparent; background-repeat:no-repeat; background-position:50% 100%; padding-bottom:18px; margin-bottom:-18px; padding-top:5px; height:52px; line-height:50px; text-align:center; width:auto; position:relative; z-index:2; border-bottom:0 !important; } .event-container .container { display:inline; margin:0; padding:0; background:none; } .event-container .status { display:inline; margin:0 10px 0 0; background:none; font-size:22px; } .event-container .event-ticker { display:inline; font-size:28px; height:auto; } .event-container .event-ticker span { line-height:50px; height:50px; padding:0; } .event-container .event-ticker span , x:-moz-any-link { padding:5px 0 5px; }/* FireFox 2 fix */ .event-container .event-ticker span , x:-moz-any-link, x:default { padding:0; }/* FireFox 3 restore */ .event-container .event .event-ticker span.days { background-position:50% 4px; } .event-container .event .event-ticker span.hour { background-position:50% -55px; } .event-container .event .event-ticker span.minute { background-position:50% -114px; } .event-container .event .event-ticker span.second { background-position:50% -173px; } .event-container .event-dates { display:inline; font-size:22px; height:auto; } .event-container .event-dates .time-part { font-size:14px; } .event-container .event-dates div, .event-container .event-dates p { display:inline; } .container-open { background:#f7d4b6 url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_event-container-open.gif) repeat-x 0 0; } .container-open .open { background-image:url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_event-container-open.gif); padding-top:3px; height:54px; } .container-upcoming { border-color:#d0d0d0; background:#eeeeee url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_event-container-upcoming.gif) repeat-x 0 0; } .container-upcoming .upcoming { background-image:url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_event-container-upcoming.gif); } .container-closed { background:#9f958c } /* Block: Events Lister */ .col3-layout .col-main .widget-events { margin:0 -20px 1px; position:relative; z-index:1; } .widget-events { padding:11px; background:#f0eae3; } .col1-layout .col-main .widget-events { padding:12px; } .events-slider { position:relative; clear:both; margin:0 0 0; border:1px solid #d0c2b6; z-index:2; } .events-slider .slider-panel, .events-slider ul.slider li.slider-item, .events-slider .slide-button { float:left; display:inline; } .events-slider .event { position:relative; z-index:1; } .events-slider p { margin: 0 0 0.1em; } .events-slider .slider-panel { position:relative; overflow:hidden; background:#d0c2b6; z-index:1; width:0; } .events-slider ul.slider { width:200000px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)" !important; padding: 0; margin: 0; } .events-slider ul.slider li.slider-item { overflow:hidden; width:182px; height:386px; border-right:1px solid #d0c2b6; background:#f5f5f5; padding-left:0; } .events-slider ul.slider li.slider-item .category-name { font-size:16px; font-weight:normal; color:#454343; display:block; padding:80px 10px 0; } .events-slider ul.slider li.slider-item .category-show { width:182px; height:241px; overflow:hidden; text-align:center; display:block; text-decoration:none; } .events-slider ul.slider li.slider-item .no-event { height:401px; } .events-slider .slide-button { background:url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_slide-button.gif) no-repeat 0 0; position:absolute; text-indent:-999em; cursor:pointer; top: 5px; width:28px; height:28px; z-index:2; overflow:hidden; } .events-slider .backward { left: 5px; } .events-slider .forward { right: 5px; background-position:0 -40px; } .events-slider .inactive { cursor:default; display:none; } .sidebar .widget-events { background:none; padding:0; } .sidebar .events-slider { border:1px solid #cfcfcf; margin:-1px -1px 0; background:#fff; padding:0; } .sidebar .events-slider .event { height:115px; } .sidebar .events-slider ul.slider li.slider-item { width:182px; height:300px; margin:0; border-color:#cfcfcf; border-width:0 1px 0 0; } .sidebar .events-slider ul.slider .status { padding-top:10px; padding-bottom:5px; } .sidebar .events-slider ul.slider .event-dates { height:40px; } .sidebar .events-slider ul.slider li.slider-item .category-name { font-size:16px; font-weight:normal; color:#454343; display:block; padding:50px 10px 0; } .sidebar .events-slider ul.slider li.slider-item .category-show { height:241px; } .sidebar .events-slider { margin-top:-1px; } .sidebar .events-slider .backward { left:3px; top:6px; } .sidebar .events-slider .forward { right:3px; top:6px; } .sidebar .events-slider .event-ticker { height:45px; } .sidebar .events-slider .event-ticker span { font-size:22px; line-height:28px; height:28px; padding-bottom:10px; background-image:url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_ticker1.gif); background-repeat:no-repeat; display:inline-block; } .sidebar .events-slider .event-ticker span.days { background-position:50% -10px; } .sidebar .events-slider .event-ticker span.hour { background-position:50% -69px; } .sidebar .events-slider .event-ticker span.minute { background-position:50% -128px; } .sidebar .events-slider .event-ticker span.second { background-position:50% -185px; } /* Generic box */ .info-box { border:1px solid #cfcfcf; margin-top:-1px; background:#f5f5f5 url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_block.gif) repeat-x 0 0; position:relative; z-index:1; } .info-box .box-title { margin:17px 17px 0 17px; font:14px/1.25 Arial, Helvetica, sans-serif; padding:0; color:#222; } .info-box .box-title a { font-size:11px; text-transform:lowercase; } .info-box .box-content { padding:10px 17px 17px; color:#555; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* jQzoom */ div.jqZoomTitle { z-index:5000; text-align:center; position:absolute; top:0; left:0; width:100%; color:#fff; background:#999; } .jqZoomPup { overflow:hidden; background-color:#fff; z-index:10; border-color:#fff; border-style:solid; cursor:crosshair !important; /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity:0.6; opacity:0.6; */ } a.product-image { cursor:pointer !important; } p.product-image { cursor:default !important; } .zoom-activated {} .jqZoomPup img { border:0; } .preload { text-decoration:none; border:1px solid #ccc; padding:8px; text-align:center; background:#fff url(https://www.printpascher.com/skin/frontend/argento/default/images/zoomloader.gif) no-repeat 43px 30px; width:90px; height:43px; z-index:10; position:absolute; top:3px; left:3px; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); } .jqZoomWindow { border:1px solid #ccc; background-color:#fff; } /* Gift Card product */ .giftcard-form {} .giftcard-amount-form { margin:0 0 10px; } .giftcard-amount-form label { width:120px; text-align:left; padding-right:5px; } .giftcard-amount-form .form-list .input-text { width:70px; } .giftcard-amount-form .form-list select { width:150px; } .giftcard-amount-form .form-list .input-box { padding-right:20px; margin-right:9px; } .giftcard-amount-form .form-list .input-box .v-fix { white-space:nowrap; } .giftcard-amount-form .form-list .input-box p.notice { float:left; padding:0; clear:left; width:55px; margin:5px -100px 0 0; white-space:nowrap; font-size:11px; position:relative; z-index:1; } .giftcard-amount-form .form-list .input-box p.notice span { margin-right:5px; display:block; } .giftcard-send-form { z-index:2; position:relative; border-top:1px solid #ddd; padding:30px 30px 10px; margin:0 0 10px; } .catalog-product-view .giftcard-send-form { border-bottom-width: 0; margin:0 0 -22px; } .giftcard-send-form label { text-align:left; padding-right:5px; padding-bottom:5px; } .giftcard-send-form .field label { padding-bottom:0; } .giftcard-send-form .field .input-text { width:249px !important; } .cms-menu { padding:15px; border-bottom:1px solid #d1d1d1; background:#fff url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_cms-menu.gif) 0 0 repeat-x; font-size:12px; list-style-position:inside; } .col-main .cms-menu { float:left; width:240px; border:1px solid #d1d1d1; margin:0 10px 5px 0; } .cms-menu li { color:#999; margin:3px 0; } /*.cms-menu li span { color:#444; }*/ .cms-menu li.parent > a, .cms-menu li.parent > strong { background:url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_cms-menu-arrow-down.gif) 100% 50% no-repeat; padding-right:13px; } .cms-menu li strong { font-size:13px; font-weight:bold; color:#333; } .cms-menu li ul, .cms-menu li ol { padding-left:15px; margin-bottom:7px; list-style-position:inside; } /* CMS Menu Types */ ol.cms-menu.type-1 { list-style-type:decimal; } ol.cms-menu.type-1 ol { list-style-type:decimal; } ol.cms-menu.type-a { list-style-type:lower-alpha; } ol.cms-menu.type-a ol { list-style-type:lower-alpha; } ol.cms-menu.type-A { list-style-type:upper-alpha; } ol.cms-menu.type-A ol { list-style-type:upper-alpha; } ol.cms-menu.type-i { list-style-type:lower-roman; } ol.cms-menu.type-i ol { list-style-type:lower-roman; } ol.cms-menu.type-I { list-style-type:upper-roman; } ol.cms-menu.type-I ol { list-style-type:upper-roman; } ul.cms-menu.type-circle { list-style-type:circle; } ul.cms-menu.type-circle ul { list-style-type:circle; } ul.cms-menu.type-disc { list-style-type:disc; } ul.cms-menu.type-disc ul { list-style-type:disc; } ul.cms-menu.type-square { list-style-type:square; } ul.cms-menu.type-square ul { list-style-type:square; } /* Store credit */ .storecredit .account-balance { margin:0 0 20px; padding:0 0 10px; font-size:12px; background:url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_dots.gif) repeat-x 0 100%; } .storecredit .account-balance .price { font-weight:bold; } .giftcard-redeem { padding-bottom:20px; } .giftcard-redeem .input-box { margin-right:5px; } /* Gift card */ .giftcardaccount { position:relative; z-index:1; padding-top:1px; } .giftcard-status .messages, .giftcardaccount .messages { margin-bottom:10px; } .giftcardaccount p { margin:15px 0; font-size:12px; } .giftcardaccount .fieldset { margin:0; } .giftcardaccount .btn-only { margin:0 0 15px; } .giftcardaccount .please-wait { position:absolute; z-index:99; top:50%; left:50%; margin:-34px 0 0 -90px; border:5px solid #f3b66f; font-size:12px; color:#f18200; font-weight:bold; background:#fff; padding:20px; white-space:nowrap; } /* Gift Card Status Check */ .giftcard-status .gift-card-info, .giftcard-status p.error-msg, .giftcardaccount #giftcard_balance_lookup .gift-card-info, .giftcardaccount #giftcard_balance_lookup p.error-msg { margin:10px 0 20px; } .gift-card-info { margin:10px 0; padding:10px 10px 5px; border:1px dashed #d9d9d9; background:#fcf7f5; } .gift-card-info p { font-size:12px; margin:0 0 5px; } .gift-card-info .giftcard-number { font-weight:bold; } .gift-card-info .form-list label {} .gift-card-info .btn-only { padding-left:0; } #gc-please-wait { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity:0.8; opacity:0.8; } /* Reward Points */ .my-rewards .box { margin:0 0 30px; } .my-rewards .info-box .box-title { margin:10px 10px; } .my-rewards .info-box .box-content { padding:0 10px 10px; } .my-rewards p.error { display:inline; color:#d91a00; } .my-rewards dl { font-size:12px; } .my-rewards dl dt { font-weight:bold; font-size:13px; margin-top:10px; } .my-rewards dl dt span { color:#d12c01; } .my-rewards dl dd.last { margin:7px 0 0; } .my-rewards .form-list label { width:auto; } .my-rewards .form-list .control .input-box { position:static; margin:0 5px 0 0; } .my-rewards .data-table small { display:block; font-size:1em; color:#808080; } /* Gift Registry Functionality */ .btn-gift-registry { background:url(https://www.printpascher.com/skin/frontend/argento/default/images/i_gift-registry3.gif) 0 0 no-repeat; padding:3px 0 0 33px; text-align:left; } .btn-gift-registry .input-box { margin:0 0 7px; } .btn-gift-registry select { width:100%; } .gift-registry-name { background:url(https://www.printpascher.com/skin/frontend/argento/default/images/i_gift-registry2.gif) 0 0 no-repeat; margin:3px 0 0; padding:0 0 0 20px; line-height:18px; } /* Block: Gift Registry Search */ .sidebar .block-gr-search .form-alt .input-box { width:148px; margin:3px 0 0; padding:0; } .sidebar .block-gr-search .form-alt input.input-text { width:142px; } .sidebar .block-gr-search .form-alt select { width:148px; } .block-gr-search p.note { margin:0 0 3px; text-align:right; color:#f15c22; } /* Order By SKU */ .wrapper .block-addbysku .input-box.validation-error, .wrapper .block-addbysku .input-box.validation-passed { padding-right:0; background:none; } .wrapper .block-addbysku .validation-advice { margin-right:-19px; } .main .block.block-addbysku .block-content { padding:10px 4px 10px; } .block-addbysku .data-table th, .block-addbysku .data-table td { padding:6px 4px; } .block-addbysku .data-table th:first-child, .block-addbysku .data-table td:first-child { padding-left:13px; } .sidebar .block-addbysku .actions { padding:0 13px 7px; } p.link-widget-sku { padding:15px 13px; text-align:left; float:left; } .sidebar p.link-widget-sku { padding:5px 13px 0; text-align:right; border-top:1px dotted #dadada; float:none; } p.link-widget-sku a { color:#999; } .block-addbysku .actions { text-align:right; margin:15px 0 10px; float:right; } .sidebar .block-addbysku .actions { float:none; } .block-addbysku .file-upload { float:left; text-align:left; border:1px solid #dadada; padding:10px 17px; background:#F5F5F5 url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_block.gif) repeat-x 0 100%; margin-top:10px; } .block-addbysku .file-upload label { display:block; float:none; width:auto; min-width:60px; text-align:left; } .block-addbysku .file-upload p { padding:3px 0; } .block-addbysku .file-upload .btn-reset { display:inline-block; margin-left:15px; } .block-addbysku .file-upload .btn-reset span { margin-left:0; padding:3px 0; display:inline-block; cursor:pointer; color:#999; } .block-addbysku .file-upload .input-box { display:block; float:none; } .block-addbysku .file-upload .note { width:auto; clear:both; padding:2px 0; } .block-addbysku .data-table {} .block-addbysku .data-table td .btn-remove { margin:4px 0 0; float:right; margin-right:-16px; cursor: pointer; } .block-addbysku .data-table td .input-box { float:left; } .block-addbysku .data-table td .qty { width:5em!important } .block-addbysku .data-table td.last { padding-right:18px; } .block-addbysku .data-table tfoot td.last { text-align:right; } .block-addbysku .data-table .add-row { cursor:pointer; font-weight:bold; color:#999; } .block-addbysku .data-table .input-box { width:99%; } .wrapper .block.block-addbysku .data-table .validation-advice { } .wrapper .block.block-addbysku .data-table .col-sku { width:auto; } .wrapper .block.block-addbysku .data-table .col-qty, .wrapper .block.block-addbysku .data-table .col-remove { width:13px; } .wrapper .block.block-addbysku .data-table .input-text { width:99%; } /* Restricted ================================================================================ */ .restriction-index-stub { background: none; } .restriction-index-stub .page { padding-bottom:3px; } .restriction-index-stub .main { padding:13px; text-align:center; margin-bottom:0; } .restriction-index-stub .col-main { color:#847f7f; min-height:230px; height:230px; font-size:16px; padding: 0; } .restriction-index-stub .page-title { margin:0 0 15px !important; padding:0 !important; border:0 !important; background:none; } .restriction-index-stub .col-main h1, .restriction-index-stub .col-main h2 { font:italic 35px Georgia, "Times New Roman", Times, serif; color:#fff; } .restriction-index-stub .header-container, .restriction-index-stub .footer-container { display:none; } .restriction-index-stub .copyright { background:url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_shadow-offline.gif) 50% 0 no-repeat; padding:15px 0 0; margin:0; } .restriction-index-stub .private-sales-index { padding: 0; margin: 10px auto; } /* Old private sales index ================================================================================ */ .private-sales-index { margin:10px auto 20px; padding:40px 0; max-width: 656px; } .private-sales-index .box { border:1px solid #e2ded0; background:#fff url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_ps.gif) no-repeat 50% 0; padding:50px 13px 0; margin:0 auto; } .private-sales-index .box .content { padding:0 60px 70px; font-size:14px; } .private-sales-index .box .content p { text-align:center; } .private-sales-index .box .content a { color:#444444; } .private-sales-index .box .content h1 { background:url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_ps-logo.gif) no-repeat 50% 0; padding:60px 0 5px; font-size:29px; font-weight:normal; color:#ec4e00; } .private-sales-index .box .content .description { background:url(https://www.printpascher.com/skin/frontend/argento/default/images/bkg_ps-descr.gif) no-repeat 50% 0; margin:40px auto 0; padding:30px 50px 30px; font:normal 20px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#817268; } /* Block: Checkout Progress */ .opc-wrapper .opc { float: left; width: 75%; } .opc-wrapper .fieldset { padding: 0; margin: 0; border: none; } .opc-progress-container { float:right; width:24%; } .opc-progress-container .opc-block-progress { background:#fff; } .opc-progress-container .opc-block-progress .block-title { padding:17px 11px 10px 17px; background:none; border:0; border-bottom:1px solid #cfcfcf; } .opc-progress-container .opc-block-progress .block-title strong { font:18px/1.1 Arial, Helvetica, sans-serif; padding:0; color:#111; } .opc-progress-container .opc-block-progress .block-content { padding:17px 11px 17px 17px; } .opc-progress-container .opc-block-progress dt { font-weight:bold; margin:2px 0 8px; } .opc-progress-container .opc-block-progress dt.complete { font-weight:bold; margin:2px 0 4px; } .opc-progress-container .opc-block-progress dt.complete a { font-weight:normal; text-transform:lowercase; } .opc-progress-container .opc-block-progress dd.complete { margin:5px 0 8px; padding:5px; } .opc-progress-container .block-progress .cards-list dd { padding:0; } .opc-progress-container .block-progress .cards-list .info-table th { font-weight:normal; } .checkout-reward label, .checkout-onepage-payment-additional-customerbalance label { color: #000 !important; } #bundleProduct:after, .events-slider:after, .product-image-popup .nav:after, .gift-item:after, .bundle-summary .product:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } @media (max-width: 767px) { .private-sales-index .box .content { padding: 0 15px 10px; } .private-sales-index .box .content .description { padding: 20px 10px; margin-top: 25px; } } @media (max-width: 480px) { .private-sales-index { padding: 0; } .private-sales-index .box { padding: 0; } .private-sales-index .box .content { padding: 10px; } .private-sales-index .box .content h1 { background: none; padding-top: 0; font-size: 21px; } .private-sales-index .box .content .description { margin: 20px auto 0; padding: 12px; font-size: 16px; } .opc-progress-container { display: none; } .opc-wrapper .opc { float: none; width: auto; } } body { background: #444; } body { font-family: 'Montserrat'; } .page-popup { background: #fff; } /* Headings */ h1, .h1 { font-size: 23px; font-weight: normal; line-height: 1.15; } h2, .h2 { font-size: 17px; font-weight: normal; line-height: 1.25; } h3, .h3 { font-size: 15px; font-weight: bold; line-height: 1.25; } h4, .h4 { font-size: 14px; font-weight: bold; } h5, .h5 { font-size: 12px; font-weight: bold; } h6, .h6 { font-size: 11px; font-weight: bold; } h2, .h2 { margin-bottom: 0.2em; } p { margin-bottom: 0.4em; line-height: 1.6em; } p.note { font-size: 0.9em; color: #444; } a { color: #023761; } img { max-width: 100%; width: auto; height: auto; } small { font-size: 0.8em; } button { cursor: pointer; } button.button { } button.button span { height: 27px; font: bold 11px/27px Tahoma, Arial, Helvetica, sans-serif; color: #fff; background-color: #ff963b; } button.button span span { padding: 0 14px; } button.button:active { position: relative; top: 1px; } .buttons-set button.button { margin-left: 3px; display: inline; float: right; } button.btn-alt span { background-color: #a2a2a2; } .form-list .name-middlename { width: 155px; } /*Fix for added Middlename*/ .strong { font-weight: bold; } .std ul.add-to-links { padding: 0; list-style: none; } .std .products-grid { padding: 0; list-style: none; } .std .fa { font-style: normal; } .price-box p { margin: 0; line-height: 1.4em; } .buttons-set { border: none; } .subtitle { clear: both; padding: 10px 0; font-size: 18px; color: #d12c01; } .sub-title { font-size: 16px; font-weight: normal; color: #000; line-height: 19px; margin: 0 0 10px; } .sub-title .separator { font-weight: normal; } .sub-title a { font-size: 11px; font-weight: normal; text-transform: lowercase; } .section-title { font-size: 14px; font-weight: normal; color: #151515; margin: 0 0 5px; } .hero.block, .hero .block { margin: 0; } .hero.block + .hero.block, .hero .block + .block { margin-top: 10px; } .hero.block .block-title, .hero .block .block-title, .hero .block-title { text-align: center; background: none; font-size: 20px; font-weight: normal; border: none; } .hero p.subtitle { margin: 0 0 1em; font-size: 17px; text-align: center; } .hero .subtitle, .hero .subtitle a { color: #000; } .hero .subtitle a { text-decoration: none; } .hero .subtitle a:hover { text-decoration: underline; } /* jumbotrons */ .jumbotron { background: #fff; position: relative; transition: background ease 1s; } .jumbotron.jumbotron-delivery-background{ background: #6194dc; transition: background ease 1s; } .jumbotron.jumbotron-christmas-background{ background: #aa2724; transition: background ease 1s; } .jumbotron.jumbotron-yellow-background { background: #ffcf10; transition: background ease 1s; } .jumbotron.jumbotron-blue-background { background: #21adac; transition: background ease 1s; } .jumbotron-purple-background{ background: #5c275f; transition: background ease 1s; } .jumbotron-pink-background{ background: #ff0747; transition: background ease 1s; } .jumbotron .container { max-width: 1170px; } .jumbotron.jumbotron-bright { background: #f15922; } .jumbotron.jumbotron-pastel { background: #229392; } .jumbotron.jumbotron-pastel-alt { background: #a5205f; } .jumbotron.jumbotron-dark { background: #222337; } .jumbotron.jumbotron-pattern { background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/pattern.jpg) 50% 0; } .jumbotron.jumbotron-image { background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/bkg_sky.jpg) 50% 0; } .jumbotron-inverse, .jumbotron-inverse .block-title, .jumbotron-inverse .block .block-title, .jumbotron-inverse .block-title span, .jumbotron-inverse .block .block-title span, .jumbotron-inverse .subtitle, .jumbotron-inverse a, .jumbotron-inverse .easycatalogimg .parent-category a { color: #fff; } .jumbotron .block:last-child { margin: 0; } .jumbotron-slider { padding: 0; } .jumbotron-slider .container { padding: 0 !important; } .jumbotron .easyslideslider-id { margin: 0 auto; } .jumbotron + .jumbotron { border-top: 1px solid #e2e2e2; } .jumbotron-bright + .jumbotron, .jumbotron-pastel + .jumbotron, .jumbotron-pastel-alt + .jumbotron, .jumbotron-dark + .jumbotron, .jumbotron-pattern + .jumbotron, .jumbotron-image + .jumbotron, .jumbotron + .jumbotron-bright, .jumbotron + .jumbotron-pastel, .jumbotron + .jumbotron-pastel-alt, .jumbotron + .jumbotron-dark, .jumbotron + .jumbotron-pattern, .jumbotron + .jumbotron-image { border-top: none; } .jumbotron-bright + .jumbotron-bright, .jumbotron-pastel + .jumbotron-pastel, .jumbotron-pastel-alt + .jumbotron-pastel-alt, .jumbotron-dark + .jumbotron-dark { border-top: 1px solid #fff; } .jumbotron .stub, .jumbotron .stub:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .jumbotron .stub { z-index: 1; border-width: 31px 51px 0; top: -1px; left: 50%; margin-left: -51px; border-top-color: #e2e2e2; } .jumbotron .stub:after { content: ''; border-width: 30px 50px 0; top: -31px; margin-left: -50px; content: ' '; border-top-color: #fff; } .jumbotron + .jumbotron-bright .stub, .jumbotron + .jumbotron-pastel .stub, .jumbotron + .jumbotron-pastel-alt .stub, .jumbotron + .jumbotron-dark .stub, .jumbotron + .jumbotron-pattern .stub, .jumbotron + .jumbotron-image .stub { border-top-color: transparent; top: 0px; } .jumbotron-bright + .jumbotron .stub, .jumbotron-bright + .jumbotron .stub:after { border-top-color: #f15922; } .jumbotron-pastel + .jumbotron .stub, .jumbotron-pastel + .jumbotron .stub:after { border-top-color: #229392; } .jumbotron-pastel-alt + .jumbotron .stub, .jumbotron-pastel-alt + .jumbotron .stub:after { border-top-color: #a5205f; } .jumbotron-dark + .jumbotron .stub, .jumbotron-dark + .jumbotron .stub:after { border-top-color: #222337; } .jumbotron-bright + .jumbotron-bright .stub, .jumbotron-pastel + .jumbotron-pastel .stub, .jumbotron-pastel-alt + .jumbotron-pastel-alt .stub, .jumbotron-dark + .jumbotron-dark .stub { border-top-color: #fff; } /* Covers - similar to stubs, but it cover the current jumbotron at the bottom with transparent triangle */ .jumbotron .cover .triangle { float: none !important; border-bottom: 30px solid #229392; width: 50%; box-sizing: border-box; position: absolute; bottom: 0; z-index: 6; /* 6 to cover the easyslider */ } .jumbotron .cover .triangle { border-bottom-color: #fff; } .jumbotron .cover-pastel { display: none; } .jumbotron .cover-pastel .triangle { border-bottom-color: #229392; } .jumbotron .cover-pastel-alt .triangle { border-bottom-color: #a5205f; } .jumbotron .cover-bright .triangle { border-bottom-color: #f15922; } .jumbotron .cover-dark .triangle { border-bottom-color: #222337; } .jumbotron .cover .right { right: 0; border-left: 49px solid transparent; } .jumbotron .cover .left { left: 0; border-right: 49px solid transparent; } .stub ~ .container, .stub + .h2 { padding-top: 15px; } /* end of jumbotrons */ .icon-section { margin: 0 0 10px; clear: left; } .icon-section .fa-stack { float: left; margin-top: 7px; } .icon-section .section-info { margin-left: 60px; } @media (max-width: 768px) { .sidebar .icon-section { text-align: center; } .sidebar .icon-section .fa-stack { float: none; margin-bottom: 7px; } .sidebar .icon-section .section-info { margin: 0; } } /* Slider */ .easyslide-controls .easyslide-num { background-color: #000; width: 15px; height: 15px; margin: 0 3px; } .easyslide-controls .easyslide-num:hover { background-color: #000; opacity: 0.9; } .easyslide-controls .easyslide-num.active { background-color: #000; } .easyslide-controls-wrapper.controls-arrow { position: relative; } .easyslide-controls .easyslidestop, .easyslide-controls .easyslideplay { display: none; } .easyslide-controls a.easyslidenext, .easyslide-controls a.easyslideprev { position: absolute; top: 40%; opacity: 1; } .easyslide-controls a.easyslidenext { right: 10px; } .easyslide-controls a.easyslideprev { left: 10px; } .easyslide-controls a:hover { opacity: 0.6; } /* Global site notices */ .global-site-notice { border: 1px solid #cfcfcf; border-width: 0 0 1px; background: #ffff90; font-size: 12px; line-height: 1.25; text-align: center; color: #2f2f2f; } .global-site-notice .notice-inner { width: 860px; margin: 0 auto; padding: 12px 0 12px 80px; background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/i_notice.gif) 20px 25px no-repeat; text-align: left; } .global-site-notice .notice-inner p { margin: 0; border: 1px dotted #cccc73; padding: 10px; } .global-site-notice .notice-inner .actions { padding-top: 10px; } /* Cookie Notice */ .notice-cookie { position: fixed; z-index: 9999; width: 100%; bottom: 0; left: 0; margin: 0 !important; opacity: 0.95; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=95)'; /* IE8 */ } .data-table th, .data-table td { padding: 10px 20px; } .data-table tr.odd { background: #fff; } textarea { width: 250px; } textarea, input[type='text'], input[type='email'], input[type='search'], input[type='password'] { border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ddd; } .customer-account-login input[type='text'] { border-radius: 0px; } textarea.disabled, input.disabled { background: #f6f6f6; color: #bbb; } select::-ms-expand { display: none; } .fieldset { background: #f4f4f4; } .fieldset .legend { background: #fff; border-color: #ddd; padding: 1px 8px; font-weight: normal; font-size: 15px; } .form-list label { margin: 0 0 5px; font-weight: normal; font-size: 14px; } .form-list .control label { margin: 0; vertical-align: middle; } .form-list li { margin-bottom: 10px; } .form-list li.wide .input-box { width: auto; } .form-list textarea { width: 98%; } .form-list select { width: 254px; } .form-list li.wide textarea, .form-list li.wide select, .form-list li.wide input.input-text { width: 100%; max-width: 780px; } .form-list .input-box { width: auto; } .form-list input.input-text, .form-list .fields input, .form-list textarea, .discount .input-text { font-size: 14px; padding: 8px 12px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: 1px solid #aaa; border-color: #aaa #ccc #ccc #ccc; } .customer-account-edit .form-list li input { border-radius: 5px; width: 242px; } .form-list input.input-text:focus, .form-list select:focus, .form-list textarea:focus { background-color: #fafafa; } .form-list label.required em { right: -10px; } .page-title { padding: 7px 0 8px; } .page-head { padding: 3px 0 4px; margin-bottom: 4px; } .account-login .page-title h1, .account-login .page-title h2, .account-h1 { font-size: 25px !important; font-weight: 900; color: #333e48; display: flex; flex-direction: row; justify-content: center; text-align: center; } .account-login .page-title h1:before, .account-login .page-title h1:after, .account-h1:before, .account-h1:after { background-color: #ffcf10; content: '\a0'; height: 2px; position: relative; top: 0.6em; width: 12%; } .account-login .page-title h1:before, .account-h1:before { margin-right: 12px; } .account-login .page-title h1:after, .account-h1:after { margin-left: 12px; } .page-head-alt { padding: 7px 0 8px; margin: 0 0 7px; } .page-head-alt h3, .page-head-alt h2 { font-size: 24px; font-weight: normal; } /* layout */ .page { position: relative; height: auto; width: auto; padding: 0; } .col3-layout .col-wrapper { width: 75%; } .col3-layout .col-right { width: 24%; } .col3-layout .col-left { width: 30%; } .col2-left-layout .sidebar, .col2-right-layout .sidebar { width: 27%; } .col2-left-layout .col-main, .col2-right-layout .col-main { width: 71%; margin: 0 0 0 10px; } .customer-account-index .col2-left-layout .col-main, .customer-account-index .col2-right-layout .col-main { width: 73%; margin: 0; } .col3-layout .col-main { margin-left: 7px; width: 68%; } .top-toolbar, .header, .top-container, .main, .footer, .footer-toolbar, .footer-cms { padding: 0 5px; width: 960px; margin: 0 auto; border: none; } .sub-footer { background-color: #eaeaea; } .sub-footer img { padding: 28px 0 0; } .sub-footer p { padding: 20px 0 16px 0; } /* header */ .top-toolbar .links li, .footer .links li { float: left; } .links a { padding: 0 5px 0 6px; background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/links_div.gif) no-repeat 0 50% !important; white-space: nowrap; } .links li.first a { background: none !important; padding-left: 0; } .orange { color: #f29d00 !important; } .grey { color: #515151 !important; } .white { color: #ffffff !important; } /* <<< top toolbar */ .top-toolbar-container { background: #eaeaea; } .top-toolbar { color: #7f7f7f; font: normal 0.9em Tahoma, Verdana, Arial, Helvetica, sans-serif; } /* cms links */ .header-links { margin-right: 80px; float: left; } .top-toolbar .welcome-msg { float: left; margin: 0 10px 0 0; line-height: normal; } .top-toolbar { padding: 9px 5px; } .top-toolbar .quick-links { float: right; text-align: right; } .top-toolbar .quick-links .links { float: right; } .top-toolbar .links a { color: #7f7f7f; text-decoration: none; } .top-toolbar .links a:hover { text-decoration: underline; } .top-toolbar input, .top-toolbar select, .top-toolbar textarea, .top-toolbar button { font-size: 0.9em; } .top-toolbar select { text-indent: 0; background: #fff; } .form-language, .form-currency { float: left; margin-right: 8px; } .form-language label { text-transform: lowercase; } .form-language select, .top-toolbar .form-currency select { margin-top: -1px; } /* >>> top toolbar */ .header-empty .header { text-align: center; } .header-empty .logo { float: none; } .header { padding: 20px 5px; } .header-callout { float: left; } .logo-wrapper { float: left; } .header-content { float: right; position: relative; } .header-container .mobile-togglers { display: none; float: right; clear: right; text-align: center; } .header-container .mobile-togglers a { display: table-cell; float: none; padding: 0 9px; overflow: visible; color: #3b3b3b; font-size: 2em; } #search_mini_form { float: right; } .header-container .form-search { float: right; margin: 15px 0 0 15px; position: relative; text-align: left; } .header-container .form-search label { display: none; } .header-container .form-search input { background: #f6f6f6; width: 250px; padding: 10px 0; height: 15px; color: #757578; text-indent: 7px; } .header-container .form-search button { border: 1px solid #b6b6b6; color: #fff; background: #d9d9d9; background: -moz-linear-gradient(top, #d9d9d9 0%, #cbcbcb 50%, #c3c3c3 50%, #cdcdcd 100%); background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #d9d9d9), color-stop(50%, #cbcbcb), color-stop(50%, #c3c3c3), color-stop(100%, #cdcdcd) ); background: -webkit-linear-gradient(top, #d9d9d9 0%, #cbcbcb 50%, #c3c3c3 50%, #cdcdcd 100%); background: -o-linear-gradient(top, #d9d9d9 0%, #cbcbcb 50%, #c3c3c3 50%, #cdcdcd 100%); background: -ms-linear-gradient(top, #d9d9d9 0%, #cbcbcb 50%, #c3c3c3 50%, #cdcdcd 100%); background: linear-gradient(to bottom, #d9d9d9 0%, #cbcbcb 50%, #c3c3c3 50%, #cdcdcd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#cdcdcd',GradientType=0 ); width: 37px; height: 37px; overflow: hidden; margin-left: -5px; } .header-container .form-search button:active { top: 0; } .header-container .form-search button span { background: none !important; padding: 0 !important; display: none; } .header-container .form-search .search-autocomplete { margin-top: -1px; } .header-container .form-search .search-autocomplete ul { border: 1px solid #ddd; background-color: #f9f5f0; } .header-container .form-search .search-autocomplete li { text-align: left; border-bottom: 1px solid #ddd; padding: 7px 8px 8px 8px; cursor: pointer; } .header-container .form-search .search-autocomplete li.last { border-bottom: none; } .header-container .form-search .search-autocomplete li .amount { float: right; font-weight: bold; } .header-container .form-search .search-autocomplete li.odd { background-color: #fffefb; } .header-container .form-search .search-autocomplete li.selected { background-color: #f7e8dd; } .autocomplete { position: absolute; top: 100%; left: 0; z-index: 590; float: left; min-width: 160px; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .headerajaxsearchwindow { background: none; text-align: left; padding: 3px 6px 4px; } .headerajaxsearchwindow:first-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } p.headercategorysearch { display: none; font-style: normal; text-align: left; padding: 2px 5px; } .autocomplete div { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } select.ajaxsearch-category-select { padding: 9px 1px 9px 3px; height: 37px; width: 60px; background: #f6f6f6; color: #757578; } .header-container .form-search .chosen-container { text-align: left; float: left; margin-right: 1px; font-size: 12px; z-index: 599; min-width: 60px; /*fix for mobile devices*/ } .header-container .form-search .chosen-container-single .chosen-single { padding: 6px 0 6px 3px; height: 37px; border-radius: 0; border-color: #ddd; box-shadow: none; color: #757578; font-size: 10px; background-image: none; background-color: #f6f6f6; filter: none; box-sizing: border-box; } .header-container .form-search .chosen-container-single .chosen-single div { top: 6px; height: 23px; } .header-container .form-search .chosen-container .chosen-drop { border-color: #ddd; min-width: 180px; } .header-container .form-search .chosen-container-single .chosen-search input { min-width: 145px; padding: 4px 20px 4px 5px; text-indent: 0; } .header-container .form-search .chosen-container-single .chosen-single abbr { top: 12px; right: 20px; } .header-container .header-cart { float: right; margin: 12px 0 0 20px; background: #f6f6f6; padding: 6px 5px; position: relative; z-index: 600; text-align: left; } .header-cart .button { margin-top: 3px; } .header-cart .summary { width: 120px; float: left; width: 70px; margin: 0 3px 0 0; font-size: 0.9em; cursor: pointer; } .header-cart .summary-qty { font-size: 2.1em; float: left; margin: 0 4px 0 0; padding: 0 0 0 10px; background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/common.gif) no-repeat -578px -43px; line-height: 30px; } .header-cart div.subtotal { padding: 5px 3px; margin-bottom: 3px; text-align: center; font-size: 1.1em; background: #f4f4f4; } .header-cart li.subtotal .actions { text-align: right; } .header-cart .summary-items { } .header-cart .mini-products-list { padding: 0; right: 0; left: auto; } .header-cart .mini-products-list li { padding: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 250px; } .header-cart .mini-products-list li.last { border: none; } .header-cart .mini-products-list a { text-decoration: none; } .header-cart .mini-products-list a:hover { text-decoration: underline; } .header-cart .mini-products-list .product-details { margin-left: 58px; } .header-cart .mini-products-list .product-image { border: none; } .header-cart .mini-products-list .truncated .show .item-options { left: -260px; top: 5px; } .header-cart .mini-products-list .btn-remove, .header-cart .mini-products-list .btn-edit { float: right; margin-left: 2px; } /* <<< navigation */ .nav-container { background: #eaeaea; } #nav { margin: 0 auto; width: 960px; border: none; /*font-family: Arial, Helvetica, sans-serif;*/ } #nav li a { padding: 11px 13px 10px; color: #272e3d; } #nav ul, #nav div { top: 42px; background: #fff; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #nav ul li { border-color: #f1f1f1; } #nav ul li a { padding: 5px 9px; } #nav li.level-top { } #nav li.first { background: none; padding: 0; } #nav li.parent a { } #nav li.parent a.level-top { padding-right: 19px; } #nav li.parent a.level-top { background-image: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/nav_leveltop_parent.gif); background-repeat: no-repeat; background-position: 100% 50%; } #nav li.parent > a { background-image: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/nav_parent.gif); background-repeat: no-repeat; background-position: 100% 60%; } /* navigation for touchable devices width screen width less than 480px */ #nav .toggle { display: none; } /* navigationpro */ .nav-container { zoom: 1; } .nav-container .navpro { margin: 0 auto; width: 960px; /*font-family: Arial, Helvetica, sans-serif;*/ } .nav-container .navpro .nav-a, .nav-container .navpro .nav-sibling-title a { color: #272e3d; } .nav-container .navpro a.level-top, .nav-container .navpro div.level-top a { font-weight: normal; } .nav-container .navpro .active > a.level-top, .nav-container .navpro .active > div.level-top a { color: #d96708; } /* >>> navigation */ /* middle */ .main-container { background: #fff; } .main { padding: 10px 5px; min-height: 480px; } .breadcrumbs { border: none; font-size: 15px; padding: 6px 10px; } .col-main, .col-left, .col-right { border: none; padding: 0; } /* blocks */ .block { border: none; font-size: 1em; } .block .block-title { border: 1px solid #ddd; padding: 8px 8px 8px; color: #000; border-width: 0 0 1px; font: normal 16px Montserrat, Geneva, Arial, Helvetica, sans-serif; } /*.block .block-title strong { font-weight: normal; }*/ .block .block-subtitle { font-size: 12px; } .sidebar .block .block-content li.item { padding: 3px 0; } .sidebar .block li.even { background: none; } .block .actions { padding: 5px 0; } .sidebar .block-subscribe .input-text { width: 100%; } .mini-products-list .product-image { padding: 2px; } .mini-products-list .product-details { margin-left: 60px; } /* <<< layered navigation */ .block-layered-nav li { line-height: 18px; } .block-layered-nav .block-subtitle { display: none; } .block-layered-nav .currently .block-subtitle { display: block; color: #555; font-size: 1em; } .block-layered-nav .currently ol { margin: 5px 0; padding-left: 5px; } .block-layered-nav .actions { text-align: right; padding: 5px; background: #eaeaea; margin-bottom: 7px; font-size: 0.9em; } .block-layered-nav .actions a { float: none; } #narrow-by-list { margin: 0; } #narrow-by-list dt { color: #000; } #narrow-by-list dd { padding-left: 7px; margin: 3px 0 9px; color: #757578; } #narrow-by-list dd li { padding-left: 14px; background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/common.gif) no-repeat -588px -21px; } #narrow-by-list a { color: #023761; text-decoration: none; } #narrow-by-list a:hover { text-decoration: underline; } .old-price { color: #444; } /* product listing */ .fade-box-toggle { position: relative; margin: -40px 0 10px 0; display: block; cursor: pointer; padding: 35px 5px 2px; z-index: 5; text-align: center; box-shadow: 0 -55px 30px -6px #fff inset; } .fade-box-toggle:hover { color: #555; text-decoration: underline; } /* Pagination */ .toolbar, .pager { font-size: 1.1em; background: #eee; } .toolbar .pager { font-size: 1em; background: none; padding: 0; } .toolbar:after { content: '.'; display: block; visibility: hidden; clear: both; font-size: 0; height: 0; } .toolbar-bottom { margin-top: 15px; } .pager, .sorter { margin: 0; padding: 0; border: none; } .pager select, .sorter select { padding: 3px 3px; } .toolbar, .toolbar a, .sorter .view-mode { margin: 0; } .toolbar a, .sorter .view-mode a { color: #555; } .sorter .view-mode label { display: none; } .toolbar .sorter { float: left; border: none; font-size: 1em; } .sorter .view-mode, .sorter .limiter, .sorter .sort-by { float: left; height: auto; border: none; } .sorter .view-mode { background: none; font-size: 18px; } .sorter .view-mode .list, .sorter .view-mode .grid { background: none; padding: 8px; float: left; line-height: 1em; border-right: 1px solid #fff; } .sorter .view-mode .active { color: #ff963b; } .sorter .view-mode, .sorter .sort-by { padding: 0; } .sorter .limiter, .sorter .sort-by, .pager .amount, .pager .limiter { padding: 5px 10px 5px 10px; height: 25px; border-right: 1px solid #fff; margin: 0; } .pager .amount { line-height: 25px; } .sorter .sort-by .sort-direction { padding: 0 5px; } .sorter .sort-by a, .sorter .sort-by a:hover { text-decoration: none; } .toolbar .pager { float: right; padding: 0; } .pager .limiter { float: left; } .pager .pages { float: right; margin: 0; padding: 4px; } .pager .pages strong { display: none; } /* label `Page:` */ .pager .pages li { float: left; margin: 0 0 0 4px; padding: 0; } .pager .pages li.current, .pager .pages a { padding: 5px; text-decoration: none; display: block; min-width: 16px; text-align: center; background: #fff; transition: all 0.1s ease; } .pager .pages li.current, .pager .pages li.current a, .pager .pages li:hover, .pager .pages li:hover a { background: #ff963b; color: #fff; } .pager .pages li.current a { padding: 0; } @media (max-width: 768px) and (min-width: 481px) { .toolbar .sorter, .toolbar .pager { float: none; } .toolbar .pager { border-top: 1px solid #fff; } } @media (max-width: 480px) { .toolbar { display: none; } .toolbar-bottom { margin-bottom: 15px; } .toolbar-bottom .toolbar { display: block; } .pager .amount { display: none; } .sorter .sort-by { padding: 12px 10px; } .sorter .sort-by label { font-size: 13px; } .sorter .sort-by a { display: inline-block; width: 25px; height: 25px; text-align: center; } } .link-wishlist, .link-compare { font-weight: normal; } .products-grid .link-wishlist, .category-products .link-wishlist, .product-shop .link-wishlist { padding: 0 0 0 15px; text-decoration: none; background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/common.gif) no-repeat -582px -335px; } .products-grid .link-compare, .category-products .link-compare, .product-shop .link-compare { padding: 0 0 0 15px; text-decoration: none; background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/common.gif) no-repeat -582px -310px; } .products-grid .link-wishlist:hover, .category-products .link-wishlist:hover, .product-shop .link-wishlist:hover { text-decoration: underline; } .products-grid .link-compare:hover, .category-products .link-compare:hover, .product-shop .link-compare:hover { text-decoration: underline; } .col1-layout .products-grid { width: auto; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width: auto; } /*.product-name a { text-decoration: none; } .product-name a:hover { text-decoration: underline; }*/ .products-grid, .std .products-grid, .std .block-highlight .products-grid { padding: 5px 0; } .products-grid .product-name { font-weight: normal; font-size: 1.2em; } .products-grid .product-image, .products-list .product-image { width: auto; height: auto; max-width: 100%; } .products-list .product-image { max-width: 200px; } .products-list .product-shop { margin-left: 210px; } .products-grid .product-image img, .products-list .product-image img { width: auto; height: auto; max-width: 100%; } .products-list .product-name { margin: 0 0 10px; font-weight: normal; font-size: 1.3em; text-align: center; } .products-list .add-to-links { font-size: 0.9em; margin: 0 0 5px; } .products-grid .price-box { float: left; } .products-grid .actions { position: static; float: right; } .products-grid .add-to-links { float: left; margin: 9px 0 5px; font-size: 0.9em; clear: both; } .products-grid .add-to-links li { float: left; margin-right: 10px; line-height: 18px; } .products-grid .add-to-links li.li-wishlist { } .products-grid .add-to-links li.li-compare { margin-right: 0; } .products-grid .add-to-links a, .products-list .add-to-links a { color: #757578; text-decoration: none; } .products-grid .add-to-links a:hover, .products-list .add-to-links a:hover { text-decoration: underline; } .col3-layout .products-grid .actions { float: none; } .col3-layout .products-grid .add-to-links li { float: none; } /* multicolumn mode */ .products-grid li.item { padding: 7px 1%; margin: 0 1% 7px; width: 31.3%; clear: none; box-sizing: border-box; } .products-grid.cols-1 li.item { width: 100% !important; } .products-grid.cols-2 li.item { width: 48%; } .products-grid.cols-3 li.item { width: 31.3%; } .products-grid.cols-4 li.item { width: 23%; } .products-grid.cols-5 li.item { width: 18%; } .products-grid.cols-6 li.item { width: 14.6%; } @media (max-width: 1200px) { /* Three columns instead of five and six */ .products-grid.cols-5 li.item, .products-grid.cols-6 li.item { width: 31.3%; } .products-grid.cols-5 li.item:nth-of-type(4n), .products-grid.cols-6 li.item:nth-of-type(4n) { clear: left; } .products-grid.cols-5:after, .products-grid.cols-6:after { content: ''; clear: none; } } @media (max-width: 768px) { /* two columns instead of four */ .block-highlight .products-grid.cols-4 li.item, .products-grid.cols-4 li.item { width: 48%; } .products-grid.cols-4 li.item:nth-of-type(2n + 1) { clear: left; } } @media (max-width: 480px) { .products-grid.cols-4 li.item:nth-of-type(4n), .products-grid.cols-5 li.item:nth-of-type(4n), .products-grid.cols-6 li.item:nth-of-type(4n) { clear: none; } /* Two columns for small screen */ .block-highlight .products-grid li.item, .products-grid li.item { width: 48% !important; padding: 0; } .block-highlight .grid-wide li.item { padding: 7px 1%; } .block-highlight .grid-wide li.item, .products-grid.cols-1 li.item { width: 100% !important; margin-left: 0; margin-right: 0; } /* clear: left for every third li */ .products-grid.cols-2 li.item:nth-of-type(2n+1), .products-grid.cols-4 li.item:nth-of-type(2n+1), .products-grid.cols-6 li.item:nth-of-type(2n+1), /* clear: left for every third li inside every third .products-grid */ .products-grid.cols-3:nth-of-type(2n+1) li.item:nth-of-type(2n+1), .products-grid.cols-5:nth-of-type(2n+1) li.item:nth-of-type(2n+1), /* clear: left for every second li inside every second .products-grid */ .products-grid.cols-3:nth-of-type(2n) li.item:nth-of-type(2n), .products-grid.cols-5:nth-of-type(2n) li.item:nth-of-type(2n) { clear: left; } .products-grid.cols-3:after, .products-grid.cols-5:after { content: ''; clear: none; } } /* end of multicolumn mode */ .price-box { font-size: 1em; } .price-box .price, .regular-price .price, .price-from .price-label, .price-to .price-label { font-weight: normal; } /* product view */ .product-view .product-img-box { float: left; width: 21.8%; } .product-view .product-img-box .more-views { clear: both; margin-top: 5px; float: left; width: 100%; } .product-view .product-img-box .highslide-gallery .more-views a { margin-right: 5px; margin-bottom: 4px; } .product-view .product-img-box .more-views a { width: 56px; float: left; } .product-view .product-shop, .product-view .product-shop .product-shop-inner { float: left; width: 100%; } .product-view .product-img-box .product-image-zoom { width: 370px; height: 370px; } .product-view .product-img-box .product-image-zoom img { max-width: 900px; width: auto; } .highslide img { border: 1px solid #ddd; width: auto; max-width: 100%; } .highslide img:hover { border: 1px solid #ccc; } .product-view .product-shop .product-name { margin: 0 0 17px; } .product-view .product-shop .email-friend, .product-view .product-shop .no-rating { float: left; font-size: 11px; margin: 0 12px 12px 0; } .product-view .product-shop .email-friend a, .product-view .product-shop .no-rating a, .product-view .product-shop .rating-links a { color: #777; } .product-view .product-shop .rating-links .separator { color: #999; } .product-view .product-shop .ratings { line-height: 1.4em; font-size: 11px; } .product-view .product-shop .short-description { clear: both; margin: 12px 0; } .product-view .product-shop .availability { font-size: 0.9em; margin: 7px 0; } .product-view .product-shop .price-box { float: left; margin: 0 20px 7px 0; font-size: 1.5em; } .product-view .product-shop .price-box .price, .product-view .product-shop .regular-price .price, .product-view .product-shop .price-from .price-label, .product-view .product-shop .price-to .price-label { font-weight: bold; } .product-view .product-shop .tier-prices { clear: both; margin: 7px 0; padding: 7px 12px; background: #ffffff; border: 1px dotted #ddd; font-size: 0.9em; } .product-view .product-shop .tier-prices li { line-height: 1.7em; } .product-view .add-to-cart-wrapper { padding: 17px 10px; background: #f4f4f4; border: 1px solid #eee; position: relative; margin-top: 25px; } .product-view .add-to-cart-wrapper .availability { position: absolute; top: -20px; left: 0; margin: 0; } .product-view .grouped-items-table .availability { position: static; left: auto; top: auto; } .product-view .add-to-cart-wrapper .add-to-box { float: right; } .product-view .add-to-cart-wrapper .price-box { margin: 0; display: block; line-height: 0.9em; width: 50%; } .product-view .add-to-cart-wrapper .price-box { line-height: 1.2em; } .product-view .product-shop .add-to-cart .qty { padding: 5px 3px; } .product-view .product-shop .add-to-cart label { line-height: 27px; } .add-to-cart-inner-message { width: 76%; height: auto; padding: 25px 12%; font-size: 16px; font-weight: 500; text-align: center; border: 1px solid; background-color: #fff; display: none; } .product-view .product-shop .add-to-links { margin: 7px 0; font-size: 0.9em; text-align: right; } .product-view .product-shop .add-to-links li { display: inline; margin: 0 10px 0 0; } .product-view .product-shop .add-to-links a { color: #777; } .product-view .product-shop .product-options { clear: both; } /* Product Options */ .product-options { margin: 10px 0 0; padding: 10px 15px 20px; position: relative; background-color: #f6f6f6; border: 1px solid #e4e4e4; } .product-options dt { padding: 10px 0 0; font-weight: normal; } .product-options dt label { font-weight: 600; } .product-options dt label.required em { font-size: 20px; color: #000; margin: 0 2px 0 0; } .product-options dd .qty-holder { display: block; padding: 10px 0 0; } .product-options dd .qty-holder label { vertical-align: middle; } .product-options .qty-disabled { background: none; border: 0; padding: 3px; color: #2f2f2f; } .product-options dd { padding: 5px 10px 15px; margin: 0 0 5px; border-bottom: 1px solid #e4e4e4; } .product-options dl.last dd.last { border-bottom: 0; padding-bottom: 5px; margin-bottom: 0; } .product-options dd input.input-text { width: 98%; } .product-options dd input.datetime-picker { width: 150px; } .product-options dd .time-picker { display: -moz-inline-box; display: inline-block; padding: 2px 0; vertical-align: middle; } .product-options dd textarea { width: 98%; height: 8em; } .product-options dd select { width: 99%; } .product-options dd .multiselect option { border-bottom: 1px dotted #d9e5ee; padding: 2px 4px; } .product-options ul.options-list { margin-right: 5px; } .product-options ul.options-list li { line-height: 1.5; padding: 2px 0; } .product-options ul.options-list input.radio { float: left; margin-top: 3px; } .product-options ul.options-list input.checkbox { float: left; margin-top: 3px; } .product-options ul.options-list .label { display: block; margin-left: 18px; } .product-options ul.options-list label { font-weight: normal; } .product-options ul.validation-failed { padding: 0 7px; } .product-options p.note { margin: 0; font-size: 11px; } .product-options p.required { position: absolute; right: 20px; top: 20px; padding: 0; } .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { margin: 0; padding: 0 0 10px; border: 0; background: 0; color: #e26703; } .product-options-bottom .tier-prices li { background: 0; padding: 2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color: #e26703; } .product-view .product-shop .price-box { float: left; margin: 0 !important; padding: 0; display: none !important; } .product-view .product-options-bottom .price-box { float: right; margin: 0 !important; padding: 0; display: block !important; font-size: 25px !important; } @media (max-width: 768px) { .product-view .product-options-bottom .price-box { top: 247px; } } .product-options-bottom .add-to-links { clear: both; padding: 5px 0 0; text-align: right; margin-bottom: 0 !important; font-size: 0.9em; } .product-view .product-shop .product-options-bottom .add-to-links li { margin: 0 0 0 10px; } .product-options-bottom .add-to-links a { color: #777; } .product-options-bottom .price-label { float: left; padding-right: 5px; } .product-options-bottom .price-tax { float: left; } .product-options-bottom .add-to-cart { float: right; } .product-shop .product-options-bottom .price-label { float: none; padding-right: 0; } .product-shop .product-options-bottom .price-tax { float: none; } .product-shop .product-options-bottom .add-to-cart-box { clear: both; float: left; padding-top: 12px; } .product-shop .product-options-bottom .price-as-configured .price-label { display: none; } /* ee compatibility */ .product-shop .product-options-bottom { position: relative; } .product-shop .product-options-bottom p.required { position: absolute; right: 33px; top: -20px; } .product-options-bottom .button-devis { background: #abbac2; border: 1px solid #abbac2; border-radius: 5px; padding: 6px 18px; color: #333e48; float: none; cursor: pointer; text-decoration: none; font-weight: 600; font-size: 15px; } .product-options-bottom .button-devis:hover { background-color: #000; border: 1px solid #000; color: #fff; } /* Grouped Product */ .product-view .add-to-cart-wrapper .grouped-items-table { margin: -5px 0 10px 0; } .product-view .grouped-items-table .price-box { margin: 0; padding: 0; font-size: 1.1em; line-height: 1.3em; } .product-view .grouped-items-table td, .product-view .grouped-items-table th { padding: 5px; } .product-view .product-shop .price-box-bundle .price-box { display: block; font-size: 1.1em; } .product-collateral .box-collateral { clear: both; } .product-collateral .soldtogether-block { margin: 0; padding-bottom: 15px; } .product-collateral .soldtogether-block .subtitle { color: #555; } .product-collateral .soldtogether-block .images li { width: 150px; } .soldtogether-block .check li { padding: 5px; } .product-view .product-collateral { padding-top: 10px; padding-bottom: 10px; } .product-collateral .std { font-size: 1.2em; line-height: 1.5em; } .product-collateral .std h2 { } /* Block: Tags */ .product-view .box-tags { margin: 0; } .product-view .box-tags h3, .product-view .box-tags .h3 { font-size: 12px; } .product-view .box-tags .product-tags { display: block; margin: 0 0 15px; } .product-view .box-tags .product-tags li { display: inline; background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/links_div.gif) no-repeat 100% 50%; padding: 0 7px 0 4px; } .product-view .box-tags .product-tags li.first { padding-left: 0; } .product-view .box-tags .product-tags li.last { background: none; padding-right: 0; } .product-view .box-tags .product-tags a { color: #333; } .product-view .box-tags .form-add label { display: none; } .product-view .box-tags .form-add .input-box { float: left; margin: 0 5px 0 0; } #product_tabs_tags_tabbed_contents label { padding: 6px 0; } #product_tabs_tags_tabbed_contents .input-box { margin-left: 3px; } #product_tabs_tags_tabbed_contents .input-box input { padding: 6px 4px; box-sizing: border-box; } /* Askit tab */ .askit-accordion-toggle { background-color: #f4f4f4; border-color: #ddd; padding: 8px 10px; } .askit-accordion-content h4 { margin: 4px 0 4px 20px; } .askit-question-auth { color: #999; margin: 0 0 10px; } .askit-question-full h4 { margin: 0; } .askit-question-text { font-size: 1.2em; line-height: 1.5em; } .askit-question-text a { color: #515151; text-shadow: 1px 1px #fff; } .askit-hintwrapper { float: none; } .askit-hintwrapperinner { margin: 2px 0 5px 10px; float: left; } .askit-same { float: right; background: #eee; padding: 4px 8px; border-radius: 11px; text-shadow: 1px 1px #fff; margin: 0; } .askit-answergroup { border-color: #e2e2e2; } .askit-query-answer-list { padding: 0 0 0 10px; } .askit-query-answer-list li { border-color: #e2e2e2; } .askit-query-answer-list li:first-child { border: none; } .askit-question-text-full { font-size: 1.2em; } .askit-question-answer-info { color: #444; font-size: 11px; } .askit-question-answer-text { line-height: 1.5em; font-size: 1.1em; } .askit-query-answer-list .askit-hintwrapper { margin: 8px 5px 0; } .askit-query-answer-list .askit-same { margin: 8px 0 0; } /* Block: Reviews */ .product-view .easytabs-content-wrapper .box-reviews > h2, .product-view .easytabs-content-wrapper .box-reviews > .h2 { display: none; } .product-view .box-reviews dl { margin: 15px 5px; } .product-view .box-reviews dt a, .product-view .box-reviews dt span { font-weight: bold; } .product-view .box-reviews dd { margin: 0 0 15px; } .product-view .box-reviews dd small { font-style: italic; } .product-view .box-reviews .form-add { margin: 15px 0 0; } .product-view .box-reviews .form-add h3, .product-view .box-reviews .form-add .h3 { font-size: 13px; font-weight: normal; } .product-view .box-reviews .form-add h3 span, .product-view .box-reviews .form-add .h3 span { font-weight: bold; } .product-view .box-reviews .form-add h4, .product-view .box-reviews .form-add .h4 { font-size: 12px; } .product-view .box-reviews .form-add .data-table td { text-align: center; } .product-view .box-reviews .form-add .form-list { margin: 15px 0 0; } /* Reviews tab */ #customer-reviews .review-list li, #customer-reviews dd { margin: 0 0 15px; padding: 0 0 15px; border: 1px solid #eee; border-width: 0 0 1px; } #customer-reviews .review-list li:last-child, #customer-reviews dd:last-child { margin: 0; padding: 0; border: none; } #customer-reviews dd, #customer-reviews .review-list li p { font-size: 1.2em; line-height: 1.5em; } .ratings-list, .ratings-table { margin: 10px 0; } .ratings-table th, .ratings-table td, .ratings-table td.label { padding: 7px 8px 5px 0; } .product-view #review-form h3, .product-view #review-form .h3 { display: none; } .product-view #review-form h4, .product-view #review-form .h4 { margin: 0 0 3px; display: none; } #review-form .form-list { margin-top: 7px; } .product-review dd { font-size: 1.2em; line-height: 1.5em; } .review-product-list .price-as-configured { display: none; } /* Block: Additional */ #product-attribute-specs-table th { white-space: normal; } /* Product page sidebar */ .block-product-sidebar p { line-height: 1.3em; color: #373737; } .block-product-sidebar .list-attributepages { text-align: center; margin: 0 0 15px; padding: 0 0 15px; border: 1px solid #eee; border-width: 0 0 1px; } .block-product-sidebar .block-services-sidebar .block-title { display: none; } .block-product-sidebar .block-content .block-content { padding: 0; } .sidebar .block-related-sidebar .block-content li.item, .sidebar .block-highlight .block-content li.item { padding: 5px 0; } .block-related-sidebar .mini-products-list .product-image, .sidebar .block-highlight .mini-products-list .product-image { width: 100px; border: none; padding: 0; } .block-related-sidebar .mini-products-list .product-details, .sidebar .block-highlight .mini-products-list .product-details { margin-left: 110px; } .sidebar .mini-products-list .product-name { font-size: 1.2em; } .sidebar .mini-products-list .product-name a { color: #444; } .sidebar .mini-products-list .price-box { margin: 5px 0; } .sidebar .mini-products-list .regular-price { color: #33b4d7; } .sidebar .mini-products-list .regular-price .price { font-weight: bold; } .sidebar .mini-products-list .link-wishlist, .sidebar .mini-products-list .link-compare { color: #888; text-decoration: none; } .sidebar .mini-products-list .link-wishlist:hover, .sidebar .mini-products-list .link-compare:hover { text-decoration: underline; } .block-related .block-subtitle { display: none; } .block-related input.checkbox { display: none; margin: 0; } .block-related .product { margin: 0; } @media (max-width: 980px) and (min-width: 769px) { .block-related-sidebar .mini-products-list .product-image, .sidebar .block-highlight .mini-products-list .product-image { width: 50px; } .block-related-sidebar .mini-products-list .product-details, .sidebar .block-highlight .mini-products-list .product-details { margin-left: 60px; } } @media (max-width: 768px) and (min-width: 481px) { .block-related-sidebar .mini-products-list, .sidebar .block-highlight .mini-products-list { text-align: center; } .block-related-sidebar .mini-products-list .product-image, .sidebar .block-highlight .mini-products-list .product-image { width: auto; float: none; } .block-related-sidebar .mini-products-list .product-details, .sidebar .block-highlight .mini-products-list .product-details { margin-left: 0; } } /* Advanced Search */ .advanced-search .form-list label { width: 160px; padding-right: 10px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { float: left; clear: none; } .advanced-search-amount { margin: 0 0 10px; } .advanced-search-summary { margin: 10px 0; border: 1px solid #e9d7c9; background: #fff6f1; padding: 10px; } .advanced-search-summary ul { float: left; width: 49%; } .advanced-search-summary strong { color: #e17c24; } .advanced-search-summary p { clear: both; font-weight: bold; margin: 0; } /* <<< customer */ .block-account li { padding: 3px 0; } /* Remember Me Popup ===================================================================== */ .window-overlay { background: rgba(0, 0, 0, 0.35); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 990; } .remember-me label { float: none; margin: 0 6px; } .remember-me-popup { background: #fff; border: 1px solid #ccc; position: absolute; margin: -85px 0 0 -200px; width: 400px; text-align: left; -moz-box-shadow: 0 0 6px #ccc; -webkit-box-shadow: 0 0 6px #ccc; -box-shadow: 0 0 6px #ccc; z-index: 1000; } .remember-me-popup h3 { background: #d9e5ee; border-bottom: 1px solid #ccc; font-size: 14px; padding: 5px 10px; } .remember-me-popup .remember-me-popup-head { position: relative; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/btn_window_close.gif) no-repeat; display: block; position: absolute; top: 7px; right: 7px; height: 15px; width: 15px; text-indent: -9999px; text-align: left; } .remember-me-popup .remember-me-popup-body { padding: 10px; } .remember-me-popup .remember-me-popup-body a { display: inline-block; height: 19px; border: 1px solid #de5400; background: #f18200; padding: 0 8px; font: bold 12px/19px Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; white-space: nowrap; color: #fff; } /* Remember Me Popup ===================================================================== */ .account-login .new-users, .account-login .registered-users { width: 47%; padding: 1% 1% 0; float: left; } .account-login .new-users h2, .account-login .registered-users h2 { border-bottom: 2px solid #ffcf10; padding-bottom: 3px; } .account-login .registered-users { float: right; } .account-login .registered-users .form-list { max-width: 336px; margin: 30px auto 0 auto; } .account-login .registered-users .form-list label { margin: 0 0 12px; font-size: 15px; font-weight: 600; } .account-login .registered-users .form-list li { margin: 30px auto 0 auto; } .account-login .registered-users .buttons-set { margin: 50px auto 0 auto; } .col1-set .registered-users, .login-only .registered-users { float: none; margin: 0 auto; } .col1-set .registered-users { margin-top: 10px; } .oauth-authorize-index .main-container { border: none; } .oauth-authorize-index .main { min-height: 0; } .box-account .box-head h2, .box-account .box-title h3, .box-account .box-head .h2, .box-account .box-title .h3 { float: left; } .box-account .box-head a, .box-account .box-title a { float: right; } .my-account .box { padding: 10px; } .my-account .box .box-title { margin: 0 0 3px; } .my-account .box .box-content { font-size: 1em; font-weight: 500; } .box-account { background: #fff; border: 1px solid #ccc; border-color: #ccc #999 #999 #ccc; padding: 15px; } .dashboard .box .box-title { padding: 0 0 2px; margin: 0 0 8px; text-align: right; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float: left; font-size: 14px; font-weight: bold; margin: 0; } .dashboard .welcome-msg, .dashboard .col2-set, .dashboard .recent-orders { padding: 20px 0 20px 30px; } @media (max-width: 768px) { .dashboard .welcome-msg, .dashboard .col2-set, .dashboard .recent-orders { padding: 0; } } .addresses-list h3, .addresses-list .h3 { font-weight: bold; font-size: 13px; } .addresses-list address { margin: 0 0 3px; } .addresses-list p { margin: 0; } .addresses-list a { font-weight: bold; } .addresses-list .link-remove { color: #646464; } .addresses-list .separator { margin: 0 3px; } .addresses-list li.empty { background: none; border: 0; padding: 0; } .addresses-list li.empty p { font-weight: bold; } .addresses-list .addresses-additional li.item { background: none; border: 0; padding: 0; } td.additional-addresses-buttons { text-align: right !important; } td.additional-addresses-buttons .button-2-delete { margin-right: 10px; } td.additional-addresses-buttons .button-2-delete { margin-right: 10px; } .button-2.new-address { float: right; } @media (max-width: 768px) { .button-2.new-address { float: none; margin: auto; display: block; } td.additional-addresses-buttons a { display: inline-block; } td.additional-addresses-buttons .button-2-delete { margin-right: 0; margin-bottom: 15px; } } /* Block: Recent Orders */ #my-orders-table .order-info, #my-downloadable-products-table .order-info { border: none; background: none; margin: 15px 0px; } #my-orders-table .order-info dt, #my-downloadable-products-table .order-info dt { clear: left; float: left; margin-right: 3px; font-size: 0.9em; } #my-orders-table .order-info dt:after, #my-downloadable-products-table .order-info dt:after { content: ':'; } #my-orders-table .order-info dd, #my-downloadable-products-table .order-info dd { display: block; font-weight: bold; font-size: 0.9em; } /* Order View */ .order-info { background: #dee5e8; border: 1px solid #d0cbc1; padding: 4px 8px; margin: 0 0 8px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline; } .order-info .current { font-weight: bold; } .order-info li { margin: 0 3px; } .order-info p:nth-child(1) { margin: 0 0 15px 0; } .order-info p:nth-child(2) { margin: 0 0 15px 0; } .pending-item-warning { color:red; width: auto !important; background-color: #fce3e3; border:1px solid red; text-align:center; padding:5px 5px; } .pending-item-warning > .fa-exclamation-triangle { margin-right: 5px; } .item-circle-red, .item-circle-orange, .item-circle-green, .item-circle-grey { float: left; width: 10px !important; height: 10px !important; border-radius: 50px; font-size: 20px; color: #fff; line-height: 100px; text-align: center; margin: 4px 4px 4px 0 !important; font-style: italic; } .item-circle-red{ background: #ef3b33; } .item-circle-orange { background: #efc133; } .item-circle-green { background: #6fb955; } .item-circle-grey{ background: grey; } .order-date { margin: 10px 0; } .order-info-box .box-payment p { margin: 0 0 3px; } .order-info-box .box-payment th { font-weight: bold; padding-right: 7px; } .order-items { width: 100%; overflow-x: auto; } .order-items h2, .order-items h3, .order-items .h2, .order-items .h3 { clear: none; font-weight: bold; font-size: 13px; padding: 0; margin: 0 0 5px; } .order-items .product-name { font-size: 1em !important; font-weight: bold !important; } .order-items .link-print { color: #1e7ec8; font-weight: normal; } .order-items .order-links { text-align: right; } .order-additional { margin: 15px 0; } /* Order Gift Message */ .gift-message dt strong { color: #666; } .gift-message dd { font-size: 13px; margin: 5px 0 0; } /* Order Comments */ .order-about dt { font-weight: bold; } .order-about dd { font-size: 13px; margin: 0 0 7px; } .tracking-table { margin: 0 0 15px; } .tracking-table th { font-weight: bold; white-space: nowrap; } .tracking-table-popup { width: 100%; } .tracking-table-popup th { font-weight: bold; white-space: nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding: 1px 8px; } /* Order Print Pages */ .page-print .print-head { margin: 0 0 15px; } .page-print .print-head .logo { float: left; } .page-print .print-head address { float: left; margin-left: 15px; } .page-print h1 { font-size: 16px; font-weight: bold; } .page-print h2, .page-print h3 { font-size: 13px; font-weight: bold; } .page-print h2.h2 { font-size: 16px; font-weight: bold; } .page-print .order-date { padding: 0 0 10px; margin: 0 0 10px; } .page-print .col2-set { margin: 0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display: none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display: block; white-space: nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display: inline; } /* My Wishlist */ .my-wishlist .product-image { width: 90px; } .my-wishlist .product-shop { margin-left: 100px; } .my-wishlist .price-box { float: none; } .my-wishlist .wishlist-short-info { float: left; width: 60%; } .my-wishlist .description { margin: 5px 0; } .my-wishlist .cart-cell { float: left; width: 25%; margin-left: 10px; display: inline; } .my-wishlist .truncated { float: left; margin: 10px 10px 10px 0; } /* My Tags */ .tags li { display: inline; } .my-tag-edit { float: left; margin: 0 0 10px; } .my-tag-edit .btn-remove { float: right; margin: 4px 0 0 5px; } #my-tags-table { clear: both; } #my-tags-table td { padding: 10px; } #my-tags-table .add-to-links { white-space: nowrap; } #my_recent_tags li.item { margin-bottom: 3px; } .my-account #products-tag-list .product-image { width: 90px; } .my-account #products-tag-list .product-shop { margin-left: 100px; } /* My Reviews */ #my_recent_reviews li { margin: 0 0 10px; } .product-review .product-img-box { float: left; width: 140px; } .product-review .product-img-box .product-image { display: block; width: 125px; height: 125px; } .product-review .product-img-box .label { font-size: 11px; margin: 0 0 3px; } .product-review .product-img-box .ratings .rating-box { float: none; display: block; margin: 0 0 3px; } .product-review .product-details { margin-left: 150px; } .product-review .product-name { font-size: 16px; font-weight: bold; margin: 0 0 10px; } .product-review h3, .product-review .h3 { font-size: 12px; margin: 0 0 3px; color: #2f2f2f; } .product-review .ratings-table { margin: 0 0 10px; } .product-review dt { font-weight: bold; } .product-review dd { font-size: 13px; margin: 5px 0 0; } /* Billing Agreements */ .billing-agreements .info-box { margin: 15px 0; } /* MAP Popup */ .cart-msrp-totals { color: red; font-size: 12px !important; font-weight: bold; margin: 10px 10px 0; padding: 10px; text-align: right; text-transform: uppercase; } .map-cart-sidebar-total { color: red; display: block; font-size: 10px; font-weight: bold; text-align: left; padding: 2px 5px; text-shadow: 0 1px 0 #fff; } .map-popup { background: #fff; border: 1px solid #aaa; margin: 12px 0 0; position: absolute; -moz-box-shadow: 0 0 6px #ccc; -webkit-box-shadow: 0 0 6px #ccc; box-shadow: 0 0 6px #ccc; text-align: left; width: 300px; z-index: 10000; /*AjaxPro popup has 9999*/ } .map-popup-right { left: 10px !important; } .map-popup-left { left: auto !important; right: 10px; } .map-popup-heading { background: #d9e5ee; border-bottom: 1px solid #ccc; padding: 5px 30px 5px 10px; width: 260px; } .map-popup-heading h2 { font-size: 16px; margin: 0; text-shadow: 0 1px 0 #f6f6f6; overflow: hidden; white-space: nowrap; word-wrap: break-word; text-align: left; text-overflow: ellipsis; } .map-popup-arrow { background: none; display: none; position: absolute; left: 50%; top: -10px; height: 10px; width: 19px; } .map-popup-close { background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/btn_window_close.gif) no-repeat; display: block; position: absolute; top: 8px; right: 10px; height: 15px; width: 15px; text-indent: -9999px; text-align: left; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .map-popup-content { border-top: 1px solid #eee; padding: 10px; overflow: hidden; text-align: left; width: 280px; } .map-popup-checkout { display: inline; float: right; text-align: right; } .map-popup-checkout .paypal-logo { margin: 0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin: 0; padding: 0; } .map-popup-price { margin: 5px 0 0; } .map-popup-text { clear: right; margin: 0 10px; padding: 10px 0; text-align: left; word-wrap: break-word; } .map-popup-only-text { border-top: 1px solid #ddd; } .product-view .product-shop .map-info { font-size: 1em; } /* >>> customer */ /* Cart */ .cart { margin: 0 0 50px 0; } .cart #products-cart-list, #failed-products-table { margin: 0 0 15px; } .cart .page-title .btn-continue { float: left; clear: left; margin-top: 8px; } .cart .title-buttons .checkout-types li { margin-bottom: 0; } .cart .cart-collaterals .col-2 { width: 100%; } .cart .product-image { width: 90px; } .cart .product-shop, .cart-headers .col-shop { margin-left: 100px; } .cart .col-description, .cart .col-delivery, .cart .col-wishlist, .cart .col-unit-price, .cart .cart-qty, .cart .col-total-price, .cart .col-delete-item { float: left; } .cart .col-description { width: 35%; border-right: 1px solid #9c9c9c; } .cart .col-delivery { width: 13%; border-right: 1px solid #9c9c9c; } #failed-products-table .col-description { width: 60%; } .cart .col-wishlist { width: 10%; } .cart .col-unit-price, .cart .col-total-price { width: 17%; padding: 0 5px; box-sizing: border-box; } .cart .col-upload { float: left; text-align: center; width: 30.5%; border-right: 1px solid #9c9c9c; } @media (max-width: 768px) { .cart .col-upload { border-right: 0px solid #9c9c9c; } } .cart .cart-qty { width: 10%; } .cart .cart-qty .btn-update-qty { margin-top: 5px; } .cart-headers .col-description, .cart-headers .col-delivery, .cart-headers .col-unit-price, .cart-headers .col-upload { padding: 10px 0; font-size: 16px; display: flex; justify-content: center; } .f-fix .col-delivery, .f-fix .col-unit-price { display: flex; align-items: center; justify-content: center; font-size: 16px; } .f-fix .col-upload { float: right; width: 30.5%; position: relative; display: flex; align-items: center; justify-content: center; background: #e3f5ff; } .f-fix .col-upload .uploadfichier, .f-fix .col-upload .dropzone { width: 100%; padding: 20px; background: #e3f5ff; } .f-fix .col-upload .dropzone { border: 1px dashed #aabbcf; } @media (max-width: 480px) { .dropzone .dz-preview { width: 80% !important; margin: auto; } .dropzone .dz-preview .dz-image { width: 80% !important; margin: auto; } .dropzone .dz-preview .dz-remove { width: 100% !important; margin: auto; } } .f-fix .col-upload .dropzone { width: 100%; height: 100%; } .f-fix .col-description .product-name { padding: 10px 0 0 0; } .f-fix .col-description .item-options { padding: 0 0 10px 0; } .cart-price-list li:nth-child(2) { font-weight: 800; } #failed-products-table { background: #fcfcfc; border: 1px solid #f4f4f4; padding: 10px 10px 7px; } .cart-headers { font-weight: bold; background: #eaeaea; } .cart-header-item { display: none; } .cart .cart-price-list li { padding-top: 0 !important; } .cart-tax-total { max-width: 100px; } .cart .shipping-crosssell { width: 72%; } .cart .shipping-crosssell .col-1 { float: right; } .cart .shipping-crosssell .col-2 { float: left; } .cart .shipping { font-size: 12px; border: 1px solid #9c9c9c; border-radius: 5px; background: #f6f6f6; padding: 5px 7px; } .cart .shipping h2 { font-size: 15px; font-weight: bold; } .cart .shipping select { width: 100%; } .cart .shipping .form-list .input-box { width: auto; } .cart .shipping .form-list .input-text { width: 100%; } .cart .shipping .buttons-set { margin-top: 5px; text-align: right; } .cart .totals { font-size: 12px; font-size: 12px; border: 1px solid #9c9c9c; border-radius: 5px; padding: 5px 10px; width: 23%; } .cart .totals #shopping-cart-totals-table { float: right; } .cart .totals .checkout-types { margin: 10px 0 0; } .cart .totals strong { font-size: 16px; } .cart .checkout-types { float: right; } .cart .totals .checkout-types { clear: both; display: block; width: 100%; } .cart .checkout-types li:last-child { } .cart .checkout-types li { text-align: center; margin: 0 0 5px; } .cart .checkout-types li.pdf-quote-download { margin-top: 20px; } .cart .checkout-types .paypal-or { clear: both; display: block; } .cart .checkout-types .btn-checkout span { } .cart .shopping-continue { float: left; padding-top: 4px; font-size: 12px; } .cart .totals .btn-remove, #checkout-review-table .btn-remove { float: right; margin: 3px 0 0 5px; } button.btn-checkout::-moz-focus-inner, button.btn-suggest-cart::-moz-focus-inner { padding: 0; border: 0; } /* FF Fix */ button.btn-checkout, button.btn-suggest-cart { -webkit-border-fit: lines; } /* <- Safari & Google Chrome Fix */ /*button.btn-checkout,*/ button.btn-suggest-cart { overflow: visible; width: auto; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; } .discount, .giftcard { margin-bottom: 15px; font-size: 12px; border: 1px solid #9c9c9c; border-radius: 5px; padding: 5px 15px 5px 7px; } .discount h2, .giftcard h2 { font-size: 14px; font-weight: bold; } .discount label, .giftcard label { clear: both; display: block; margin-bottom: 5px; } .discount .input-box { } .discount .input-text, .giftcard .input-text { width: 100%; background: #fff; padding: 6px 0 5px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #9c9c9c; } .discount .buttons-set { } .discount .button, .giftcard .button { margin: 0 5px 10px; } .cart .crosssell { margin: 0; border: 1px solid #9c9c9c; border-radius: 5px; background: #f6f6f6; padding: 5px 7px; } .cart .crosssell h2, .cart .crosssell .h2 { font-size: 13px; font-weight: bold; } .cart .crosssell .price-box { margin: 4px 0; } .cart .crosssell .product-image { width: 90px; height: 90px; } #crosssell-products-list h3, #crosssell-products-list .h3 { font-size: 13px; } #crosssell-products-list .item { padding: 5px 0; border-bottom: 1px solid #cccccc; overflow: hidden; } #crosssell-products-list .last { border: none; padding-bottom: 0; } #crosssell-products-list .product-image { float: left; } #crosssell-products-list .product-details { margin-left: 100px; } #crosssell-products-list .product-name, #crosssell-products-list .price-box { margin-bottom: 3px; } #crosssell-products-list .add-to-links { font-size: 11px; margin: 3px 0; } .wishlist-list .item-options, .cart-list .item-options, .multiship-list .item-options, .multiple-checkout .item-options { font-size: 14px; } .wishlist-list .item-options dt, .cart-list .item-options dt, .multiship-list .item-options dt, .multiple-checkout .item-options dt { float: left; font-weight: bold; margin-right: 3px; } .wishlist-list .item-options dt:after, .cart-list .item-options dt:after, .multiship-list .item-options dt:after, .multiple-checkout .item-options dt:after { content: ':'; } .wishlist-list .item-options dd, .cart-list .item-options dd, .multiship-list .item-options dd, .multiple-checkout .item-options dd { } /* <<< onepage checkout */ /* Shipping and Payment methods */ .sp-methods { margin: 0 0 8px; } .sp-methods dt { margin: 13px 0 5px; font-weight: bold; font-size: 16px; } .sp-methods dd { font-size: 14px; } .sp-methods dd li { margin: 5px 0; } .sp-methods label { color: #666; } .sp-methods .price { font-weight: bold; } .sp-methods .form-list { padding: 10px 0 0 20px; } .sp-methods .form-list li { margin: 0 0 8px; } .sp-methods select.month { width: 154px; margin-right: 10px; } .sp-methods select.year { width: 96px; } .sp-methods input.cvv { width: 3em !important; } .sp-methods .checkmo-list li { margin: 0 0 5px; } .sp-methods .checkmo-list label { width: 135px; padding-right: 10px; text-align: right; } .sp-methods .checkmo-list address { float: left; } .sp-methods .centinel-logos a { margin-right: 3px; } .sp-methods .centinel-logos img { vertical-align: middle; } .sp-methods .release-amounts { margin: 0.5em 0; } .sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0; } .please-wait { float: right; } .please-wait img { vertical-align: middle; } .cvv-what-is-this { font-size: 11px; cursor: help; margin-left: 10px; } /* Tooltip */ .tool-tip { border: 1px solid #7ba7c9; background: #eaf6ff; padding: 15px 20px; position: absolute; z-index: 9999; } .tool-tip .btn-close { margin: -9px -14px 0; text-align: right; } .tool-tip .btn-close a { display: block; margin: 0 0 0 auto; width: 15px; height: 15px; background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/btn_window_close.gif) 100% 0 no-repeat; text-align: left; text-indent: -999em; overflow: hidden; } .tool-tip .tool-tip-content { padding: 5px; } /* Gift Messages */ .gift-messages h3 { font-size: 12px; font-weight: bold; color: #e87403; } .gift-messages p.control { color: #8e8d8b; } .gift-messages-form { padding: 10px; } .gift-messages-form label { float: none !important; position: static !important; } .gift-messages-form h4 { font-size: 11px; font-weight: bold; color: #e87403; } .gift-messages-form .whole-order { margin: 0 0 25px; } .gift-messages-form .item { margin: 0 0 10px; } .gift-messages-form .item .product-img-box { float: left; width: 75px; } .gift-messages-form .item .product-image { margin: 0 0 7px; } .gift-messages-form .item .number { margin: 0; font-weight: bold; text-align: center; color: #8a8987; } .gift-messages-form .item .details { margin-left: 90px; } .gift-messages-form .item .details .product-name { font-size: 13px; font-weight: bold; margin: 0 0 10px; } .gift-messages-form .item .details .form-list .field { width: 45%; } .gift-messages-form .item .details .form-list .input-box { width: 100%; } .gift-messages-form .item .details .form-list input.input-text { width: 97%; } .gift-messages-form .item .details .form-list li.wide .input-box { width: auto; } .gift-messages-form .item .details .form-list li.wide textarea { width: 97%; } .gift-message-link { font-size: 11px; background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right: 7px; } .gift-message-link.expanded { background-position: 100% -40px; } .gift-message-row { background: #f2efe9; } .gift-message-row .btn-close { float: right; } /* Checkout Agreements */ .checkout-agreements li { margin: 30px 0; } .checkout-agreements .agreement-content { overflow: auto; height: 12em; padding: 10px; background-color: #fbfaf6; border: 1px solid #bbb6a5; } .checkout-agreements .agree { margin: 0; padding: 10px 0 10px 11px; } .checkout-agreements .agree input.checkbox { margin-right: 6px; } .checkout-agreements .agree label { font-weight: bold; color: #666; box-sizing: border-box; } .opc .checkout-agreements { } .opc .checkout-agreements li { margin: 20px 0 0; } .opc .checkout-agreements .agreement-content { background-color: #fff; border-color: #e4e4e4; padding: 5px; } .opc .checkout-agreements .agree { padding-left: 6px; } /* Centinel */ .centinel { } .centinel .authentication { border: 1px solid #ddd; background: #fff; } .centinel .authentication iframe { width: 99%; height: 400px; background: transparent !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } .opc .centinel { border: 1px solid #bbb6a5; border-width: 0 1px 1px; padding: 10px 30px; } /* Generic Info Set */ .info-set { background: #fff; margin: 0 0 25px; padding: 10px 5px 0 5px; } .info-set h2 { font-size: 13px; font-weight: bold; margin: 0 0 10px; } .info-set h3, .info-set h4 { font-size: 13px; font-weight: bold; color: #000; } .info-set h2 a, .info-set h3 a, .info-set h4 a { font-weight: normal; } .info-set h2.legend { padding: 5px 10px; background: #eaeaea; margin: -10px -5px 5px -5px; position: relative; } .info-set h3.legend { margin: 0 0 10px; color: #0a263c; } .info-set .divider { margin: 0 -20px; padding: 25px 0; position: relative; } .info-set .box { margin: 0 0 15px; } .info-set .box h2 { color: #e26703; } .info-set .data-table .product-name { font-size: 1em !important; font-weight: normal !important; color: #023761 !important; } .info-set .data-table .product-name a { font-weight: bold !important; } .info-set .data-table .item-options { margin: 5px 0 0; } .info-set .form-list .field { width: 49%; } .info-set .form-list textarea, .info-set .form-list select, .info-set .form-list input.input-text { width: 90%; } .info-set .form-list li.wide textarea, .info-set .form-list li.wide select, .info-set .form-list li.wide input.input-text { width: 90%; } /********** Common Checkout Styles > */ /* One Page Checkout */ .checkout-onepage-index .page-title { border-bottom: 0 none; } .checkout-onepage-index .main { padding-bottom: 40px; } .block-progress { border: 0; margin: 0; } .block-progress .block-title { background: none; border: 0; margin: 0 0 5px; } .block-progress .block-content { background: none; } .block-progress dt { font-size: 12px; font-weight: bold; line-height: 1.35; border: 1px solid #a3aeb3; margin: 0 0 6px; padding: 6px 8px; color: #999; } .block-progress dt a { font-size: 11px; } .block-progress dd { padding: 8px 13px; margin: 0 0 6px; } .block-progress dt.complete { margin: 0; background: #eee; color: #303030; } .block-progress dd.complete { background: none; } .block-progress p { margin: 0; } .block-progress .cards-list dt { background: none; border: 0 none; color: inherit; font-size: 12px; margin: 5px 0; padding: 0; } .block-progress .cards-list dd { border: 0 none; margin: 0; padding: 0; } .block-progress .cards-list .info-table th { font-weight: normal; } .opc .buttons-set { margin-top: 0; padding-top: 2em; } .opc .buttons-set p.required { margin: 0; padding: 0 0 10px; } .opc .buttons-set .back-link small { display: none; } .opc .buttons-set .back-link a { background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/i_arrow-top.gif) 0 50% no-repeat; padding-left: 16px; } .opc .buttons-set.disabled button.button { display: none; } .opc .buttons-set .please-wait { height: 21px; line-height: 21px; } .opc .ul { list-style: disc outside; padding-left: 18px; } .opc { margin: 0 0 200px 0; } .opc h2 { font-size: 15px; font-weight: normal; line-height: 35px; margin: 2px 0 0 0; color: #3d3d3d; font-weight: 700; } .opc .active .step-title h2 { color: #3d3d3d; } .opc .step-title { } .opc .step-title .number { font-size: 17px; font-weight: 600; color: #3d3d3d; margin: 4px 10px 3px 3px; padding: 3px 11px 5px 11px; background: #ffcf10; border: 0px solid #ffcf10; border-radius: 5px; background-color: #ffcf10; width: 10px; } .opc .active .step-title { background-color: #ffcf10; } .opc .active .step-title .number { font-weight: 600; background: #3d3d3d; color: #fff; border: 0px solid #3d3d3d; border-radius: 5px; background-color: #3d3d3d; } .opc .allow .step-title a { display: block; line-height: 29px; font-size: 11px; padding-right: 15px; color: #777; } .opc .active .step-title a { display: none; } .opc.disabled .active .step-title, .opc.disabled .step-title { background-color: #aaa; } .opc.disabled .step-title .number { background-color: #aaa; width: 10px; } .opc.disabled { background-color: #ddd; } #opc-login h3 { font-size: 13px; border-bottom: 1px solid #e4e4e4; padding-bottom: 2px; text-transform: uppercase; margin-bottom: 5px; } #opc-login h4 { font-size: 1em; font-weight: bold; margin: 0; color: #2f2f2f; } #opc-login .form-list { margin: 10px 0; } #checkout-shipping-method-load { margin: 10px 0; } .gift-messages h3 { font-size: 13px; } .wide a { text-decoration: underline; } /* >>> onepage checkout */ /* Multiple Addresses Checkout */ .multiple-checkout h2 { font-size: 13px; font-weight: bold; margin: 0 0 10px; } .multiple-checkout h3, .multiple-checkout h4 { font-size: 13px; font-weight: bold; color: #e26703; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a { font-weight: normal; } .multiple-checkout .data-table .product-name { font-size: 1em !important; font-weight: bold !important; color: #1e7ec8 !important; } .multiple-checkout .data-table .product-name a { font-weight: bold !important; } .multiple-checkout .data-table .item-options { margin: 5px 0 0; } .multiple-checkout .gift-messages { margin: 15px 0 0; } .multiple-checkout .tool-tip { top: 50%; margin-top: -120px; right: 20px; } .multiple-checkout .col2-set, .multiple-checkout .col3-set { background: #fbfaf6; border: 1px solid #bbb6a5; margin: 0 0 25px; padding: 10px; } .multiple-checkout .col2-set h2.legend { margin: -10px -10px 15px; padding: 5px 10px; background: #f9f3e3; border-bottom: 1px solid #bbafa0; position: relative; } .multiple-checkout .col2-set h3.legend { margin: 0 0 10px; color: #0a263c; } .multiple-checkout .col2-set .divider { margin: 7px -10px; padding: 25px 0; position: relative; } .multiple-checkout .box { margin: 0 0 15px; } .multiple-checkout .box h2 { color: #e26703; } .multiple-checkout .place-order .please-wait { float: right; padding: 27px 7px 0 0; } .multiple-checkout .place-order .grand-total { float: right; height: 71px; font-size: 1.5em; padding: 0 0 0 21px; overflow: hidden; } .multiple-checkout .place-order .grand-total .inner { float: left; height: 57px; padding: 14px 21px 0 0; } .multiple-checkout .place-order .grand-total .inner div { display: inline; } .multiple-checkout .place-order .grand-total big { display: inline; margin-right: 12px; } .multiple-checkout .place-order .grand-total .price { color: #e26703; } .multiple-checkout .place-order .grand-total button.button span { font-size: 16px; } .multiple-checkout .place-order .grand-total button.button span span { padding: 0 45px 0 36px; } /* Step 1 */ #multiship-addresses-table td { padding: 10px; } #multiship-addresses-table tfoot td { padding: 5px 10px; } /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width: 100%; overflow: hidden; } .checkout-multishipping-shipping .box-sp-methods { border: 1px solid #d9d2be; background: #f9f3e3; padding: 13px; position: relative; } .checkout-multishipping-shipping .box-sp-methods .pointer { display: none; } /* Step 3 */ .checkout-multishipping-billing .multiple-checkout { position: relative; } /* ======================================================================================= */ .page-sitemap .links { margin: 10px; text-align: left; } /* footer */ .footer-container { } .footer, .footer a { color: #cfcfcf; } .footer { padding: 10px 5px; font-size: 0.9em; } .footer address { float: left; } .footer .store-switcher { float: left; display: inline; margin-left: 25px; } .footer .store-switcher select { margin-top: -2px; } .footer .links { float: right; } #scroll-up { position: fixed; top: 50%; right: 30px; } #scroll-up a { text-indent: -9999px; width: 60px; height: 60px; display: block; background: #333e48 url(https://dev.printpascher.com/skin/frontend/argento/printpascher/images/ppc-picto-sprite.png) no-repeat -16px -15px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; opacity: 0.7; } #scroll-up a:hover { opacity: 1; } /* >>> footer */ /* <<< homepage */ .cms-index-index .col-main .easycatalogimg { margin: 10px 0; padding: 0; } .cms-index-index .col-main .easycatalogimg .parent-category { text-align: center; } .cms-index-index .col-main .easycatalogimg .product-image { display: block; } .cms-index-index .col-main .easycatalogimg .list-subcategories { padding-left: 20px; } .easycatalogimg .list-subcategories li, .easycatalogimg .list-subcategories li:first-child { background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/common.gif) no-repeat -588px -21px; padding: 2px 0 2px 11px !important; } .easycatalogimg .list-subcategories li a { text-decoration: none; } .easycatalogimg .list-subcategories li a:hover { text-decoration: underline; } /* homepage tabs */ .tab-container { margin: 10px 0; } .tab-container .tabs-wrapper { width: 100%; overflow: hidden; box-sizing: border-box; } .tab-container .tabs { display: table; margin: 0; padding: 0; border-spacing: 0 0; border-spacing: 10px 0; margin-left: -10px; position: relative; z-index: 6; } .tab-container .tabs li { display: table-cell; text-align: center; vertical-align: middle; background: #eaeaea; border: 1px solid #ccc; box-shadow: inset 0 -12px 8px -14px rgba(0, 0, 0, 0.2); cursor: pointer; line-height: normal; } .tab-container .tabs li:hover { text-decoration: none; box-shadow: none; } .tab-container .tabs li.active { background: #fff; border-width: 1px 1px 0; box-shadow: none; } .tab-container .tabs li .block-title { display: block; padding: 9px 14px; color: #777; text-decoration: none; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); font-size: 12px; line-height: 16px; font-weight: bold; min-width: 60px; } .tab-container .content { border: 1px solid #ccc; position: relative; z-index: 5; margin-top: -1px; background: #fff; } .tab-container .content .block-title { display: none; } .tab-container .content .block-highlight { margin: 0; } .tab-container .tab { display: none; } .tab-container .tab.active { display: block; } p.texte-home { color: #3d3d3d; font-weight: 400; font-size: 14px; font-family: 'Montserrat'; text-align: justify; } /* >>> homepage */ /* <<< EE Edition */ .event-container { margin-bottom: 0; } .event-container .event { margin-bottom: 0; position: static; } .rewards { margin: 0; } .reward-message { margin: 5px 0; } /* >>> EE Edition */ /* http://avexdesigns.com/responsive-youtube-embed */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* slider */ .argento-slider .block-content { position: relative; /*padding: 0 37px !important;*/ background: #fff; } .argento-slider .list-slider { padding: 0; list-style: none; width: 10000px; padding: 0; overflow: hidden; clear: both; position: relative; margin: 0; } .argento-slider #left, .argento-slider #left2 { position: absolute; top: 37%; right: 2%; z-index: 999; opacity: 1; } .argento-slider #right, .argento-slider #right2 { position: absolute; top: 37%; left: 2%; z-index: 999; opacity: 1; } .argento-slider #left:hover, .argento-slider #left2:hover, .argento-slider #right:hover, .argento-slider #right2:hover { opacity: 0.6; } /* expandable lists */ .expandable-wrapper { border: none !important; margin: 0 0 5px; padding: 0 !important; } .expandable-list { border: 1px solid #116bb7; padding: 0; border-radius: 5px; font-size: 15px !important; line-height: 21px; color: #fff; background: rgb(77, 144, 201); /* Old browsers */ background: -moz-linear-gradient( top, rgba(77, 144, 201, 1) 0%, rgba(17, 107, 183, 1) 100% ); /* FF3.6+ */ background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, rgba(77, 144, 201, 1)), color-stop(100%, rgba(17, 107, 183, 1)) ); /* Chrome,Safari4+ */ background: -webkit-linear-gradient( top, rgba(77, 144, 201, 1) 0%, rgba(17, 107, 183, 1) 100% ); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient( top, rgba(77, 144, 201, 1) 0%, rgba(17, 107, 183, 1) 100% ); /* Opera 11.10+ */ background: -ms-linear-gradient( top, rgba(77, 144, 201, 1) 0%, rgba(17, 107, 183, 1) 100% ); /* IE10+ */ background: linear-gradient(top, rgba(77, 144, 201, 1) 0%, rgba(17, 107, 183, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90c9', endColorstr='#116bb7',GradientType=0 ); /* IE6-9 */ } .expandable-list.expanded { border: 1px solid #ccc; color: #777; background: none; } .expandable-list a, .expandable-list strong { display: block; color: #fff; padding: 8px 9px; text-decoration: none; } .expandable-list li.current a, .expandable-list li.current strong { font-weight: bold; } .expandable-list li.current strong:before, .expandable-list li.current a:before { content: '≡'; font-size: 18px; margin-right: 3px; } .expandable-list.expanded a, .expandable-list.expanded strong { color: #777; border-top: 1px solid #ccc; background: rgb(255, 255, 255); /* Old browsers */ background: -moz-linear-gradient( top, rgba(255, 255, 255, 1) 0%, rgba(239, 235, 239, 1) 100% ); /* FF3.6+ */ background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(239, 235, 239, 1)) ); /* Chrome,Safari4+ */ background: -webkit-linear-gradient( top, rgba(255, 255, 255, 1) 0%, rgba(239, 235, 239, 1) 100% ); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient( top, rgba(255, 255, 255, 1) 0%, rgba(239, 235, 239, 1) 100% ); /* Opera 11.10+ */ background: -ms-linear-gradient( top, rgba(255, 255, 255, 1) 0%, rgba(239, 235, 239, 1) 100% ); /* IE10+ */ background: linear-gradient( top, rgba(255, 255, 255, 1) 0%, rgba(239, 235, 239, 1) 100% ); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efebef',GradientType=0 ); /* IE6-9 */ } .expandable-list.expanded .current strong { color: #fff; background: rgb(77, 144, 201); /* Old browsers */ background: -moz-linear-gradient( top, rgba(77, 144, 201, 1) 0%, rgba(17, 107, 183, 1) 100% ); /* FF3.6+ */ background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, rgba(77, 144, 201, 1)), color-stop(100%, rgba(17, 107, 183, 1)) ); /* Chrome,Safari4+ */ background: -webkit-linear-gradient( top, rgba(77, 144, 201, 1) 0%, rgba(17, 107, 183, 1) 100% ); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient( top, rgba(77, 144, 201, 1) 0%, rgba(17, 107, 183, 1) 100% ); /* Opera 11.10+ */ background: -ms-linear-gradient( top, rgba(77, 144, 201, 1) 0%, rgba(17, 107, 183, 1) 100% ); /* IE10+ */ background: linear-gradient(top, rgba(77, 144, 201, 1) 0%, rgba(17, 107, 183, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90c9', endColorstr='#116bb7',GradientType=0 ); /* IE6-9 */ } .expandable-list li { padding: 0; } .expandable-list.expanded li:first-child a, .expandable-list.expanded li:first-child strong { border-top: none; border-radius: 5px 5px 0 0; } .expandable-list.expanded li:last-child a, .expandable-list.expanded li:last-child strong { border-radius: 0 0 5px 5px; } .floatbar { display: none; } .floatbar-popup-close-icon { display: none; } /* social icons */ .block-social .icons { float: left; } .block-social .icons li { border-radius: 2px; background-image: none; float: left; margin-right: 4px; display: inline; } .block-social .icons li a { font-size: 0; color: transparent; display: inline-block; width: 33px; height: 32px; text-decoration: none; } .block-social .icons li:hover { top: -2px; position: relative; } .block-social .icons li a:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; width: 33px; height: 33px; line-height: 33px; text-align: center; vertical-align: bottom; color: #fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); } .block-social .icons .facebook { background: #425f9c; } .block-social .icons .facebook a:before { content: '\f09a'; } .block-social .icons .twitter { background: #0084b4; } .block-social .icons .twitter a:before { content: '\f099'; } .block-social .icons .youtube { background: #cc181e; } .block-social .icons .youtube a:before { content: '\f167'; } .block-social .icons .rss { background: #ff9133; } .block-social .icons .rss a:before { content: '\f09e'; } .block-social .icons .gplus { background: #ff0000; } .block-social .icons .gplus a:before { content: '\f0d5'; } .block-social .icons .linkedin a:before { content: '\f0e1'; } .block-social .icons .linkedin:hover { background: #0177b5; } .block-social .icons .pinterest a:before { content: '\f231'; } .block-social .icons .pinterest:hover { background: #ca2026; } .suggestpage-index-index .soldtogether-block { margin: 0 0 15px; } .suggestpage-index-index .soldtogether-block:after { content: ''; display: table; clear: both; } .suggestpage-index-index h2, .suggestpage-index-index .col-main .block-title, .ajaxpro-form .soldtogether-block > h2 { text-align: center; font-size: 20px; } .askit-question-text { margin-right: 80px; } .add-askit-box { border-color: #ddd; } .askit-accordion-content { background: none; } button.ajaxpro-continue-button span, .ajaxpro-buttons-set .btn-continue span { background-color: #a2a2a2; } #ajaxpro-scrolling-button span { font-size: 16px; font-weight: normal; height: 40px; line-height: 40px; background: #777; } #ajaxpro-scrolling-button span span { padding: 0 25px; } .product-view .prolabels-content-wrapper { clear: both; } #firecheckout-form .form-list label { font-size: 13px; } .firecheckout-section .block-title { font-size: 11px; } .firecheckout-set input.input-text { text-indent: 0; } /* Testimonials */ .block-testimonials .block-content .content { padding: 0; } .block-testimonials .block-content .content .content-wrapper { height: 120px; min-height: 120px; } .sidebar .block-testimonials .block-content .content .rating-box, .sidebar .block-testimonials .block-content .content .rating-title { display: none; } .sidebar .block-testimonials .block-content .content .message { margin: 0; } .sidebar .block-testimonials .actions { padding: 8px 0; } /* Testimonials */ ul.amazonstyle-images > li > a > img { box-shadow: none; } /* <<< fontawesome and other retina screen styles */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .header-cart .summary-qty { background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/i_dropdown.png) no-repeat 0 50%; background-size: 15px 8px; } .rating-box { width: 75px; } .rating-box, .rating-box .rating { background-image: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/bkg_rating_2x.png); background-size: 15px 64px; height: 14px; } .soldtogether-block .amazonstyle-images li { width: 80px; background-size: 8px; background-position: 3px 50%; padding-left: 15px; } .easycatalogimg .list-subcategories li:before, .link-wishlist:before, .link-compare:before, .btn-remove:before, .btn-edit:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .header-cart .mini-products-list .btn-remove, .header-cart .mini-products-list .btn-edit { padding: 2px 3px; } .header-cart .mini-products-list .btn-edit { padding-top: 3px; } .btn-remove, .btn-edit { background: none; width: auto; height: auto; } .btn-edit:before { font-size: 20px; content: '\f044'; color: #000; } .btn-remove:before { font-size: 20px; content: '\f00d'; color: #000; } .item .btn-remove:before { font-size: 20px; content: '\f014'; color: #000; } .link-wishlist, .link-compare { background: none !important; padding: 0 !important; } .link-wishlist:before, .link-compare:before { font-size: 11px; line-height: normal; color: #aaa; text-decoration: none; width: 13px; text-align: center; } .link-wishlist:before { content: '\f004'; } .link-compare:before { content: '\f067'; } .easycatalogimg .list-subcategories li, .easycatalogimg .list-subcategories li:first-child { background: none; padding-left: 0 !important; } .easycatalogimg .list-subcategories li:before { content: '\f105'; font-weight: bold; font-size: 16px; color: #ef6e00; } } /* fontawesome and other retina screen styles >>> */ /* <<< responsive styles */ @media (max-width: 979px) { .notice-cookie .notice-inner, .global-site-notice .notice-inner { width: auto; padding-right: 12px; } .top-toolbar, .header, .top-container, .main, .footer, .footer-toolbar, .footer-cms, #nav { width: auto; } .nav-container .navpro { width: auto; } .footer-cms .footer-links li { width: 125px; margin-right: 10px; } .home-main-title h1:before, .home-main-title h1:after { display: none !important; } .cms-index-index .box-home { padding-top: 230px !important; } } @media (max-width: 1024px) { .cms-index-index .box-home { padding-top: 230px !important; } } @media (max-width: 768px) { /* <<< accordion navigation */ .nav-container #nav { display: none; } .nav-container #nav.shown { display: block; } #nav { font-weight: normal; margin: 2px 0 0; padding: 0; border: 1px solid #caccd2; border-radius: 5px; } #nav ul, #nav div { position: static; left: auto; right: auto; top: auto; bottom: auto; width: auto; border: none; background: none; display: none; box-shadow: none; } #nav ul.shown, #nav div.shown { display: block; } #nav li { position: relative; float: none; } #nav li.level-top { background: none; padding: 0; } #nav li a { float: none; } #nav .toggle, #nav li.parent > .toggle { position: absolute; right: 0; top: 3px; background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/nav_toggle.png) no-repeat 4px -27px !important; background-size: 32px 60px !important; border: none; width: 39px; height: 35px; margin-top: 0; padding: 0 !important; display: block !important; } #nav ul li.parent > a { background-image: none; } #nav .first a.level-top { border-radius: 5px 5px 0 0; border: none; } #nav .last a.level-top { border-radius: 0 0 5px 5px; } #nav .toggle:active { } #nav .toggle:hover { border: none; } #nav .toggle.active { background-position: 3px 4px !important; } #nav li.parent > .toggle.active { background-position: 3px 4px !important; } #nav ul li { font-weight: normal; border: none; } #nav li a, #nav ul li a { display: block; text-decoration: none; border-top: 1px solid #caccd2; padding: 12px 12px 10px 8px; color: #555; } #nav li a:hover { color: #000; text-decoration: none; } #nav span { display: block; cursor: pointer; white-space: nowrap; } #nav li ul span { white-space: normal; } #nav .level0 li a { padding-left: 15px; } #nav .level1 li a { padding-left: 25px; } #nav .level3 li a { padding-left: 35px; } #nav .level4 li a { padding-left: 45px; } #nav .level5 li a { padding-left: 55px; } .nav-container { padding: 0; z-index: 600; } .nav-container .navpro { display: none; } .nav-container .navpro.shown { display: block; } .nav-container .navpro-responsive .nav-toggler-level0 { top: 2px; } .nav-container .navpro-responsive ul .nav-toggler { top: 4px; } .nav-container .navpro-responsive a.level-top, .nav-container .navpro-responsive div.level-top a, .nav-container .navpro-responsive ul .nav-a, .nav-container .navpro-responsive ul .nav-sibling-title a { border-top: 1px solid #eee; padding-left: 9px; font-size: 15px !important; } .nav-container .navpro-responsive li.first > a.level-top, .nav-container .navpro-responsive li.first > div.level-top a { border-top: none; } .nav-container .navpro-responsive ul .nav-a, .nav-container .navpro-responsive ul .nav-sibling-title a { padding-left: 12px; font-size: 16px; } .nav-container .navpro-responsive .nav-column .nav-column-title { padding: 10px 0 10px 10px; } .nav-container .navpro-responsive .block-title { padding: 0 0 10px 5px; } .nav-container .navpro-responsive .easycatalog-grid li.item { width: 50% !important; } .nav-container .navpro-responsive .products-grid li.item:nth-of-type(2n + 1) { clear: left; } .nav-container .navpro-responsive .block-highlight .products-grid.cols-3 li.item { box-shadow: 0 0 9px rgba(0, 0, 0, 0.15); width: 48% !important; } } @media (max-width: 1024px) { .welcome-msg { display: none; } .header-links { margin-right: 10px; } .header-content { float: none; clear: both; } .header-container { z-index: 30; } .header-short { box-shadow: none; } .header-container .mobile-togglers { display: table; } .header-container .mobile-togglers .toggle-quick-links { display: none; } .header-cart .block-title, .header-cart-title { display: none; } .header-cart .mini-products-list { margin: 0; right: 0; left: auto; } .header-cart .mini-products-list li.empty { padding: 15px 10px; font-size: 1.3em; } .header-cart .mini-products-list li { width: 350px; } .header-container .header-cart { background: none; border-bottom: 1px solid #eee; border-left: 1px #eee solid; padding: 0; margin: 0; } .header-container #search_mini_form.shown { display: block; } .header-container #search_mini_form.shown .form-search { width: 350px; margin: 0; position: absolute; right: 0; top: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); padding: 7px 10px; background-color: #fff; } .nav-dropdown-toggler { display: none; } #search_mini_form fieldset { display: block; } .autocomplete { max-width: none; } .autocomplete .div { padding: 7px; } .main { padding: 5px 5px; } .col3-layout .col-right { display: none; } .col3-layout .col-wrapper { width: auto; } .products-list .product-image, .products-list .product-image img { width: 100px; height: auto; } .products-list .product-shop { margin-left: 105px; } .products-grid li.item { text-align: center; } .products-grid .actions, .products-grid .price-box { float: none; } .products-grid .add-to-links, .products-grid .add-to-links li { float: none !important; } .products-grid .add-to-links li { margin: 0; } .products-grid .ratings .rating-box { float: none; margin: 0 auto; } .products-grid .prolabels-content-wrapper { margin: 0 auto; } .product-view .product-shop .product-name { margin: 0 0 10px; } .product-view .product-img-box { width: 200px; } .product-view .product-img-box .product-image-zoom { width: 200px; height: 200px; } #narrow-by-list dd li { background: none; padding: 0; } .cart .shipping-crosssell { width: 60%; float: left; } .cart .shipping-crosssell .col-1, .cart .shipping-crosssell .col-2 { float: none; width: auto; } .cart .shipping { margin-bottom: 5px; } .cart .totals { width: 35%; } /* multiship checkout */ #multiship-addresses-table select { width: 250px; } /* My Wishlist */ .my-wishlist .product-shop { margin-left: 100px; } .my-wishlist .price-box { float: none; clear: both; } .my-wishlist .wishlist-short-info { float: none; width: auto; } .my-wishlist .description { margin: 5px 0; } .my-wishlist .cart-cell { float: none; width: auto; margin: 10px 0; display: block; clear: both; } .footer { text-align: center; } .footer, .footer-cms { } .footer-toolbar .block-subscribe .input-text { width: 130px; } .footer-cms .footer-links { float: left; width: 60%; } .footer-cms .footer-links .h6 { margin-bottom: 4px; } .footer-cms .footer-links li { width: 49%; margin: 0; } .footer-cms .footer-links li ul { margin-bottom: 10px; } .footer-cms .footer-contacts { float: right; width: 39%; } .footer-cms .footer-contacts img { max-width: 100%; width: auto; height: auto; } .footer address { float: none; text-align: center; margin-bottom: 5px; } .footer .store-switcher { float: none; display: block; margin: 0 0 5px 0; } .footer .links, .footer .links li { float: none; } .footer .links li { line-height: 25px; } .cms-index-index .col-main .easycatalogimg .list-subcategories { padding-left: 5px; } .event-container .status, .event-container .event-dates { font-size: 14px; } .soldtogether-block .amazonstyle-images li { width: 75px; } button.button span { font-size: 13px; line-height: 31px; height: 30px; } button.button span span { padding: 0 20px; } .notice-cookie .notice-inner, .global-site-notice .notice-inner { padding: 5px; background-image: none; } .fieldset { padding-left: 15px; padding-right: 15px; } .fieldset .legend { margin-left: 0px; } .form-list .field { float: none; width: auto; margin: 0 0 8px; } .form-list .field:last-child { margin: 0; } /*select, .form-list select { background: #fefefe url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/i_dropdown.png) no-repeat 100% 50% !important; background-size: 15px 8px !important; padding:6px 30px 6px 5px !important; }*/ .form-list textarea, .form-list select, select { -webkit-appearance: none; -webkit-box-sizing: border-box; appearance: none; box-sizing: border-box; } .col2-set .col-1, .col2-set .col-2, .col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float: none; width: auto; margin: 0 0 10px; clear: both; } .col2-set .col-mobile-50, .col3-set .col-mobile-50 { width: 50%; float: left; clear: none; } .col4-set { flex-wrap: wrap; } .col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float: left; width: 100%; } .col4-set .col-2, .col4-set .col-4 { float: right; margin: 0; } .col4-set .col-3 { clear: left; } /* make top toolbar really small */ .form-language { float: left; display: inline; } .form-language label, .welcome-msg { display: none; } .header-links { display: none; } .top-toolbar .quick-links { float: right; text-align: left; margin-top: 7px; } .top-link-wishlist, .top-link-checkout { display: none; } .header { text-align: left; padding: 0; } .header .logo { margin: 5px 0 7px; float: none; display: inline-block; } .logo-wrapper { float: none; text-align: center; margin-bottom: 5px; margin-top: 0; } .header-empty .logo { margin: 5px auto 7px; } .header-container .mobile-togglers { float: none; width: 100%; } .header-container .mobile-togglers .toggle-quick-links { display: block; } .header-container .mobile-togglers a { padding: 9px; background: #ffcf10; } .header-container .mobile-togglers a.active, .header-container .mobile-togglers a:hover { background: #fff; } .nav-container { display: block; margin: 0; position: static; right: auto; top: auto; width: auto; box-shadow: none; } .header-content .quick-links { display: none; } .header-content .quick-links.shown { display: block; } .header-content .quick-links .links { float: none; } .header-content .top-link-wishlist, .header-content .top-link-checkout { display: block; } .header-content .quick-links li { display: block; border-top: 1px solid #e7e7e7; } .header-content .quick-links li:first-child { border-top: none; } .header-content .quick-links li a { padding: 14px 15px !important; background: none !important; display: block; font: normal 18px/17px Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: none; text-decoration: none; color: #000; } .header-container .header-cart { margin: 0; float: none; position: static; } .header-cart div.subtotal { background: none; float: left; padding: 10px 0; width: 50%; text-align: center; font-size: 1.2em; } .header-cart li.subtotal .actions { width: 50%; padding: 0; float: right; } .header-cart .mini-products-list { position: static; box-shadow: none; float: none; } .header-cart .mini-products-list li { width: auto; } .header-cart .mini-products-list .product-details { font-size: 1.3em; } .header-container #search_mini_form.shown { display: block; } .header-container #search_mini_form.shown .form-search { width: auto; margin: 0; position: static; right: 0; top: 0; box-shadow: none; padding: 0; } .header-container .form-search { float: none; margin: 7px 5px 5px !important; } .header-container .form-search input { width: 220px; } /*.autocomplete { max-width: 240px; }*/ .promo-home-content { margin-top: 5px; } .promo-home-content .block { border-width: 1px; } .promo-home-content .col-2 .block { width: auto; float: none; } .brands-home { border-width: 1px; } .cms-index-index .col-main .easycatalogimg .easycatalog-grid li.item { background: none !important; border: none; } .cms-index-index .col-main .easycatalogimg .list-subcategories { padding-left: 5px; } .tab-container .content .block-content { padding: 7px 4px; } .promo-home-content .actions, .promo-home-content .add-to-links { display: block; } .block .block-content { padding: 5px; } #narrow-by-list dd { padding-left: 5px; } #narrow-by-list dd li { margin: 3px 0; } .col2-left-layout .sidebar, .col2-right-layout .sidebar { width: 32%; } .col2-left-layout .col-main, .col2-right-layout .col-main { width: 67%; } .col3-layout .col-wrapper { width: auto; } .col2-right-layout .col-main { width: auto; float: none; } /* disable multicolumn layout */ .main-container .sidebar, .main-container .col-main, .main-container .col-wrapper, .main-container .col-wrapper .col-main { width: auto; float: none; display: block; margin: 0; } /* sidebar collapsible blocks */ .main-container .col-main { margin-bottom: 17px !important; padding: 0 15px; box-sizing: border-box; } .customer-account-index .col2-left-layout .col-main { width: 100%; } .main-container .sidebar .block { margin: 0; font-size: 1.3em; } .main-container .sidebar .block-title { padding: 12px 12px; margin-top: -1px; cursor: pointer; background: #eaeaea; border: 1px solid #ccc; box-shadow: inset 0 -12px 8px -14px rgba(0, 0, 0, 0.2); text-decoration: none; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); text-transform: none; font: bold 15px/16px Arial, Helvetica, Tahoma, sans-serif; } .main-container .sidebar .block-title span, .main-container .sidebar .block-title strong { font-weight: normal; font-size: 1em; color: #555; padding: 0; display: inline; } .main-container .sidebar .block-title.block-toggler span span:before, .main-container .sidebar .block-title.block-toggler strong span:before { float: left; width: 11px; content: '-'; } .main-container .sidebar .collapsed .block-title.block-toggler span span:before, .main-container .sidebar .collapsed .block-title.block-toggler strong span:before { content: '+'; } .main-container .sidebar .block-content { border: 1px solid #ccc; border-top: none; } .main-container .sidebar .collapsed .block-content { display: none; } /* End of sidebar collapsible blocks */ .truncated { display: none; } .pager select, .sorter select { padding: 4px 25px 4px 2px !important; } .products-grid, .std .products-grid { border: none; padding: 0; } .products-grid li.item { box-shadow: 0 0 9px rgba(0, 0, 0, 0.1); } .products-grid .product-name { min-height: 0; margin: 0 0 0; padding: 3px 5px; line-height: 15px; } .products-grid .prolabel-wrapper + .product-name { padding-bottom: 0; } .products-grid .product-name a { font-size: 12px !important; line-height: 15px; width: 100%; display: inline-block; letter-spacing: normal; } .products-grid .product-image { margin: 0 0 2px; text-align: center; } .products-grid .ratings { display: none; } .products-grid .price-box { margin: 0; padding: 3px 5px; line-height: 15px; } .products-grid .old-price, .products-grid .special-price, .products-grid .price-from, .products-grid .price-to { display: inline-block; } .products-grid .map-info .old-price { float: none; } .products-grid .price-from:after { content: '—'; margin-right: 3px; } .products-grid .old-price .price-label, .products-grid .special-price .price-label, .products-grid .price-from .price-label, .products-grid .price-to .price-label { display: none; } .products-grid .actions { display: none; } .products-grid .configurable-swatch-list { display: none; } .grid-wide .actions { display: block; } .products-grid .add-to-links { display: none; } .products-grid .price-box:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; font-size: 0; } /* product view */ .product-view .product-shop, .col1-layout .product-view .product-shop { float: none; margin: 0; clear: both; padding-top: 10px; } .product-view .product-shop .product-name { margin: 10px 0; display: none; } .product-view .product-shop .product-shop-inner { margin: 0; } .product-view .product-img-box .product-image-zoom { width: 370px; height: 370px; } .product-view .product-img-box { float: none; margin: 0; width: 100%; } .product-view .product-img-box .zoom-notice { display: none; } .product-view .product-img-box .zoom { display: none; } .product-view .product-shop .add-to-cart label, .product-view .product-options-bottom .add-to-cart label { display: none; } /*.product-view .easytabs li a { font-size: .9em; }*/ .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { clear: both; } /* cart */ .cart-header-item { display: inline; } .cart .page-title .btn-continue { margin-top: 5px; } .cart .product-image { width: 55px; } .cart .product-shop { margin-left: 60px; } .cart .col-wishlist { margin: 0 0 4px; } .cart .cart-qty .btn-update-qty { margin-top: 5px; } .cart .col-delete-item { background: none; display: inline; font-size: 1em; line-height: normal; text-indent: 0; width: auto; height: auto; margin-top: 4px; } .cart .cart-price-list li { padding: 0 !important; } .cart .shipping-crosssell { width: auto; float: none; } .cart .totals { width: auto; float: none; margin-bottom: 5px; } .cart .totals #shopping-cart-totals-table { float: none; } .discount { margin-bottom: 5px; clear: both; } .cart .crosssell { } .gift-messages-form .item .details .form-list .field { width: 97%; } .info-set .form-list .field { width: 100%; } .info-set .form-list textarea, .info-set .form-list select, .info-set .form-list input.input-text { width: 90%; } .info-set .form-list li.wide textarea, .info-set .form-list li.wide select, .info-set .form-list li.wide input.input-text { width: 90%; } /* onepage checkout */ #opc-login .col-1, #opc-login .col-2 { float: none; width: auto; } #opc-login .buttons-set { padding: 5px; } #checkout-review-table-wrapper { overflow: auto; } /* multiship checkout */ .checkout-onepage-index .sidebar { display: none; } .checkout-progress { padding: 0; font-size: 0.9em; } #multiship-addresses-table select { width: 110px; } #multiship-addresses-table .qty { width: 1.7em !important; } .checkout-multishipping-shipping .multiple-checkout .col2-set .col-narrow, .checkout-multishipping-shipping .multiple-checkout .col2-set .col-wide, .checkout-multishipping-billing .multiple-checkout .col2-set .col-narrow, .checkout-multishipping-billing .multiple-checkout .col2-set .col-wide, .checkout-multishipping-overview .multiple-checkout .col2-set .col-narrow, .checkout-multishipping-overview .multiple-checkout .col2-set .col-wide { width: auto; float: none; } .multiple-checkout .place-order .grand-total big { margin: 0 0 10px; display: block; } .account-login .new-users, .account-login .registered-users { width: auto; float: none; margin-bottom: 10px; border-width: 0 0 1px; min-height: 0; } .remember-me-popup { width: 300px; margin-left: -150px; } /* General Box */ .box-account { background: #fff; margin: 0 0 20px; padding: 0; border: none; } .box-account .box-head h2 { float: left; margin: 0; font-size: 13px; font-weight: bold; color: #e65505; } .block-layered-nav li, .block-account li { line-height: 22px; } #my-orders-table .order-info dd, #my-downloadable-products-table .order-info dd { clear: left; } .box-account .col-1 { margin-bottom: 7px; } .box-account .col-1, .box-account .col-2 { float: none; width: auto; } .addresses-list .col-1, .addresses-list .col-2 { float: none; width: auto; } /* My Wishlist */ .my-wishlist .product-image { width: 50px; height: auto; } .my-wishlist .product-shop { margin-left: 55px; } .my-wishlist textarea { width: 170px; margin-bottom: 5px; } .order-info-box { padding: 0; } .footer-toolbar-container { border: none; } .footer-toolbar .block-subscribe { float: none; margin-bottom: 5px; } .footer-toolbar .block-subscribe label { display: none; } .footer .links li a { padding: 5px 7px 5px 8px; } .floatbar { position: fixed; top: 0; left: 0; right: 0; z-index: 650; background: #eaeaea; border: 1px solid #ddd; border-width: 0 0 1px; font: bold 17px/16px Arial, Helvetica, Tahoma, sans-serif; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); color: #555; display: table; width: 100%; -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } .floatbar-bottom { top: auto; bottom: 0; border-width: 1px 0 0; } .floatbar-bottom-hidden { transform: translateY(100%); } .floatbar-shown { transform: translateY(0); } .floatbar .section { padding: 14px 10px; cursor: pointer; display: table-cell; vertical-align: middle; } .floatbar .section + .section { border: 1px solid #ddd; border-width: 0 0 0 1px; } .block-layered-nav, .toolbar-bottom .sort-by, .floatbar-popup { position: fixed !important; bottom: 60px; left: 7%; z-index: 640; width: 86%; height: auto; max-height: 80%; background-color: #fff; box-shadow: 0 2px 18px rgba(0, 0, 0, 0.3); box-sizing: border-box; -webkit-transform: translateY(180%); -moz-transform: translateY(180%); -o-transform: translateY(180%); -ms-transform: translateY(180%); transform: translateY(180%); opacity: 0; } .main-container .sidebar .block-layered-nav .block-content { display: block; } .floatbar-popup-initial { left: -9999px; visibility: hidden; } .floatbar-popup.shown { opacity: 1; visibility: visible; } .floatbar-popup .block-title { border: none !important; margin: 0 !important; } /* reset theme block toggle styles */ .floatbar-popup .block-title span span:before { content: '' !important; width: auto !important; float: none !important; } .floatbar-popup .block-title span span:before { content: '' !important; } .floatbar-popup .block-title { cursor: default !important; } .floatbar-popup .block-title-suffix { display: inline-block; margin-left: 10px; } .floatbar-popup .iscroll { overflow: auto; position: relative; } .floatbar-popup .iscroll a { -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; text-decoration: none; } .floatbar-popup .iscroll .highlight { background-color: #aed7ff; } .floatbar-popup .block-content, .floatbar-popup .collpased .block-content { display: block !important; border: none !important; } .floatbar-popup .floatbar-popup-close-icon { direction: ltr; position: absolute; color: #000; font: bold 18px/23px 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; width: 26px; height: 26px; border-radius: 50%; right: 7px; top: 7px; display: block; } .floatbar-popup { -webkit-transition: -webkit-transform 0.25s ease-in-out, opacity 0.25s ease-in-out; -moz-transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out; -o-transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out; transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out; } .floatbar-popup.shown { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* EE styles */ .event { height: auto; } .event-container { height: auto; } .event-container .event { height: auto; line-height: 30px; padding-bottom: 6px; } .event-container .status { margin: 0 5px 0 0; font-weight: bold; } .container-open .open, .container-upcoming .upcoming { background-image: none; } /* EE styles */ .left-img-container { display: none; } .right-img-container { display: none; } .footer-cms.footer-printpascher div div div img.avis-black { margin-left: 0 !important; } } /* >>> responsive styles */ button.check-gc-status span { height: auto; line-height: normal; white-space: normal; } button.check-gc-status span span { padding-top: 6px !important; padding-bottom: 6px !important; } /* fix for third-party extensions thet removed spaces and newlines from html output */ .tags li:after, .tags-list li:after, .footer ul li:after, .links li:after { content: ' '; } /* clears */ .top-toolbar-container, .top-toolbar, .header-cart .mini-products-list li, .products-grid li.item, .tab-container, .add-to-links, .product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .product-img-box .more-views, .box-account, .box-account .box, .cart-headers, .cart .totals, .discount-form, .footer-toolbar-container, .footer-toolbar, .footer-cms-container, .footer-cms { zoom: 1; } .top-toolbar-container:after, .top-toolbar:after, .header-cart .mini-products-list li:after, .products-grid li.item:after, .tab-container:after, .add-to-links:after, .product-view .product-shop:after, .product-view .add-to-cart-wrapper:after, .product-view .product-img-box .more-views:after, .box-account:after, .box-account .box:after, .cart-headers:after, .cart .totals:after, .discount-form:after, .footer-toolbar-container:after, .footer-toolbar:after, .footer-cms-container:after, .footer-cms:after { display: block; content: '.'; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } /* twitter bootstrap */ .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 610; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; color: #000; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu a { font-weight: normal; color: #333333; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } @media (min-width: 768px) and (max-width: 1024px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float: none; width: 45%; margin: 0 2%; } .bloc-specialist { justify-content: center; } .col4-set.bloc-specialist .col-1, .col4-set.bloc-specialist .col-2, .col4-set.bloc-specialist .col-3, .col4-set.bloc-specialist .col-4 { float: none; width: 45%; margin: 0 2%; } .bloc-avantage .col4-set { justify-content: center; } .footer-cms.footer-printpascher .col-1 { width: 45%; } .bloc-service .col3-set { display: flex; justify-content: center; width: 100%; } .product-view .product-img-box { display: none; } .order-link { float: none; display: flex; justify-content: flex-end; align-items: center; } .my-account .box-recent table tbody tr td.last, .my-account table#my-orders-table tbody tr td.last{ display: flex; } .my-account table tbody tr td.last .order-link div { margin-bottom: 0; } .box-account .col2-set, .box-account .box-content { display: flex; justify-content: space-between; } .box-addresses .col2-set, .box-account .box { width: 100%; } .box-account .col-1, .box-account .col-2 { width: 100%; } .sales-order-item-list table tbody tr td.last, .order-items.order-details table tbody tr td.last { display: table-cell; } .sales-order-item-list .sales-order-item-list-informations { width: 100%; display: flex; justify-content: space-between; } .sales-order-item-list-button { text-align: right !important; margin: 25px 0 !important; } .j2t-rewardpoints-referral .field { width: 100% !important; } .j2t-rewardpoints-referral .field label { font-size: 15px; font-weight: 500; margin-right: 25px; margin-top: 10px; } } @media (max-width: 1024px) { .bloc-service .col3-set .col-1, .bloc-service .col3-set .col-2, .bloc-service .col3-set .col-3 { float: none; width: 30%; margin: 0 10px 10px; clear: both; } } @media (max-width: 768px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .bloc-service .col3-set .col-1, .bloc-service .col3-set .col-2, .bloc-service .col3-set .col-3 { float: none; width: 45%; margin: 0 10px 20px; clear: both; } .bloc-service .col3-set { display: flex; justify-content: center; width: 100%; flex-wrap: wrap; } } /*DROPZONE*/ .dropzone { text-align: center; } .dz-details { opacity: 1 !important; } .dz-images { border-radius: 20px; background: linear-gradient(to bottom, #eee, #ddd); } .dz-button { padding: 8px 0; background: #abbac2; border-radius: 30px; color: #232323; font-size: 14px; margin: 0 10px; } /*DROPZONE*/ /*HEADER*/ .top-toolbar-container { display: none; } .header-content { text-align: center; width: 100%; margin: 0 auto; float: none; background: #ffcf10; padding: 0; } .header-content .nav-container .nav-li { padding: 0 1px; } .header-content .nav-container #navigationpro-top > .first.nav-li:hover { background-color: white; } @media (min-width: 1025px) { .header-content .nav-container .level0.nav-li { padding: 15px 0 16px 11.25px !important; } .header-content .nav-container .level0.nav-li:hover, .header-content .nav-container .level0.nav-li:active, .header-content .nav-container .level0.nav-li.over { padding: 15px 0 16px 11.25px !important; background: #333e48; } .header-content .nav-container .level0.nav-li:hover a.level-top { color: #fff !important; } .header-content .nav-container .nav-li:hover a.level-top, .header-content .nav-container .nav-li:active a.level-top { border-right: 1px solid #fff; } .header-content .nav-container .nav-li-sibling { padding: 1px 0 1px 0; } .header-content .nav-container .nav-li-sibling.level-top.first { padding: 2px 0 2px 0; } .header-content .nav-container .nav-sibling-title a { padding: 0 5px 0 20px; } .header-content .nav-container .nav-li-sibling.opened a.level-top, .header-content .nav-container .nav-li-sibling.active a.level-top { background-color: transparent !important; border: none !important; } .header-content .nav-container .nav-li-sibling div a .burger { padding: 13px 0 15px 0; } .header-content .nav-container .nav-li a.level-top { color: #333e48 !important; padding: 0 11.25px 0 0 !important; border-right: 1px solid #ddb90c; text-align: center; } .header-content .nav-container .nav-li:last-child a.level-top { border-right: none; } .header-content .nav-container li.opened a.level-top { color: #fff !important; } .header-content .nav-container .nav-16.nav-li a.level-top { color: #333e48 !important; padding: 0 5px 0 0; border-right: 0px solid #ddb90c; } } @media (max-width: 768px) { .header-content .nav-container .nav-li:hover a.level-top, .header-content .nav-container .nav-li.active a.level-top { color: #3d3d3d !important; } .header-content .nav-container .nav-li.active a.level-top { color: #3d3d3d !important; } .header-content .nav-container .nav-1.nav-li { display: block; } .header-content .nav-container .nav-li-sibling.nav-li { display: none; } .header-content .nav-container .nav-li:hover a.level-top, .header-content .nav-container .nav-li.active a.level-top { border-width: 1px solid #eee; background-color: #ffcf10 !important; color: #3d3d3d !important; } } .dropdown-phone { position: relative; } .dropdown-phone:hover .dropdown-content { display: block; } .dropdown-content { display: none; position: absolute; width: 500px !important; z-index: 999; } .dropdown-content span { position: relative; background-color: #000; color: #fff; font-weight: 600; font-size: 13px; border: 0px solid #000; border-radius: 5px; padding: 5px 10px !important; left: -18%; z-index: 21; } /*.dropdown-content span:after { content: ' '; height: 0; position: absolute; width: 0; border: 10px solid transparent; border-bottom-color: #000; top: -78%; left: 10%; margin-left: -10px; }*/ /*Dropdown my account */ .submenu { background: #000; position: absolute; z-index: 999; display: none; border-radius: 6px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45); margin: 35px 0 0 0; width: 115px; } .root { list-style: none; margin: 0px; padding: 0; } .root .subroot { height: 36px; } .root .subroot-top { border-top-right-radius: 6px; border-top-left-radius: 6px; } .root .subroot-bottom { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .root .subroot:hover { background: #383838 !important; } .root .subroot a { list-style: none; padding: 10px 0 10px 9px; width: 100%; text-align: left; font-size: 11px; font-weight: 600; color: #fff; } .submenu:after { content: ' '; height: 0; position: absolute; width: 0; border: 10px solid transparent; border-bottom-color: #000; top: -20px; left: 50%; margin-left: -10px; } .grey-account { float: left; width: 90%; } .arrow-account { float: right !important; width: 10%; height: 10px; background: #fff; margin: 9px 0 0 0 !important; background-image: url(https://www.printpascher.com/skin/frontend/argento/printpascher/css/tm/arrow_menu_grey.png); background-repeat: no-repeat; } /*Dropdown my account */ /* New line content menu (price / delivery / control / quality) */ .header-top { padding: 0; position: fixed; z-index: 999; width: 100%; margin: 0 auto; background: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } .cms-index-index .header-satisfaction { padding-top: 16px; } .header-satisfaction { height: 18px; margin: 0px auto; padding: 160px 0 16px 0; background: #eee; z-index: 20; position: relative; } .header-satisfaction .header-satisfaction-item { width: 25%; text-align: center; float: left; display: flex; align-items: center; justify-content: center; } .header-satisfaction img, .header-satisfaction i { margin: 0 5px 0 0; } .header-satisfaction span { text-transform: uppercase; font-size: 12px; font-weight: 600; } @media (max-width: 1170px) { .header-satisfaction { padding: 161px 0 16px 0; } } @media (max-width: 1024px) { .header-satisfaction { padding: 235px 0 15px 0; } } @media (max-width: 768px) { .header-satisfaction { padding: 225px 0 50px 0; } .header-satisfaction .header-satisfaction-item { display: block; } .header-satisfaction img { margin: 5px; } .header-satisfaction span { display: block; width: 69%; margin: auto; } } @media (max-width: 480px) { .header-satisfaction { padding: 230px 0 65px 0; } .header-satisfaction span { display: block; width: 100%; margin: auto; } } /* New line content menu (price / delivery / control / quality) */ .picto-wrapper { float: right; width: 78%; height: 100%; margin: 0; } .picto-wrapper-block { display: block; float: right; margin-top: 28px; } .picto-wrapper a { color: #515151; float: left; text-decoration: none; margin: 0 48px 0 0; } .picto-wrapper span { float: left; text-decoration: none; margin: 0 -21px; } .picto-wrapper a:nth-child(5) { margin: 0; } .picto-wrapper a div { text-align: center; width: 100%; } /*.picto-wrapper a div i { margin: 0 0 10px 0; }*/ .picto-wrapper a div p { color: #000; margin-top: 4px; font-weight: 600; } .picto-wrapper a div:hover p { text-decoration: underline; } .picto-wrapper .c div p { color: #000; margin: 4px 0 0 0; font-weight: 600; } .picto-wrapper .c div:hover p { text-decoration: underline; } .picto-wrapper .c { color: #515151; float: left; text-decoration: none; margin: 0 50px 0 0; width: 104px; text-align: center; cursor: pointer; } .picto-wrapper p { font-size: 12px; font-weight: 500; margin: 8px 0 0 0; } .picto-wrapper .fa-phone { font-size: 45px; margin: 0 0 5px 0; color: #484848; } .picto-wrapper .fa-user { font-size: 45px; margin: 0 0 5px 0; color: #484848; } .picto-wrapper .fa-shopping-bag { color: #484848; font-size: 40px; margin: 3px 0 8px 0; } .picto-wrapper .cart-number { position: absolute; font-size: 15px; font-weight: 700; color: #333e48; padding: 0px 11px; background-color: #ffcf10; border-radius: 20px; margin: 4px 0 0 4px; } #account_link ul li { width: auto; } #account_link ul li a { color: #3d3d3d !important; display: block; padding: 10px 0; } #account_link ul li a:hover { background: #ffcf10; } #account_link ul li a span { padding: 5px 20px 5px 10px !important; font-weight: 700; font-size: 15px; text-transform: uppercase; } @media (max-width: 1170px) { .picto-wrapper { width: 100%; } .picto-wrapper a { margin: 0 20px 0 0; } .picto-wrapper a:nth-child(3) { margin: 0 30px 0 0; } .picto-wrapper .c { margin: 0 20px 0 0; } } @media (max-width: 800px) { .picto-wrapper a { margin: 0 10px 0 0; } } @media (min-width: 768px) { .btn-search { visibility: hidden; } .header-cart { visibility: hidden; } } @media (max-width: 1024px) { .picto-wrapper-block { display: none; } .header-content .nav-container .nav-li:hover, .header-content .nav-container .nav-li.active { border-radius: 0; border: none; background-color: #fff; color: #000; } } .nav-dropdown { margin: 14px 0 0 0; padding: 0; border: none; } .nav-dropdown .nav-column div a { text-decoration: none; } .nav-dropdown .nav-column div b { font-size: 14px; font-weight: 800; color: #3d3d3d; } .all-products-data.nav-dropdown .nav-column div b { border-bottom: solid 1px #3d3d3d; display: block; padding: 5px 0; margin-bottom: 5px; } .nav-dropdown .nav-column > div { text-align: left; } .nav-dropdown .nav-column > div img { padding: 0 0 0 4px; } .nav-dropdown .nav-column div.col-title { text-align: center; width: 100%; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; } .nav-dropdown .nav-column div .best-sales-title b { color: #116cc1; } .nav-dropdown .nav-column div ul li a { font-size: 14px; font-weight: 400; text-decoration: none; color: #3d3d3d; display: block; } .nav-column-inner { display: inline-block; min-height: 250px; width: 100%; } .nav-dropdown .nav-column ul { margin: auto; } .nav-dropdown .nav-column li { margin: 0 0 4px 0; padding: 2px 10px; text-align: center; } .nav-dropdown.all-products-data .nav-column li { padding: 2px 0; } .nav-dropdown .nav-column .nav-ul-subcolumn li { margin: 0 !important; padding-top: 5px !important; padding-bottom: 5px !important; width: 100%; } .nav-dropdown .nav-column .nav-ul-subcolumn li.nav-style-dropdown { padding-top: 10px !important; padding-bottom: 10px !important; } .nav-ul-subcolumn li.level1.nav-1-1.nav-li.nav-style-dropdown.first.nav-li-row.parent { position: relative; } ul div.nav-dropdown-inner > div.nav-column > div > ul > li:hover, .first div.nav-column-wrapper.nav6-cols div.nav-column div ul li:hover, ul div.nav-column-wrapper > div.nav-column > div > ul > li:hover, ul div.nav-column-wrapper.nav3-cols > div.nav-column ul > li:hover { background-color: #ffcf10 !important; } ul div.nav-column-wrapper > div.nav-column > div > ul > li, ul div.nav-dropdown-inner > div.nav-column > div > ul > li, ul div.nav-column-wrapper.nav3-cols > div.nav-column ul > li { width: auto !important; } ul div.nav-dropdown-inner > div.nav-column > div > ul > li, ul div.nav-column-wrapper > div.nav-column > div > ul > li, ul div.nav-column-wrapper.nav3-cols > div.nav-column ul > li { text-align: left; } .logo-avis { float: right !important; margin: -18px 0 0 0 !important; } @media (max-width:1680px) and (min-width:1450px){ .header-container #search_mini_form input{ width:290px !important; } } @media (min-width: 1170px) { #responsive-menu { display: none !important; } .nav-dropdown.level1 .nav-dropdown-inner.level1 ul { min-width: 196px; } } @media (max-width: 1170px) { .mobile-togglers.active { background-color: #ffcf10; } #responsive-menu { position: absolute; top: 214px; } #responsive-menu .h1 li { color: #333; background-color: #ffcf10; font: 700 15px 'Montserrat', sans-serif; padding: 0; text-align: left; text-transform: uppercase; cursor: pointer; } #responsive-menu .h2 { margin-bottom: 0; } #responsive-menu .h2 li { color: #fff; background-color: #272e3d; font: 700 15px 'Montserrat', sans-serif; padding: 10px; text-align: left; text-transform: uppercase; margin-bottom: 0; } #responsive-menu .h1 li a { font-size: 15px; padding: 10px; color: black; display: block; } #responsive-menu .h2 li a { color: #fff; display: table-cell; float: none; font-size: 12px; overflow: visible; padding: 0; } } @media (max-width: 769px) { #responsive-menu { top: unset; } #responsive-menu h2 a, #responsive-menu h1 a { color: black; } #responsive-menu h1 { background-color: white; } #responsive-menu h2 { background-color: #ffcf10; } } /*HEADER*/ /*FOOTER*/ .footer-cms.footer-printpascher div div div { width: 80%; margin: auto; } .footer-cms.footer-printpascher div div div.social { width: 100%; margin: auto; } @media (min-width: 768px) and (max-width: 1024px) { .footer-cms.footer-printpascher div div div.social { width: 80%; } } .footer-cms.footer-printpascher div div div img { margin: 0 0 10px 0; } .footer-cms.footer-printpascher div div div img.avis-black { margin: 0 0 0px 0px; } .footer-cms.footer-printpascher div div div p.title { margin: 20px 0 17px 0; font-weight: 800; color: #ffcf10; font-size: 17px; text-transform: uppercase; } .footer-cms.footer-printpascher div div div p.title-black { margin: 50px 0 17px 0; font-weight: 800; color: #1d1d1d; font-size: 18px; text-transform: uppercase; } .footer-cms.footer-printpascher div div div p { text-align: justify; color: #000; } .footer-cms.footer-printpascher div div div ul li { margin: 0 0 15px 0; } .footer-cms.footer-printpascher div div div ul li a { color: #000; text-decoration: none; font-size: 14px; } .footer-cms.footer-printpascher div div div:nth-child(4) { width: 80%; margin: auto; } .footer-cms.footer-printpascher div div div ul li a:hover { text-decoration: underline; } @media (max-width: 767px) { .footer-cms.footer-printpascher div div { text-align: center !important; } .footer-cms.footer-printpascher div div div p.title, .footer-cms.footer-printpascher div div div p.title-black { text-align: center; } } /*FOOTER*/ li.control label { width: 100%; padding: 4px 35px; box-sizing: border-box; } .product-subname { margin: 0 0 10px 0; } .product-subname-left { font-size: 18px; font-weight: 700; padding: 5px 0 4px 0; color: #333e48; width: 248px; text-align: center; float: left; position: relative; margin: 0 0 13px 0; } .product-subname-right { font-size: 20px; font-weight: 700; padding: 5px 0 4px 0; color: #333e48; width: 276px; text-align: center; float: right; position: relative; margin: 0 0 13px 0; } .product-devis-right { font-size: 18px; font-weight: 700; padding: 5px 0 4px 0; color: #333e48; width: 276px; text-align: center; position: relative; margin: 0 auto 13px auto; } .product-subname-left:before { content: ''; position: absolute; left: 24%; bottom: 0; height: 1px; width: 50%; border-bottom: 2px solid #ffcf10; } .product-subname-right:before { content: ''; position: absolute; left: 25%; bottom: 0; height: 1px; width: 50%; border-bottom: 2px solid #ffcf10; } .product-devis-right:before { content: ''; position: absolute; left: 25%; bottom: 0; height: 1px; width: 50%; border-bottom: 2px solid #ffcf10; } @media (max-width: 1024px) { .product-subname-left { float: none; margin: auto; } .product-subname-right { display: none; } } .no-rating { display: none; } .product-options dd { border: none; } .product-options-bottom { background-color: none; border: none; } .product_rate_star { margin: 8px 0 30px 0; } .product_rate_star img { margin: 0 8px 0 9px; } .product_rate_star .div-etoile { font-size: 10px; display: flex; align-items: center; } .product_rate_star .span-etoile { font-size: 12px; float: right; margin: 4px 10px 0 0; font-weight: 600; color: #000; } .tarif-delais { padding: 40px 13px 15px 19px; border: 1px solid #3d3d3d; color: #3d3d3d; } .tarif-delais li:nth-child(1) { margin: 20px 0 20px 0; } .tarif-delais li { margin: 0 0 20px 0; } .tarif-delais li:nth-child(3) { text-align: center; } .regular-price .price, .regular-price .price-barre { top: -5px; position: relative; } .price-box { color: #333e48; } .tarif-delais li .span-left { font-size: 15px; font-weight: 500; } .tarif-delais .span-left.price { font-weight: 700; font-size: 14px; } .tarif-delais li .span-right { float: right; font-size: 16px; font-weight: 700; } .tarif-delais .span-right.price { font-size: 45px; } .tarif-delais li .span-right.delivery-mode { color: #0062bd; text-transform: uppercase; font-size: 17px; } .tarif-delais li .delivery-day { font-size: 15px; font-weight: 700; display: block; } .tarif-delais button, #ask-devis-button { display: block; text-decoration: none; font-weight: 600; font-size: 15px; border: 1px solid #ff0747; border-radius: 40px; background-color: #ff0747; padding: 12px 36px; color: #ffffff; margin: auto; } .tarif-delais button:hover, #ask-devis-button:hover { background-color: #000; border: 1px solid #000; color: #fff; } #ask-devis-button { margin-top: 25px; } .delivery-date .delivery-day { font-weight: 700; display: block; } .tarif-delais button { display: block; text-decoration: none; font-weight: 600; font-size: 15px; border: 1px solid #ff0747; border-radius: 5px; background-color: #ff0747; padding: 12px 36px; color: #ffffff; margin: auto; } .tarif-delais button:hover { background-color: #000; border: 1px solid #000; color: #fff; } .delivery-date { text-align: center; font-size: 14px; font-weight: 500; border-bottom: solid 1px #ff0747; padding-bottom: 10px; margin-bottom: 10px; } @media (min-width: 1024px) { .product-options { float: left; width: 63%; margin: 5px; border: none; } .product-options-bottom { float: right; width: 34%; padding: 0; } .product-devis-right { width: auto; } } @media (min-width: 1025px) { .col1-layout .product-view .product-shop { float: none; width: auto; margin-left: 26%; } } @media (min-width: 768px) { } @media (min-width: 480px) { } @media (min-width: 420px) { } @media (max-width: 1023px) { .product-img-box { display: none; } .col1-layout .product-view .product-shop { margin: 0; } .product-options { width: 400px; border: none; } } @media (max-width: 767px) { .product-options { margin: auto; } } @media (max-width: 479px) { } @media (max-width: 419px) { .product-options { width: 100%; } } @media (max-width: 1023px) and (min-width: 768px) { .product-options { float: left; margin: 0; } .product-options-bottom { float: right; width: 320px; margin: 10px 0 0 0; padding: 0; } } @media (max-width: 1023px) and (min-width: 480px) { .product-options-bottom { width: 290px; margin: auto; } ul.easytabs { text-align: center; } } @media (max-width: 1023px) and (min-width: 420px) { } @media (max-width: 767px) and (min-width: 480px) { } @media (max-width: 767px) and (min-width: 420px) { } @media (max-width: 479px) and (min-width: 420px) { } .product-info-download-content i.fa-file { margin-right: 10px; padding: 0 5px 3px 5px; border-bottom: 4px #fff solid; } .product-info-download-content i.fa-angle-down { float: right; margin: -3px 0 0 0; color: #333e48; font-size: 32px; } .div-radio { float: left; margin: 0 13px 0 68px; } .div-radio-one { float: left; margin: 0 100px 0 206px; } .div-radio-two { float: left; margin: 0 23px 0 121px; } .img-radio { margin: 0 5%; width: 23%; float: left; text-align: center; } .delivery_select.eco_alone .img-radio label { margin-left: 16px; } /*-------------------------------------------------------*/ .control { font-size: 18px; position: relative; display: block; margin-bottom: 15px; cursor: pointer; } .control input { position: absolute; z-index: -1; margin: 7px !important; } .control__indicator { position: absolute; top: 2px; left: 28px; width: 20px; height: 20px; background: #fff; border: 1px solid #9d9d9d; } .div-radio-one .control__indicator { left: 36px; } .div-radio-two .control__indicator { left: 38px; } .control--radio .control__indicator { border-radius: 50%; } /* Hover and focus states */ .control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator { background: #fff; } /* Checked state */ .control input:checked ~ .control__indicator { background: #fff; } /* Hover state whilst checked */ .control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator { background: #fff; } /* Disabled state */ .control input:disabled ~ .control__indicator { pointer-events: none; opacity: 0.6; background: #fff; } /* Check mark */ .control__indicator:after { position: absolute; display: none; content: ''; } /* Show check mark */ .control input:checked ~ .control__indicator:after { display: block; } /* Radio button inner circle */ .control--radio .control__indicator:after { top: 5px; left: 5px; width: 10px; height: 10px; border-radius: 50%; background: #232323; } /* Disabled circle colour */ .control--radio input:disabled ~ .control__indicator:after { background: #fff; } /*-------------------------------------------------------*/ .div-radio-one .img-radio { margin: 0; width: 100%; float: left; text-align: center; } .div-radio-two .img-radio { margin: 0 30px 0 0; width: 37%; float: left; text-align: center; } .img-radio.disabled { opacity: 0.3; } .img-radio.disabled { opacity: 0.3; } .img-radio.disabled input { opacity: 0; } .img-radio img { margin: 0 !important; padding: 0; } .img-radio label { margin: 16px 0 40px 0; padding: 0; font-size: 14px; font-weight: 600; } .img-radio input { margin: 5px 0 0 0; padding: 0; width: 100% !important; } @media screen and (min-width: 420px) and (max-width: 1023px) { .div-radio { float: left; margin: 0 9px 0 30px; } .div-radio-one { float: left; margin: 0 96px 0 160px; } .div-radio-two { float: left; margin: 0 29px 0 70px; } } @media screen and (max-width: 419px) { .div-radio { float: left; margin: 0; } .div-radio-one { float: left; margin: 0; } .div-radio-two { float: left; margin: 0; } } .color-wrapper { float: left; } .color-input { visibility: hidden; position: absolute; } .color-div { width: 20px; height: 20px; border-radius: 50px; margin: 7px 10px 0px 0px; } label > .color-input:checked + .color-div { border: 2px solid #87cefa; margin: 5px 9px -2px -2px; } label > .color-input:hover + .color-div { border: 2px solid #87cefa; margin: 5px 9px -2px -2px; } /*-------------Page Catégorie----------------*/ .category-title h1 { text-transform: uppercase; font-size: 2em; font-weight: normal; line-height: 1.15; } .product-name a { color: #444444; font-size: 17px; font-weight: bold; text-decoration: none; white-space: initial; } .category-product-content p { color: #444444; font-size: 17px; } .category-product-content p span { position: relative; top: -0.5em; font-size: 50%; } /*-------------Page Catégorie----------------*/ .line-seperator-div { text-align: center; } /*----------Navigation Customer----------*/ i.fa.fa-truck { transform: scaleX(-1); } i.fa.fa-info-circle { color: #ff962f; font-size: 28px; margin: 0 8px 0 0; } .col-left .block-title { padding: 16px 0 16px 36px; border: none; background-color: #1e202c; color: #fff; font-size: 20px; } .col-left .block-content { padding: 0; background-color: #fff; font-weight: 600; border-left: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c; } .col-left i { padding: 10px 36px; } .col-left img { padding: 10px 36px; } .col-left li { padding: 0; font-size: 11px; text-transform: uppercase; text-decoration: none; color: #1e202c; } .col-left li.faq { border-top: 1px solid #9c9c9c; } .col-left li.current, .col-left li:hover { background-color: #ffcf10; font-size: 11px; } /*----------Navigation Customer----------*/ /*----------Pagination Customer----------*/ .pagination-left { float: left; padding: 10px 0; width: 10%; } .pagination-center { float: left; padding: 10px 0; text-align: center; width: 80%; } .pagination-right { float: right; padding: 10px 0; width: 10%; text-align: right; } /*----------Pagination Customer----------*/ /*----------Form----------*/ .my-account .fieldset { margin: 0; border: none; background: inherit; } .my-account .fieldset label { font-size: 15px; font-weight: 500; } .my-account .fieldset h2 { text-align: left; font-size: 15px; font-weight: 600; margin: 0 0 20px 0; border-bottom: 2px solid #ffcf10; } .my-account .fieldset select { width: 242px; padding: 7px 56px 7px 12px !important; border-radius: 5px; border-color: #9c9c9c; background: #fff url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/select-arrow.jpg) no-repeat right; color: #000; font-size: 16px; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; } .my-account .buttons-set { text-align: center; padding-bottom: 60px; } h2.subtitle-account { font-size: 20px; font-weight: 500; border-bottom: 1px solid #9c9c9c; margin: 0 0 45px 0; } /*----------Form----------*/ /*---------Button----------*/ .button-1 { text-decoration: none; font-weight: 600; font-size: 14px; border: 1px solid #ffcf10; border-radius: 5px; background-color: #ffcf10; padding: 10px 30px; color: #333e48; float: none; cursor: pointer; font-family: 'Montserrat'; } .button-1:hover { background-color: #000; border: 1px solid #000; color: #fff; } .button-1 .fa { margin: 0 10px 0 0; font-size: 20px; } .button-1:disabled { background-color: #aaa; border: #aaa; color: #333e48; } .button-2 { text-decoration: none; font-weight: 600; font-size: 15px; border: 1px solid #ffcf10; border-radius: 5px; background-color: #ffcf10; padding: 6px 18px; color: #333e48; float: none; cursor: pointer; } .button-2:hover { background-color: #000; border: 1px solid #000; color: #fff; } .button-2.top { float: right; } .button-2.active { background-color: #000; border: 1px solid #000; color: #fff; } .addresses-primary .button-2 { padding: 6px 36px; } .addresses-additional .button-2 { padding: 6px 36px; } .addresses-additional .button-2-delete { text-decoration: none; font-weight: 600; font-size: 15px; border: 1px solid red; border-radius: 5px; background-color: red; padding: 6px 28px; color: #fff; } .addresses-additional .button-2-delete:hover { background-color: #b90000; border: 1px solid #b90000; color: #fff; } .button-3 { text-decoration: none; font-weight: 600; font-size: 18px; border: 1px solid #16a4fa; border-radius: 40px; background-color: #16a4fa; padding: 5px 30px; color: #fff; float: none; margin: 0 10% 5px 10%; } .button-3:hover { background-color: #1775af; border: 1px solid #1775af; } .button-4 { text-decoration: none; font-weight: 600; font-size: 12px; border: 1px solid #ffcf10; border-radius: 40px; background-color: #ffcf10; padding: 11px 0; width: 194px; color: #333e48; float: none; cursor: pointer; margin: 0 0 10px 0; } .button-4:hover { background-color: #000; border: 1px solid #000; color: #fff; } .button-5 { text-decoration: none; font-weight: 600; font-size: 15px; border: 1px solid #ffcf10; border-radius: 40px; background-color: #ffcf10; padding: 12px 0; width: 175px; color: #333e48; float: none; cursor: pointer; } .button-5:hover { background-color: #000; border: 1px solid #000; color: #fff; } .button-6 { text-decoration: none; font-weight: 600; font-size: 15px; border: 1px solid #ffcf10; border-radius: 40px; background-color: #ffcf10; padding: 12px 0; width: 270px; color: #333e48; float: none; cursor: pointer; } .button-6:hover { background-color: #000; border: 1px solid #000; color: #fff; } .button-6:hover img { content: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/button-arrow-white.png'); } @media (max-width: 1024px) { .button-3 { font-size: 16px; margin: 0 5% 5px 5%; } .home-main-title h1:before, .home-main-title h1:after { display: none !important; } } @media (max-width: 768px) { .button-3 { font-size: 16px; margin: 0 13% 5px 13%; } } @media (max-width: 480px) { .button-3 { font-size: 16px; margin: 0 5% 5px 5%; } } @media (max-width: 420px) { .button-3 { font-size: 15px; margin: 0 0 5px 0; padding: 5px 10px; } } /*----------Button----------*/ /*----------Font Awesome----------*/ .my-account .page-title img, .box-account .box-head img { float: left; margin: 0 11px 0 0; } .quotation-quote-view .my-account .generic-box span i { color: #16a4fa; font-size: 28px; vertical-align: middle; } .quotation-quote-view .my-account button.add-to-cart i { font-size: 20px; margin: 0 10px 0 0; } /*----------Font Awesome----------*/ /*----------General----------*/ .my-account { background-color: #fff; font-size: 14px; } .my-account .page-title { background-color: #1e202c; margin: 0; display: flex; align-items: center; justify-content: center; padding: 10px 0; } /*---Title---*/ .my-account .page-title h1 { color: #fff; text-transform: none; font-size: 18px; font-weight: bold; float: left; } /*---Title---*/ /*---Table---*/ .my-account table thead { font-size: 16px; color: #232323; font-weight: 500; background-color: #fff; } .my-account table tbody tr { font-size: 14px !important; } .my-account table tbody tr td { vertical-align: middle; height: 100%; } /*---Table---* /*----------General----------*/ /*----------Page Accueil----------*/ .container .trigger img { margin: 110px 0 0 0; } .container.hero .trigger { background: #eeeeee; } .list-slider li { text-align: center; } /*----------Page Accueil----------*/ /*----------Espace Client----------*/ .customer-account-index .header-satisfaction, .customer-account-edit .header-satisfaction, .customer-address-index .header-satisfaction, .customer-address-form .header-satisfaction, .sales-order-history .header-satisfaction, .sales-order-view .header-satisfaction, .customer-archives-index .header-satisfaction, .sales-order-item-index .header-satisfaction, .quotation-quote-list .header-satisfaction, .quotation-quote-view .header-satisfaction, .rewardpoints-index-points .header-satisfaction, .rewardpoints-index-referral .header-satisfaction, .customer-account-login .header-satisfaction, .customer-account-create .header-satisfaction, .customer-account-logoutsuccess .header-satisfaction, .sales-order-item-view .header-satisfaction, .cms-page-view .header-satisfaction, .contacts-index-index .header-satisfaction { display: none; } .customer-account-index .main-container, .customer-account-edit .main-container, .customer-address-index .main-container, .customer-address-form .main-container, .sales-order-history .main-container, .sales-order-view .main-container, .customer-archives-index .main-container, .sales-order-item-index .main-container, .quotation-quote-list .main-container, .quotation-quote-view .main-container, .rewardpoints-index-points .main-container, .rewardpoints-index-referral .main-container, .customer-account-login .main-container, .customer-account-create .main-container, .customer-account-logoutsuccess .main-container, .sales-order-item-view .main-container, .cms-page-view .main-container, .contacts-index-index .main-container { padding: 145px 0 0 0; } @media (max-width: 1024px) { .customer-account-index .main-container, .customer-account-edit .main-container, .customer-address-index .main-container, .customer-address-form .main-container, .sales-order-history .main-container, .sales-order-view .main-container, .customer-archives-index .main-container, .sales-order-item-index .main-container, .quotation-quote-list .main-container, .quotation-quote-view .main-container, .rewardpoints-index-points .main-container, .rewardpoints-index-referral .main-container, .customer-account-login .main-container, .customer-account-create .main-container, .customer-account-logoutsuccess .main-container, .sales-order-item-view .main-container, .cms-page-view .main-container, .contacts-index-index .main-container { padding: 215px 0 0 0; } } @media (max-width: 480px) { .customer-account-index .main-container, .customer-account-edit .main-container, .customer-address-index .main-container, .customer-address-form .main-container, .sales-order-history .main-container, .sales-order-view .main-container, .customer-archives-index .main-container, .sales-order-item-index .main-container, .quotation-quote-list .main-container, .quotation-quote-view .main-container, .rewardpoints-index-points .main-container, .rewardpoints-index-referral .main-container, .customer-account-login .main-container, .customer-account-create .main-container, .customer-account-logoutsuccess .main-container, .sales-order-item-view .main-container, .cms-page-view .main-container, .contacts-index-index .main-container { padding: 220px 0 0 0; } } /*----------Espace Client----------*/ /*----------Dashboard----------*/ .customer-account-index .my-account { margin: 0 !important; } .customer-account-index .my-account .page-title { margin: 0; padding: 0 0 0 20px; background-color: #fff; border: none; } .customer-account-index .my-account .welcome-msg { margin: 0; padding: 0 0 0 20px; background-color: #fff; } .customer-account-index address { margin: 0 0 30px 0; line-height: 1.8em; } .customer-account-index .box-account { padding: 30px 0 0 10px !important; border: none; } .box-account { padding: 10px 0 0 10px !important; border: none; } .box-account .box-head { background-color: #1e202c; margin: 0px; display: flex; align-items: center; padding: 5px 20px; } .box-account .box-fidelity { text-align: center; font-size: 16px; font-weight: 600; padding: 30px 0; background-color: #fff; border-left: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c; } .box-account .box-fidelity strong { font-size: 30px; } .box-account .box-referral { text-align: center; font-size: 16px; font-weight: 600; padding: 30px 0; background-color: #fff; border-left: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c; } .box-account .box-referral strong { font-size: 30px; } .box-account .col2-set { background-color: #fff; border-left: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c; } .box-account .col2-set .col-2 .box-link { margin: 34px 20px; float: right; } .box-account .fidelity-buttons { margin: 30px 0 0 0; } .box-account .fidelity-buttons .button-2:first-child { margin: 0 80px 0 0; padding: 6px 36px; } .box-account .fidelity-buttons .button-2:last-child { padding: 6px 36px; } @media (max-width: 1023px) and (min-width: 768px) { #my-orders-table td.last { display: flex; } } @media (max-width: 768px) { .box-account .fidelity-buttons .button-2 { display: inline-flex; margin: 20px 0 0 !important; } .box-account .col2-set .col-2 .box-link { margin: 0; float: none; } .box-account .fidelity-buttons { margin: 0; } } .order-info { float: left; width: 56%; height: 100%; margin: 0; padding: 0; } .order-info div { width: 65px; float: left; margin: 0 25px 0 0; } .order-info span { float: right; margin: 0 5px 0 0; } .order-info strong { display: flex; } .order-link { float: right; width: 34%; height: 100%; margin: 24px 0; } .order-view, .order-again { text-decoration: none; border-radius: 5px; font-weight: 600; font-size: 15px; } .order-link div:nth-child(1), .order-again div:nth-child(1) { float: right; margin: 10px 0 10px 10px; } .order-link div:nth-child(2), .order-again div:nth-child(2) { float: right; margin: 10px 0; } #my-orders-table .order-link { margin: 3px 0px; } @media (min-width: 769px) and (max-width: 1170px) { .order-info { float: left; width: 100%; height: initial; margin: 0 0 20px 20px; padding: 0; } .order-link { float: left; width: 100%; height: initial; } .order-link div:nth-child(1), .order-again div:nth-child(1) { float: left; margin: 0 10px 20px 0; } .order-link div:nth-child(2), .order-again div:nth-child(2) { float: left; margin: 0 0 20px 0; } } @media (max-width: 768px) { .order-link div:nth-child(1), .order-again div:nth-child(1), .order-link div:nth-child(2), .order-again div:nth-child(2) { float: none; margin: 20px 0; } } .order-view { background-color: #ffcf10; padding: 6px 26px; border: 1px solid #ffcf10; color: #333e48; } .order-view:hover { background-color: #000; border: 1px solid #000; color: #fff; } .order-again { background-color: #000; padding: 6px 20px; border: 1px solid #000; color: #fff; } .order-again:hover { background-color: #ffcf10; border: 1px solid #ffcf10; color: #333e48; } /*---Button---*/ .customer-account-index .box-content a { padding: 6px 18px; text-decoration: none; font-weight: 600; font-size: 15px; border: 1px solid #ffcf10; border-radius: 5px; background-color: #ffcf10; color: #333e48; float: none; } .customer-account-index .box-content a:hover { border: 1px solid #000; background-color: #000; color: #fff; } .box-account .box-head a { padding: 7px 23px; text-transform: uppercase; text-decoration: none; font-weight: 600; font-size: 12px; border: 1px solid #fff; border-radius: 5px; background-color: #fff; color: #1e202c; } /*---Button---*/ /*---Title---*/ .customer-account-index .my-account .page-title h1 { text-transform: lowercase; font-size: 20px; font-weight: 700; padding: 10px 0 0 0; color: #000; margin: 0; text-align: initial; } .customer-account-index .my-account .page-title h1:first-letter { text-transform: uppercase; } .customer-account-index .box-content h4 { margin: 0 0 10px 0; } .box-account .box-head h2 { color: #fff; text-transform: none; font-size: 15px; font-weight: 600; margin: 0 33px 0 0 !important; } /*---Title---*/ /*---Table---*/ .customer-account-index .my-account table thead { margin: 0 !important; color: #000; } .box-account table thead { background-color: #fff; font-size: 15px; } .box-account table tbody tr { font-size: 14px !important; font-weight: 500; } .box-account table tbody tr:nth-child(even) { background-color: #fff; } .box-account table tbody tr:nth-child(odd) { background-color: #e3f5ff; } .box-account table tbody tr td { vertical-align: middle; height: 100%; } .my-account table tbody tr:nth-child(even) { background-color: #fff; } .my-account table tbody tr:nth-child(odd) { background-color: #e3f5ff; } @media (max-width: 1023px) and (min-width: 768px) { .box-account table tbody tr td.last { overflow: auto; } } /*---Table---*/ .message-revendeur { text-align: center; font-weight: 600; font-size: 17px; padding: 20px 0 0 0; color: #f29d00; } /*----------Dashboard----------*/ /*----------Adresse----------*/ .my-account .fieldset .add-address-top { border: 1px solid #6fb955; border-radius: 40px; background-color: #6fb955; padding: 10px 10px; color: #fff; float: right; margin: -30px 0 0 0; } .my-account .fieldset .add-address-top:hover { background-color: #649852; border: 1px solid #649852; } .my-account .fieldset .add-address-top span { text-transform: uppercase; text-decoration: none; font-weight: 500; font-size: 14px; background-color: initial; background: transparent; border: none; color: #fff; font-size: 14px; } /*---List---*/ .addresses-primary ol { margin: 20px 25px 0 30px; padding: 30px 0 10px 0; background-color: #ebebeb; } .addresses-list li.item { margin: 0 0 20px 20px; } .addresses-list li.item div { height: 100%; width: 100%; } .addresses-list li.item div address, .addresses-list li.item div p, .addresses-list li.item div div { width: 33%; float: left; font-size: 14px; font-weight: 500; } .addresses-list li.item div p { text-align: center; } .addresses-list li.item div p a { text-decoration: none; font-weight: 500; font-size: 16px; border: 1px solid #16a4fa; border-radius: 40px; background-color: #16a4fa; padding: 10px 30px; color: #fff; } .addresses-list li.item div p a:hover { background-color: #1775af; border: 1px solid #1775af; } /*---List---*/ .addresses-primary { padding: 22px 25px 12px 33px; } .addresses-additional { padding: 0 25px 12px 33px; } .addresses-primary table:nth-child(1) { margin: 0 0 20px 0; } .addresses-additional table { overflow: auto; } .addresses-primary td { padding: 20px; } .addresses-additional td { padding: 20px; } .addresses-primary table tbody tr { background-color: #fff !important; } .addresses-additional table tbody tr { background-color: #fff !important; } @media (min-width: 768px) { .addresses-primary td { width: 33%; } .addresses-additional td:nth-child(1) { width: 40%; } .addresses-additional td:nth-child(2) { width: 45%; } } /*----------Adresse----------*/ /*----------Order----------*/ .orders-number { text-align: center; } .orders-number p { text-align: center; font-weight: 700; font-size: 16px; margin: 10px 10%; background-color: #e3f5ff; padding: 5px 0; border: 1px solid #e3f5ff; } .orders-number p span { text-align: center; font-weight: 700; font-size: 32px; } .fidelity-details { text-align: center; font-size: 16px; } .fidelity-details-2 { text-align: center; font-size: 16px; margin: 0 0 60px 0; border: 1px solid #16a4fa; border-radius: 40px; background-color: #bde7ff; padding: 5px 10px; } .fidelity-details-2 p { margin: 0.4em 0; } .fidelity-details div { margin: 40px 0 0 0; } .fidelity-details div.fidelity-buttons { margin: 40px 0; } .fidelity-buttons a { display: inline-block; } .referral-details { text-align: center; font-size: 16px; } .referral-details div { margin: 20px 0 0 0; } .rewardpoints-index-referral .button-set { text-align: left; margin: 30px 0 0 0; } .rewardpoints-index-referral .form-list { text-align: left; margin: 0 0 30px 0; } /*---Button---*/ a#j2t-add-line { margin: 30px 0; } /*---Button---*/ /*---Title---*/ .fidelity-details h3 { margin: 0 0 20px 0; font-size: 18px; text-transform: uppercase; } .fidelity-details div h4 { margin: 0 0 10px 0; font-size: 16px; } .referral-details h3 { margin: 20px 0 0 0; font-size: 18px; } .referral-details div h4 { margin: 0 0 10px 0; font-size: 16px; } /*---Title---*/ /*----------Order----------*/ /*----------Order View----------*/ .sales-order-view .page-subtitle { text-align: center; margin: 20px 0 0 0; } .sales-order-view .page-subtitle p { font-size: 16px; } .sales-order-view .page-subtitle p span { font-size: 30px; } .sales-order-view .order-info-box .box-content { margin: 0 0 20px 0; } .sales-order-view .order-info-box .box-content.link { text-align: center; margin: 30px 0 0 0; } .sales-order-view address { line-height: 1.8em; } /*---Title---*/ .sales-order-view .order-info-box h2 { font-size: 18px; color: #fff; background-color: #1e202c; padding: 5px; margin: 0 0 20px 0; border: none; } /*---Title---*/ /*---Table---*/ .sales-order-view tbody, .sales-order-view tfoot { font-size: 14px; } .sales-order-view table td:nth-child(1) { width: 20%; } .sales-order-view table td:nth-child(2) { width: 10%; text-align: center; } .sales-order-view table td:nth-child(3) { width: 50%; } .sales-order-view table td:nth-child(4) { width: 20%; } .sales-order-view table td div:nth-child(1) { width: 100%; float: left; margin: 0 10px 0 0; } .sales-order-view table td div p { font-weight: 600; } .sales-order-view table td div p:nth-child(1), .sales-order-view table td div p:nth-child(2) { margin: 0 0 20px 0; } .span-right span { float: right; } @media (max-width: 1170px) { .span-right span { float: none; } } /*---Table---*/ /*----------Order View----------*/ /*----------Product List----------*/ .sales-order-item-list .sales-order-item-list-informations { width: 100%; } .sales-order-item-list .sales-order-item-list-details { float: left; width: 57%; margin: 2px 0px; } .sales-order-item-list .sales-order-item-list-details div { width: 65px; float: left; } .sales-order-item-list .sales-order-item-list-details span { float: right; margin: 0 5px 0 0; } .sales-order-item-list .sales-order-item-list-details strong { display: flex; padding: 0 0 0 30px; } .sales-order-item-list .sales-order-item-list-button { float: right; width: 35%; margin: 28px 0; text-align: right; } @media (min-width: 769px) and (max-width: 1170px) { .sales-order-item-list .sales-order-item-list-details { float: left; width: 100%; margin: 0 0 0 35px; } .sales-order-item-list .sales-order-item-list-button { float: left; width: 100%; margin: 7% 0; text-align: initial; } } @media (max-width: 1023px) and (min-width: 768px) { .sales-order-item-list .sales-order-item-list-informations { display: flex; } } @media (max-width: 768px) { .sales-order-item-list .sales-order-item-list-button { text-align: center; } } /*----------Product List----------*/ /*----------Product View----------*/ .message-pao { background-color: #ffdcc3; border-radius: 10px; border: 1px solid #ff8833; padding: 5px; color: #000; font-size: 14px; margin-bottom: 20px; text-align: center; } .sales-order-item-view .page-subtitle { text-align: center; margin: 0 0 30px 0; } .sales-order-item-view .page-subtitle p { font-size: 16px; margin: 20px 0 20px 0; } .sales-order-item-view .page-subtitle p strong span { font-size: 30px; } .sales-order-item-view .data-table { margin: 0 0 30px 0; } .sales-order-item-view textarea { width: 94%; height: 200px; border: 1px solid #9c9c9c; border-radius: 10px; background-color: #f6f6f6; padding: 2%; resize: none; } .label-price { font-weight: 500; font-size: 20px; } #upload_1 { border-radius: 10px; } .infos-produits { display: inline-block; height: 100%; width: 100%; font-size: 14px; line-height: 20px; margin: 0 0 30px 0; } .infos-produits .infos-produits-left { height: 100%; width: 30%; margin-right: 10%; float: left; } .infos-produits .infos-produits-right { height: 100%; width: 60%; float: right; } .infos-produits .box-infos-produits { height: 22%; } .infos-produits .box-infos-produits > p:first-child { background-color: #1e202c; color: #fff; padding: 5px; font-weight: 500; margin: 0; } .infos-produits .box-infos-produits div { text-align: center; padding: 20px 0; font-weight: 600; border-left: 3px solid #e5e7ed; border-right: 3px solid #e5e7ed; border-bottom: 3px solid #e5e7ed; } .infos-produits .box-infos-produits span { font-size: 12px; } .infos-produits .box-infos-produits:nth-child(2), .infos-produits .box-infos-produits:nth-child(3), .infos-produits .box-infos-produits:nth-child(4) { margin: 4% 0 0 0; } .sales-order-item-view .message-dialog { margin: 80px 0 30px 0; height: 100%; } .message-dialog-printpascher, .message-dialog-user { height: 150px; } .message-dialog-printpascher div:nth-child(1) { width: 10%; float: left; height: 70px; background-image: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/dialog-user.png'); background-repeat: no-repeat; background-position: left; } .message-dialog-printpascher div:nth-child(2) { width: 80%; float: right; border: 1px solid #9c9c9c; border-radius: 10px; background-color: #f6f6f6; padding: 2%; } .message-dialog-user div:nth-child(1) { width: 80%; float: left; border: 1px solid #9c9c9c; border-radius: 10px; background-color: #f6f6f6; padding: 2%; } .message-dialog-user div:nth-child(2) { width: 10%; float: right; height: 70px; background-image: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/dialog-printpascher.png'); background-repeat: no-repeat; background-position: right; } /*---Button---*/ #tracker_form button, #message_form button { margin: 20px 0 0 0; } #tracker_form button { float: none; } #message_form button { float: right; } /*---Button---*/ /*---Title---*/ .sales-order-item-view h3 { margin: 0 0 20px 0; } /*---Title---*/ /*---Table---*/ .sales-order-item-view .data-table tr { background-color: #fff !important; border: 1px solid #ddd; } .sales-order-item-view .data-table td { border: none; } .sales-order-item-view .data-table td:nth-child(1) { width: 30%; } .sales-order-item-view .data-table td:nth-child(2) { width: 60%; } /*---Table---*/ /*---List---*/ .infos-produits .box-infos-produits ul { padding: 5px 5px 17px 5px; border-left: 3px solid #e5e7ed; border-right: 3px solid #e5e7ed; border-bottom: 3px solid #e5e7ed; } .infos-produits .box-infos-produits li { margin: 12px 0 0 0; } /*---List---*/ /*----------Product View----------*/ /*----------Quotation View----------*/ .quotation-quote-view .my-account div.add-to-cart { margin: 10px 0 10px 0; float: right; } .quotation-quote-view .my-account .generic-box { margin: 0 0 20px 0; } .quotation-quote-view .my-account .generic-box span { margin: 0 0 0 33px; padding: 12px 30px; border: 1px solid #16a4fa; background-color: #bde7ff; border-radius: 40px; } .quotation-quote-view .my-account .generic-box .button-1 { float: right; } @media (max-width: 768px) { .quote-items { overflow-x: auto; } .quotation-quote-view .my-account .generic-box { text-align: center; } .quotation-quote-view .my-account .generic-box span { margin: 0; } .quotation-quote-view .my-account .generic-box .button-1 { margin-top: 20px; display: inline-block; float: none; } } /*---Table---*/ .quotation-quote-view .my-account table { font-size: 16px; } /*---Table---*/ /*----------Quotation View----------*/ /*----------Rewardpoint----------*/ /*----Table---*/ #my-rewardpoints-table th { text-align: center; color: #333e48; border: none; width: 33%; border: 1px solid #9c9c9c; } #my-rewardpoints-table td { text-align: center; border-left: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c; } #my-rewardpoints-table td:nth-child(1), #my-rewardpoints-table td:nth-child(2) { background: #fff; } #my-rewardpoints-table td:nth-child(3) { background: #d4eacc; } @media (max-width: 768px) { #my-rewardpoints-table td:nth-child(1) { color: #333e48; } } /*----Table---*/ /*----------Rewardpoint----------*/ /*----------Checkout Cart----------*/ .product-select-option .btn-continue { margin: 25px 0 0 0; } .btn-continue { float: right; padding: 10px 17px; text-decoration: none; font-weight: 500; font-size: 14px; border: 0px solid #fe9c16; border-radius: 30px; background-color: #fe9c16; color: #fff; margin: 0 0 15px 0; } .btn-continue:hover { background-color: #bb720f; } .discount-form .button { margin: 10px 0 10px 5px !important; padding: 5px 10px; text-decoration: none; font-weight: 600; font-size: 14px; border: 0px solid #ffcf10; border-radius: 5px; background-color: #ffcf10; color: #333e48; } .discount-form .button:hover { border: 0px solid #000; background-color: #000; color: #fff; } .discount-codes .button { margin: 10px 9px 10px 5px !important; padding: 5px 10px; text-decoration: none; font-weight: 600; font-size: 14px; border: 0px solid #ffcf10; border-radius: 5px; background-color: #ffcf10; color: #333e48; } .discount-codes .button:hover { border: 0px solid #000; background-color: #000; color: #fff; } @media (max-width: 979px) { .discount h2 { width: 100% !important; margin: 14px 0 !important; } .discount-form { width: 100% !important; } } .cart .product-select-option div:nth-child(1) { width: 60%; float: left; } .cart .product-select-option div:nth-child(2) { width: 40%; float: left; } .cart .product-select-option.two div { display: none; } @media (max-width: 979px) { .cart .product-select-option div:nth-child(1) { width: 100%; } .cart .product-select-option div:nth-child(2) { display: none; } .cart .product-select-option.two div { display: block; } } @media (min-width: 768px) { .cart-headers { border-left: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c; border-top: 1px solid #9c9c9c; background-color: initial; } .cart-headers .col-description, .cart-headers .col-delivery, .cart-headers .col-unit-price, .cart-headers .col-total-price { text-align: center; } .cart-headers .col-description, .cart-headers .col-delivery { border-right: 1px solid #9c9c9c; } .products-list .col-delivery, .products-list .col-unit-price { text-align: center; } } .cart #products-cart-list .f-fix { border-bottom: 1px solid #9c9c9c; } @media (max-width: 768px) { .cart-headers{ display:none; } .cart #products-cart-list .f-fix { display: block !important; } .products-list { text-align: center; } .products-list .col-description { width: 100%; border-bottom: 1px solid #9c9c9c; } .products-list .col-delivery { width: 100%; border-bottom: 1px solid #9c9c9c; padding: 10px 0; } .products-list .col-upload { width: 100%; border-bottom: 1px solid #9c9c9c; } .products-list .col-unit-price { width: 100%; padding: 10px 0; } .cart-contents-wrapper .btn-continu { margin: 0 0 20px 0; } } .cart-list { border-top: 1px solid #9c9c9c; border-left: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c; } .remove-button { margin: 15px; } .remove-button a { padding: 5px 5px 5px; text-decoration: none; font-weight: 500; font-size: 14px; border: 0px solid #ee3630; border-radius: 5px; background-color: #ee3630; color: #fff; } .remove-button a:hover { background-color: #a51212; } .remove-all-button { margin-top: 20px; } .remove-all-button a { padding: 5px 5px 5px; text-decoration: none; font-weight: 500; font-size: 14px; border: 1px solid #ee3630; border-radius: 5px; color: #ee3630; } .remove-all-button a:hover { background-color: #ee3630; color: #fff; } .remove-button a i { font-size: 18px; padding: 0 1px; } .remove-button a.edit-button { padding: 6px; text-decoration: none; font-weight: 500; font-size: 12px; border: 1px solid #cacaca; border-radius: 5px; background-color: #e1e1e1; color: #2a2a2a; } .remove-button a.edit-button:hover { background-color: #cacaca; } .remove-button a.edit-button i { font-size: 18px; padding: 0 5px 0 1px; } .btn-checkout { padding: 12px 26px; text-decoration: none; font-weight: 500; font-size: 17px; border: 0px solid #16a4fa; border-radius: 30px; background-color: #16a4fa; color: #fff; } .btn-checkout i { padding: 0 10px 0 0; font-size: 1.3em; } .btn-checkout:hover { background-color: #1775af; } .col-delivery { padding: 10px 15px !important; } /*----------Checkout Cart----------*/ /*----------Checkout Cart No Items----------*/ .page-title.empty { text-align: center; border: none; margin: 50px 0; } .page-title.empty h1 { font-weight: 700; font-size: 40px; text-transform: none; } .cart-empty { text-align: center; width: 70%; margin: auto auto 50px auto; } @media (max-width: 767px) { .cart-empty { width: 90%; margin: auto; } .cart-empty .button-1 { margin: 0 !important; } .cart-empty .button-2 { display: block; width: 200px; margin: 30px auto; } } .cart-empty p { font-size: 20px; font-weight: 700; margin: 0 0 50px 0; } .cart-empty .button-1 { margin: 0 20px 0 0; } /*----------Checkout Cart No Items----------*/ /*----------Checkout Cart No Items----------*/ .page-title.order-success { text-align: center; border: none; margin: 50px 0; } .page-title.order-success h1 { font-weight: 700; font-size: 24px; text-transform: none; } p.order-success { width: 70%; margin: auto auto 30px auto; } .order-success { text-align: center; margin: 0 0 50px 0; } @media (max-width: 767px) { .buttons-set.order-success .button-2 { margin: 5px; } } /*----------Checkout Cart No Items----------*/ /*----------Checkout File----------*/ thead.upload-page-head { background-color: #fff; } #upload-page th { text-align: center; } #upload-page td { text-align: center; } /*----------Checkout File----------*/ /*----------Upload Page----------*/ .upload-page-head th { font-size: 16px; } .uploadfichier-upload-page table tr td:nth-child(1) { font-size: 15px; } .uploadfichier-upload-page table tr td:nth-child(2) { font-size: 16px; vertical-align: middle; } .button-checkout-upload-page { margin: 10px 0; float: right; } .uploadfichier-upload-page .btn-continue { float: left; margin: 10px 0; } /*----------Upload Page----------*/ /*----------Checkout Onepage----------*/ #checkoutSteps .row{ display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; /*align-items: center;*/ } #checkoutSteps .item{ flex: 3 0 245px; margin: 0px 10px; } #checkoutSteps .validation-advice{ margin: -8px 0px 5px -15px !important; } .checkout-payment-info{ max-width: 880px; text-align: left; padding: 30px; margin-left: auto; margin-right: auto; margin-bottom: 5px; border: 1px solid #ededed; display: none; font-size:14px; } #checkoutSteps .step{ margin: auto; border: 0px !important; } #checkout-step-billing, #checkout-step-shipping, #checkout-step-shipping_method, #checkout-step-review{ max-width: 950px; } #checkout-shipping-method-load{ border: 1px solid rgb(237, 237, 237); padding: 10px; margin: 10px; } #checkoutSteps .buttons-set{ padding: 0px; max-width: 950px; margin: 0 10px; } #checkoutSteps .button-1{ font-size: 16px; border-radius: 5px; width: 100%; max-width: 350px; float: right; } #checkout-step-login .login-box{ max-width:400px; margin:auto; } #checkout-step-login .buttons-set{ text-align: center !important; } #checkout-step-login button{ float: none !important; max-width: 400px !important; } .address-action-button { text-decoration: none; font-weight: 500; font-size: 14px; border: 0; border-radius: 5px; background-color: #25adac; padding: 5px 10px; color: #fff; float: none; cursor: pointer; font-family: 'Montserrat'; max-width: 170px; width:100%; height:34px; margin-bottom:10px; } #checkoutSteps label, .account-create label{ font-weight: 500; } #checkoutSteps .label, .account-create label{ margin-top: 5px !important; margin-bottom: 1px !important; color: #012c69f2; } #checkoutSteps .optionnal{ float:right; font-style: italic; margin: 5px 10px 0 0; padding-top: 3px; } #checkoutSteps .control label { color: #000; margin-top: 0px !important; } #checkoutSteps li.control{ margin: 0 0 0 10px !important; max-width: 400px; } #checkoutSteps li.fields{ margin-top: 5px !important; } #checkoutSteps input[type="checkbox"], #checkoutSteps input[type="radio"]{ transform: scale(1.3); } #checkoutSteps input.input-text { width: 250px; border-radius: 5px !important; border-color: #aaaaaa; color: #000; font-size: 16px; font-weight: 300; margin-bottom: 10px !important; width: 100% !important; } #checkoutSteps select { padding: 8px 56px 8px 12px !important; border-radius: 5px !important; border-color: #aaaaaa; background: #fff url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/select-arrow.jpg) no-repeat right; color: #000; font-size: 16px; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; height: 34px; margin-bottom: 10px !important; width: 100% !important; } /*.checkout-one-page-index #billing-address-select{ width: 100% !important; }*/ .checkout-onepage-index div.col-main { width: 100% !important; } .checkout-onepage-success div.col-main { width: 100% !important; } .checkout-onepage-index div.col-right { display: none; } .checkoutSteps_title { margin: 0 0 10px 0; border-bottom: 1px dashed#c3c3c2; font-weight: 800; } .checkoutSteps_title h1 { text-align: center; font-weight: 600; color: #000; } #opc-payment dt { width: 20%; float: left; } #opc-payment #dt_method_free { width: 100%; } #opc-payment label > input { /* HIDE RADIO */ visibility: hidden; /* Makes input not-clickable */ position: absolute; /* Remove input from document flow */ } #opc-payment label > input + img { /* IMAGE STYLES */ cursor: pointer; border: 4px solid #fff; } #opc-payment label > input:checked + img { /* (RADIO CHECKED) IMAGE STYLES */ border: 4px solid #1aadfa; } @media (max-width: 767px) { #opc-payment dt { display: inline-block; width: 100%; margin: auto; text-align: center; } } @media all and (-ms-high-contrast: none) { #opc-payment .step #co-payment-form dt label { display: inline-block; } #opc-payment .step #co-payment-form dt img { pointer-events: none; } } #opc-payment .fieldset { /* (RADIO CHECKED) IMAGE STYLES */ width: 80%; } /*----------Checkout Onepage----------*/ @media (max-width: 768px) { .table-list table { width: 100%; } .table-list thead { display: none; } .table-list tr:nth-of-type(2n) { background-color: inherit; } .table-list tr td:first-child { background: #f0f0f0; font-weight: bold; font-size: 1.3em; } .table-list tbody td { display: block; text-align: center; padding: 15px 20px !important; } .table-list tbody td:nth-child(1) { background-color: #1e202c; color: #fff; } .main-container .main { width: 100% !important; } .main-container .col-main { width: 100% !important; } .customer-account-index .box-account { padding: 10px 0 0 0 !important; } .customer-account-index .box-title h3 { float: none !important; } .customer-account-index .box-title, .customer-account-index .box-content, .customer-account-index .box-account .col-1, .customer-account-index .box-account .col-2 { text-align: center !important; } .customer-account-index .box-content .col-1 { margin-bottom: 30px; } .box-head { text-align: center !important; } .order-info, .order-link { width: 100%; } } @media (max-width: 767px) { .sales-order-item-list-informations .sales-order-item-list-details, .sales-order-item-list-informations .sales-order-item-list-button { width: 100%; } } @media (max-width: 479px) { .message-dialog-printpascher div:nth-child(1) { width: 25%; } .message-dialog-printpascher div:nth-child(2) { width: 65%; } .message-dialog-user div:nth-child(1) { width: 65%; } .message-dialog-user div:nth-child(2) { width: 25%; } .my-account .page-title i { margin: 12px 20px 12px 25%; } .fidelity-details div a.button-referral { margin: auto auto 20px; } } @media (max-width: 419px) { } @media (max-width: 1023px) and (min-width: 768px) { .box-account .box-head i { margin: 20px 0 20px 5%; } } @media (max-width: 1023px) and (min-width: 480px) { .message-dialog-printpascher div:nth-child(1) { width: 15%; } .message-dialog-printpascher div:nth-child(2) { width: 75%; } .message-dialog-user div:nth-child(1) { width: 75%; } .message-dialog-user div:nth-child(2) { width: 15%; } } @media (max-width: 1023px) and (min-width: 420px) { } @media (max-width: 767px) and (min-width: 480px) { } @media (max-width: 767px) and (min-width: 420px) { } @media (max-width: 479px) and (min-width: 420px) { } /*----------Login/Registration Form----------*/ .account-login { padding: 0 0 50px 0; } label.newsletter { padding: 4px 15px; font-size: 16px; font-weight: 400; margin: 0px !important; } #remember-me-box { display: none; } h2.login-subtitle { text-align: center; margin: 0 30px 14px 30px; font-size: 20px; font-weight: 600; color: #393939; } .login-content { text-align: center; color: #595959; margin: 35px; } .login-content p { margin: 0 0 17px 0; text-align: left; padding: 0 20px 15px 20px; } .login-content .login-list p { margin: 0 0 15px 0; text-align: left; padding: 0 30px; font-weight: 600; display: flex; align-items: center; } .login-content .login-list i { color: #00a1ab; font-size: 1.8em; } .login-content .login-list i.fa-eur { padding: 0 24px 0 4px; } .login-content .login-list i.fa-star { padding: 0 20px 0 0; } .login-content .login-list img { color: #00a1ab; padding: 0 18px 0 0; margin: initial; } .account-login .button-1, .account-login .button-2 { padding: 12px 50px; font-size: 15px; width: 235px; } .account-login input#email { padding: 12px !important; border-radius: 5px !important; } .account-login input#pass { padding: 12px !important; border-radius: 5px !important; } .registered-users { position: relative; } .captcha-input-box-user_create { display: none; } .account-create .fieldset { background: none; border: none; margin: 0; padding: 0px; font-size: 17px; } .account-create .buttons-set input { margin: 0; } .account-create .buttons-set p { padding: 0 0 10px 0; } .account-create .buttons-set button { margin: 0 0 20px 0; width: 100%; } .account-create .div-radio-info { width: 15%; padding-bottom: 20px; } @media (max-width: 1170px) { .account-create .div-radio-info { width: 20%; padding-bottom: 20px; } } @media (max-width: 900px) { .account-create .div-radio-info { width: 24%; padding-bottom: 20px; } } @media (max-width: 820px) { .account-create .div-radio-info { width: 48%; padding-bottom: 20px; } } @media (max-width: 420px) { .account-create .div-radio-info { width: 96%; padding-bottom: 20px; } } .my-account .div-radio-info { width: 20%; padding-bottom: 20px; } @media (max-width: 1170px) { .my-account .div-radio-info { width: 24%; padding-bottom: 20px; } } @media (max-width: 900px) { .my-account .div-radio-info { width: 48%; padding-bottom: 20px; } } @media (max-width: 768px) { .my-account .div-radio-info { width: 24%; padding-bottom: 20px; } } @media (max-width: 600px) { .my-account .div-radio-info { width: 48%; padding-bottom: 20px; } } @media (max-width: 420px) { .my-account .div-radio-info { width: 96%; padding-bottom: 20px; } } .span-radio-info { display: table; margin: 0 auto 15px auto; } .input-radio-info { display: block; margin: auto; } .my-account .input-radio-info { width: 100% !important; } .customer-account-edit #type_customer label { margin: 0 0 30px; border-bottom: 2px solid #ffcf10; font-size: 15px; font-weight: 600; width: inherit; } .account-create .recaptcha { margin: 36px 0 0 0; } .if-revendeur { color: #16a4fa; padding: 5px 20px 5px 5px; border: 1px solid #16a4fa; border-radius: 10px; font-style: italic; margin: 0 0 25px 0; display: flex; align-items: center; justify-content: center; } .if-revendeur .if-revendeur-close { float: left; margin: 0 5px 0 0; } .if-revendeur .if-revendeur-text { float: left; width: 95%; } @media (min-width: 1170px) { .field-row { width: 263px; float: left; display: block; } .field-row #who_specify { margin: 6px 0 0 0; } #type_customer { float: none; display: block; } .customer-account-create .field-row { width: 263px; float: left; display: block; } .customer-account-create .field-row #who_specify { margin: 6px 0 0 0; } .customer-account-create #type_customer { float: none; display: block; } } @media (max-width: 1169px) { .field-row { width: 263px; float: left; } .field-row #who_specify { margin: 6px 0 0 0; } #type_customer { float: none; display: block; } } @media (max-width: 951px) { .customer-account-edit .field-row { width: 100%; float: none; } .customer-account-edit .field-row #who_specify { margin: 6px 0 0 0; } .customer-account-edit #type_customer { float: none; display: block; } .customer-account-edit .fields input, .customer-account-edit .input-box input, .customer-account-edit .form-list .field { width: 100% !important; margin: 0 0 5px 0; } } @media (max-width: 768px) { .field-row { width: 100%; float: none; } .field-row #who_specify { margin: 6px 0 0 0; } #type_customer { float: none; display: block; } .fields input, .customer-account-edit .input-box { width: 100% !important; } } /*----------Login Form----------*/ /*----------Search Form----------*/ .header-container #search_mini_form { margin: 30px 20px 0 20px; float: left; } .header-container #search_mini_form img { max-width: 17px; } .header-container #search_mini_form .form-group { max-width: 1170px; width: 1170px; margin: auto; } .header-container .input-group { margin: auto; width: 671px; } .header-container #search_mini_form input { padding: 0 0 0 15px; width: 435px; height: 47px; float: left; font-size: 12px; border: solid 2px #ffcf10; font-weight: 400; border-radius: initial; border-bottom-left-radius: 5px; border-top-left-radius: 5px; box-shadow: unset; } .header-container #search_mini_form input:focus { border: solid 2px #ffcf10; } .header-container #search_mini_form button { height: 47px; width: 56px; cursor: pointer; color: #fff; background: #ffcf10; border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-left: none; border: solid 1px #ffcf10; } /*----------Search Form----------*/ /*----------Page Contact----------*/ .contacts-index-index h1 { text-align: center; font-size: 30px; font-weight: 700; color: #3d3d3d; } .contacts-index-index h2 { text-align: center; font-size: 30px; font-weight: 700; color: #3d3d3d; } .map-contact { display: flex; justify-content: center; align-items: center; } .space-contact { flex: 1; } .contacts-index-index iframe { float: left; margin: 0px; flex: 2; } .info-contact { float: left; flex: 1; } .info-contact p { font-size: 16px !important; } .info-contact i { font-size: 20px; } .texte-contact { text-align: center !important; width: 76%; margin: 0 auto 30px; line-height: 27px; } .contact-col-1 { width: 40%; float: left; } .contact-col-1 label { color: #000; margin: 0; } .contact-col-1 .field { width: 90% !important; margin-bottom: 10px; } .contact-col-1 input, .contact-col-1 select { width: 100% !important; margin: 5px 0 2px 0 !important; } .contact-col-2 label { color: #000; margin: 0; } .contact-col-2 { width: 60%; float: left; height: 100%; margin-bottom: 10px !important; } .contact-col-2 textarea { height: 214px; } #contactForm .validation-advice { padding-left: 0px !important; } @media (max-width: 767px) { .contact-col-1, .contact-col-2 { width: 100%; float: none; } .contact-col-1 .field { width: 100% !important; } } @media (max-width: 1024px) { .header-container #search_mini_form { width: 80%; display: inline-flex; margin: 12px 10% 12px 10%; } .header-container #search_mini_form .form-group { clear: both; width: 100%; margin: auto; } .header-container .input-group { margin: auto; width: 100%; } .header-container #search_mini_form .input-text { width: 100%; } #algolia-autocomplete-tt.algolia-autocomplete { width: 100% !important; } } @media (max-width: 480px) { .header-container #search_mini_form { width: 80%; display: inline-flex; margin: 12px 10% 12px 10%; } } /*----------Page Contact----------*/ /* -----------------------------------MODIFS AYMAR------------------------------------- */ /* Sliders homepage : Nos produits stars, Nouveaux produits */ .argento-slider .block-content { position: relative; padding: 0; background: #fff; } .brown-bg .argento-slider .block-content { position: relative; background: #eeeeee; } .argento-slider .slider-wrapper { clear: both; width: 100%; overflow: hidden; position: relative; } .argento-slider .list-slider { padding: 2px; } .argento-slider .list-slider li.item { float: left; text-align: left; margin: 0; } @media (min-width: 769px) { .argento-slider .list-slider li.item { padding: 11px; max-width: 176px; } .argento-slider .list-slider li img { width: 176px; margin: 0 0 10px 0; } } @media (max-width: 768px) and (min-width: 481px) { .argento-slider .list-slider li.item { padding: 11px; max-width: 170px; min-height: 220px; } .argento-slider .list-slider li img { max-width: 168px; } } @media (max-width: 480px) { .argento-slider .list-slider li.item { max-width: 240px; padding: 10px; min-height: 270px; } .argento-slider .list-slider li.item:nth-child(7) { padding-right: 3px; } .argento-slider .list-slider li img { width: 218px; } } .argento-slider .list-slider li.item:hover { box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .argento-slider .list-slider li.item:hover img { -webkit-filter: brightness(0.5); } .argento-slider .trigger { position: absolute; top: 0; right: 0; width: 100px; height: 100%; background: transparent !important; text-decoration: none; color: #777; } .argento-slider .trigger-right { left: 0; right: auto; text-align: center; } .argento-slider .list-image { margin: 0; padding: 0; list-style: none; float: left; position: relative; left: 50%; } .argento-slider .list-image li.item { right: 50%; float: left; position: relative; margin-left: 1em; margin-right: 3em; margin-top: 0.1em; margin-bottom: 1em; } .argento-slider .trigger span:before { width: 20px; } .argento-slider .trigger span { font-size: 35px; } .argento-slider .trigger span, .argento-slider .trigger .fa { position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: -17px; line-height: 35px; height: 35px; width: 35px; } .argento-slider .trigger:hover { } .argento-slider .trigger:active span { margin-top: -17px; } .argento-slider .trigger.disabled span, .argento-slider .trigger.disabled .fa { opacity: 0.3; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)'; cursor: default; } /* p Aymar 30/05*/ p { margin-bottom: 0.4em; line-height: 1.3em; font-family: 'Montserrat'; font-size: 14px; } /* Pages statiques / Aymar 30/05/2016 */ h1.titre-ps { font-size: 25px; font-weight: 800; color: #333e48; display: flex; flex-direction: row; justify-content: center; text-align: center; margin: 0 0 40px 0; text-transform: uppercase; } h1.titre-ps:before, .titre-ps:after { background-color: #ffcf10; content: '\a0'; height: 2px; position: relative; top: 0.6em; width: 12%; } h1.titre-ps:before { margin-right: 12px; } h1.titre-ps:after { margin-left: 12px; } p.titre-ps { font-size: 25px; font-weight: 800; color: #333e48; display: flex; flex-direction: row; justify-content: center; text-align: center; margin: 0 0 40px 0; text-transform: uppercase; } p.titre-ps:before, .titre-ps:after { background-color: #ffcf10; content: '\a0'; height: 2px; position: relative; top: 0.6em; width: 12%; } p.titre-ps:before { margin-right: 12px; } p.titre-ps:after { margin-left: 12px; } .titre-home { /* Home Page - titre bold - Aymar 01/08/2016*/ font-size: 24px; color: #3d3d3d; font-family: 'Montserrat'; font-weight: 600; display: flex; flex-direction: row; justify-content: center; text-align: center; text-transform: uppercase; } .titre-home:before, .titre-home:after { background-color: #ffcf10; content: '\a0'; height: 2px; position: relative; top: 0.6em; width: 12%; } .titre-home:before { margin-right: 12px; } .titre-home:after { margin-left: 12px; } @media (max-width: 768px) { .titre-home { flex-wrap: wrap; } .titre-home:before, .titre-home:after { display: none; } } .sous-titre-ps { /* Design h2 pages statiques - Aymar 30/05 */ font-weight: 700; font-size: 17px; color: #3d3d3d; font-family: 'Montserrat'; margin: 0 0 20px 0; } .subtitle-ps { /* Phrase en light en dessous des sous titres h2*/ font-weight: 300; color: #3d3d3d; text-align: center; font-family: 'Montserrat'; font-size: 15px; } .texte-ps { /* Design texte pages statiques - Aymar 31/05 */ font-size: 14px; text-align: justify; font-family: 'Montserrat'; font-weight: 500; } .texte-ps.texte-grey { /* Design texte pages statiques - Aymar 31/05 */ color: #898989; } .last-texte-ps { margin: 0 0 3em 0 !important; } .texte-noir { color: #3d3d3d; } .cadre { /*cadre page statique /qui-sommes-nous */ border: 1px solid #a2a2a2; border-radius: 5px; padding: 3%; width: 85%; margin: auto; } /***** Qui sommes-nous ? *****/ .sous-titre-qui { font-size: 20px; font-weight: 700; text-align: center; margin: 48px auto !important; } .qui-italic { margin: 20px 0 0 0; font-style: italic; text-align: center; } .qui-p { margin: 0 128px !important; text-align: center; } .qui-p2 { margin: 0 auto !important; display: table; } .qui-img { text-align: center; margin: 0 0 48px 0; } .flex-container-qui { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 128px !important; } .flex-container-qui .flex-item { width: 14em; margin: 5px; text-align: justify; display: flex; flex-direction: column; } .flex-container-qui .flex-item.qui-first { width: 13em; } .flex-container-qui .flex-item.qui-second { width: 3em; margin: auto; } .flex-container-qui .flex-item .texte-ps { font-size: 14px; text-align: center; } @media (max-width: 1170px) { .qui-p { margin: 0 !important; } .flex-container-qui { margin: 0 !important; } .flex-container-qui .flex-item, .flex-container-qui .flex-item.qui-first, .flex-container-qui .flex-item.qui-second { width: 100%; } .flex-container-qui .flex-item.qui-second { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } } /***** Qui sommes-nous ? *****/ iframe { /* Centrage de l'iframe Google Maps sur la page /qui-sommes-nous - Aymar 31/05*/ margin: 0 auto; display: block; } #conteneur { /* blocs en flex - /mentions-legales - Aymar 01/06 */ display: flex; justify-content: center; flex-wrap: wrap; } .cent { justify-content: center; } .liste-ps { /* Design listes pages statiques */ font-size: 14px; text-align: justify; font-family: 'Montserrat'; font-weight: 500; color: #898989; } /* Formulaire contact - Aymar 01/06 */ .form-list .input-box { width: auto; } .form-list input.input-text, .form-list select, .form-list textarea /*.discount .input-text*/ { font-size: 14px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: 1px solid; border-color: #9c9c9c; border-radius: 5px; margin: 0em 0 0.5em 0; } .form-list select { background: #fff url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/select-arrow.jpg) no-repeat right; color: #000; -webkit-appearance: none; -moz-appearance: none; } .form-list input.input-text:focus, .form-list textarea:focus { background-color: #f2f7ff; } .form-list label.required em { right: -10px; } label.form { font-family: 'Montserrat'; font-weight: 500; font-size: 16px; } ul.form { list-style: none; } /* Bouton envoyer formulaire contact - Aymar - 01/06 */ div.submit { /* Centrer bouton envoyer - Aymar */ display: flex; justify-content: center; } div.form { /* blocs formulaire contact - Aymar - 02/06 */ display: flex; flex-direction: column; } div.form-group { display: flex; flex-direction: column; } .form-list textarea { /* marge en dessous du dernier champ formulaire - Aymar - 02/06 */ width: 98%; margin: 0px; } .ligne-1 { /* Champs nom et mail formulaire contact - Aymar - 03/06 */ display: flex; flex-wrap: wrap; justify-content: space-between; width: 50%; } .texte-contact { font-size: 18px; letter-spacing: -0.5px; } .question-contact { /* Posez votre question /contact - Aymar - 03/06 */ text-align: left; font-weight: 400; margin: 1em 0 1em 0; } .gauche { /* Ferrer des titres à gauche - Aymar - 03/06 */ text-align: left; } .alinea { /* Rajouter un alinéa sur des titres ferrés à gauche - Aymar - 03/06 */ padding: 0 0 0 2em; } .petit-sub { /* Classe pour les sous-titres en MAJ ("PDF CREATOR" sur /conseils-techniques) - Aymar - 03/06 */ font-size: 18px; font-weight: 700; } .marge-bot { margin: 0 0 0.5em 0 !important; } .marge-bot2 { margin: 0 0 2em 0 !important; } .marge-bot-3 { margin: 0 0 1.7em 0 !important; } .marge-top { margin: 3em 0 0 0; } div.conteneur-flex { display: flex; justify-content: space-around; flex-wrap: wrap; } div.conteneur-flex-vertical { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } /*.picto-ps { margin:0 0 1.5em 0; }*/ .picto-ps { margin: 0 0 1.5em 0; max-width: 60%; } .image-centre { /* Centrer image */ margin: auto; } .bandeau-image { margin: 0 30% 0 30%; } .marge-bot-small { margin: 0 0 0.5em 0; } .bouton-orange { /* Page BAT - Titre - Aymar 28/06 */ background-color: #f3a03c; border-radius: 30px; padding: 0.5em 1em !important; display: inline-flex; font-size: 25px; color: #ffffff; font-weight: 700; font-family: 'Montserrat'; text-transform: uppercase; } .flex-container-bat { /* Page BAT - Flex - Aymar 28/06 */ display: flex; justify-content: space-around; flex-wrap: wrap; } .flex-container-bat.echantillons-container { justify-content: space-evenly; } .flex-container-bat > div { /* Page BAT - Flex - Aymar 28/06 */ width: 45%; margin: 5px; text-align: justify; display: flex; flex-direction: column; } .flex-container-bat .flex-item { width: 30%; } @media (max-width: 1170px) { .flex-container-bat > div { width: 100%; } } .flex-container-revendeur1 { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; justify-content: center; } .flex-container-revendeur2 { display: flex; justify-content: space-between; margin: 0px 88px; } @media (max-width: 768px) { .flex-container-revendeur2 { flex-wrap: wrap; } .flex-container-bat .flex-item { width: 100%; } } .flex-container-revendeur3 { display: flex; justify-content: space-between; flex-wrap: wrap; } .flex-container-revendeur1 .flex-item { width: 24em; margin: 5px; text-align: center; display: flex; flex-direction: column; } .flex-container-revendeur2 .flex-item { width: 19em; margin: 5px; text-align: justify; display: flex; flex-direction: column; } .flex-container-revendeur3 .flex-item { width: 16em; margin: 5px; text-align: justify; display: flex; flex-direction: column; } @media (max-width: 1170px) { .flex-container-revendeur2 .flex-item { width: 19em; margin: auto; display: block; } .flex-container-revendeur3 .flex-item { width: 100%; } } .img-revendeur { margin: 20px auto 50px auto; display: table; } .div-revendeur3 { text-align: center; margin: 34px auto; width: 65%; } .div-revendeur3 button { margin: 34px auto; } .div-revendeur3 p { font-size: 15px; } .picto-bat { /* Page BAT - Centrer image - Aymar 28/06 */ margin: 0 auto; } .resize-img { max-width: 100%; height: auto; } .resize-img2 { max-width: none; } .titre-bat { /* Page BAT - Sous-titres - Aymar 28/06 */ font-size: 18px; font-weight: 500; text-transform: uppercase; color: #3d3d3d; } .flex-center { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } p.etape-bat { margin: 0 0 0 0.5em; font-size: 20px; font-weight: 500; color: #3d3d3d; text-transform: uppercase; } .texte-ps2 { /* Page échantillons - texte en minuscules ultrabold - Aymar 20/07 */ font-size: 14px; text-align: justify; font-family: 'Montserrat'; font-weight: 500; color: #63636b; } .centrer-texte { /* Page BAT - Pour centrer un élement de type inline, mettre "text-align:center" sur l'élement parent - Aymar 28/06 */ text-align: center; margin: 0 0 1em 0; } .vert-ital { /* Page BAT - Texte vert italique - Aymar 28/06 */ color: #749006; font-style: italic; font-size: 14px; font-weight: 500; } .flex-resize { /* Page BAT - Resize automatiquement les images en fonction de la largeur de l'écran en flex, à appliquer au parent - Aymar 28/06 */ display: flex; flex-direction: row; justify-content: center; align-items: center; } .flexwrap { flex-wrap: wrap; } .flex { display: flex; } .flex1 { /* Page BAT - Prend 1/3 de la place restante - Aymar 28/06 */ flex: 1; } .flex2 { /* Page BAT - Prend 2/3 de la place restante - Aymar 28/06 */ flex: 2; } .flex3 { flex: 3; } .flex4 { flex: 4; } .flex5 { flex: 5; } .flex6 { flex: 6; } .flex7 { flex: 7; } .flex8 { flex: 8; } .flex9 { flex: 9; } .aligner { align-items: center; } .ligne-flex { display: flex; flex-direction: row; margin: 50px 0 0 0; } .colonne-flex { flex-direction: column; } .spar { justify-content: space-around; } .picto-bat2 { /* Page BAT - Espacement pictos A B C - Aymar 28/06 */ margin: 0 auto 0.5em auto; } .picto-bat3 { /* Page BAT - Espacement pictos A B - Aymar 29/06 */ margin: 2em 1em 1em 0; } .picto-bat4 { /* Page BAT - Centrage pictos C D - Aymar 29/08 */ margin: 2em auto; } .picto-bat5 { margin: 1em auto; } .min-h-150 { min-height: 150px; } .marge-2-gd { margin: 0 2em; } .pad-2-gd { padding: 0 2em; } @media only screen and (max-width: 538px) { .min-h-150 { min-height: 50px; } } .barre-grise { border-left: 2px solid #cdcdcd; } .align-left { /* Page BAT - Aligner picto C à gauche en flex - Aymar 29/06 */ align-items: baseline; } .barre-jaune { /* Page BAT - Barre jaune séparateur, à mettre sur div de gauche - Aymar 29/06 */ border-left: solid 3px #f3a342; padding-left: 30%; } .pad-left { /* Page BAT - à mettre sur div de droite pour l'espacer de la barre jaune - Aymar 29/06 */ padding: 0 0 0 15%; } .pad-right { /* Page BAT - à mettre sur div de gauche pour l'espacer de la barre jaune - Aymar 30/06 */ padding: 0 25% 0 0; } .flex-centrer { align-items: center; } .pictos-fa { font-size: 3em !important; } .pad-6-gd { /* Page BAT - Rétrécir colonnes texte - Aymar 30/06 */ padding: 0 15% !important; } .mar-25-gd { margin: 3em 25% 3em 25%; /* Page Revendeur - Centrer boutons - Aymar 01/07 */ } /*.titre-rev { font-size: 50px; color: #63636b; font-family:'Montserrat'; text-transform: uppercase; }*/ .titre-rev { /* Page revendeur - Titre - Aymar 30/06 */ font-size: 33px; color: #63636b; font-family: 'Montserrat'; text-transform: uppercase; } .extra-light { /* titre light */ font-weight: 200; } h4.titre_content { cursor: pointer; } .no-marge { /* reset marge */ margin: 0 0 0 0 !important; } .bouton-rev1 { /* Page revendeur - Bouton - Aymar 01/07 */ border: 2px solid #f29f0c; border-radius: 30px; padding: 1.3em 2em; background-color: #ffffff; color: #f29f0c; text-transform: uppercase; font-family: 'Montserrat'; font-size: 12px; cursor: pointer; transition: all 0.3s ease 0s; } .bouton-rev1:hover { /* Page revendeur - Bouton - Aymar 01/07 */ border: 2px solid #f29f0c; border-radius: 30px; padding: 1.3em 2em; background-color: #f29f0c; color: #ffffff; text-transform: uppercase; font-family: 'Montserrat'; font-size: 12px; cursor: pointer; } .bouton-rev2 { /* Page revendeur - Bouton - Aymar 01/07 */ border: 2px solid #f29f0c; border-radius: 30px; padding: 1.3em 2em; background-color: #f29f0c; color: #ffffff; text-transform: uppercase; font-family: 'Montserrat'; font-size: 12px; cursor: pointer; transition: all 0.3s ease 0s; } .bouton-rev2:hover { /* Page revendeur - Bouton - Aymar 01/07 */ border: 2px solid #f29f0c; border-radius: 30px; padding: 1.3em 2em; background-color: #ffffff; color: #f29f0c; text-transform: uppercase; font-family: 'Montserrat'; font-size: 12px; cursor: pointer; } .mw-res { position: relative; max-width: none; } .down { position: absolute; left: 47%; } /* animation bouton */ @keyframes bounce { from { bottom: 20px; } 50% { bottom: 10px; } to { bottom: 20px; } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } .bce { animation: bounce 1.5s ease infinite alternate; } .bg-jaune { background-color: #ffb531; color: #ffffff; text-transform: uppercase; font-family: 'Montserrat'; padding: 2em 5em 2em 1em; position: relative; } /*.remise-rev { font-size:50px; color:#FFFFFF; }*/ .remise-rev { font-size: 38px; color: #ffffff; } /*.megafatbig { font-size:200px; line-height:1em; }*/ .megafatbig { font-size: 123px; line-height: 1em; } .light { /* light */ font-weight: 300; } .ultra-heavy { /* heavy */ font-weight: 900; } /*.rev-2 { font-size:34px; color:#FFFFFF; }*/ .rev-2 { font-size: 27px; color: #ffffff; } .barre-white { border-left: 3px solid white; padding: 0 0 0 4em; margin: 3em 0 8em 0; } .creer-rev { /* Page revendeur - Bouton "Je crée mon compte" - Aymar 04/07 */ border: 2px solid #d58800; border-radius: 50px; padding: 0.8em 2em 0.8em 3em; background-color: #d58800; color: #ffffff; text-transform: uppercase; font-family: 'Montserrat'; font-size: 20px; font-weight: bold; cursor: pointer; transition: all 0.3s ease 0s; background-image: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ar-droit.png'); background-repeat: no-repeat; background-position: 10px 50%; } .creer-rev:hover { /* Page revendeur - Bouton "Je crée mon compte" - Aymar 04/07 */ border: 2px solid #d58800; border-radius: 50px; padding: 0.8em 2em 0.8em 3em; background-color: #ffffff; color: #d58800; text-transform: uppercase; font-family: 'Montserrat'; font-size: 20px; font-weight: bold; cursor: pointer; background-image: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ar-droit-hover.png'); background-repeat: no-repeat; background-position: 10px 50%; } .let-sp { /* Page revendeur - Letter spacing de "R E M I S E"- Aymar 04/07 */ letter-spacing: 18px; padding-left: 13px; } /*.liste-rev { font-family: 'Montserrat'; font-weight:600; font-size: 26px; color:#63636b; text-transform: uppercase; line-height: 1.5em; list-style: disc inside !important; padding:0 !important; }*/ .liste-rev { /* Page revendeur - Texte liste - Aymar 04/07 */ font-family: 'Montserrat'; font-weight: 600; font-size: 22px; color: #63636b; text-transform: uppercase; line-height: 1.3em; list-style: disc inside !important; padding: 0 !important; } .pad-rev { /* Page revendeur - padding sections - Aymar 04/07 */ padding: 2em; } .bg-gris { background-color: #eaeaea; position: relative; margin: 0 0 4em 0; } .bg-gris a { color: #63636b; } .creer-rev2 { /* Page revendeur - 2ème Bouton "Je crée mon compte" - Aymar 05/07 */ border: 2px solid #ffb531; border-radius: 50px; padding: 0.8em 2em 0.8em 3em; background-color: #ffb531; color: #ffffff; text-transform: uppercase; font-family: 'Montserrat'; font-size: 20px; font-weight: bold; cursor: pointer; transition: all 0.3s ease 0s; background-image: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ar-droit.png'); background-repeat: no-repeat; background-position: 10px 50%; } .creer-rev2:hover { /* Page revendeur - 2ème Bouton hover "Je crée mon compte" - Aymar 05/07 */ border: 2px solid #d58800; border-radius: 50px; padding: 0.8em 2em 0.8em 3em; background-color: #ffffff; color: #d58800; text-transform: uppercase; font-family: 'Montserrat'; font-size: 20px; font-weight: bold; cursor: pointer; background-image: url('https://www.printpascher.com/skin/frontend/argento/printpascher/images/ar-droit-hover.png'); background-repeat: no-repeat; background-position: 10px 50%; } .pad-hd { padding: 20px 40px 0 0; } .align-droite { text-align: right; } .sub-rev { /* Page revendeur - sous-titres 5 colonnes - Aymar 04/07 */ font-size: 26px; font-family: 'Montserrat'; color: #63636b; text-transform: uppercase; text-align: center; font-weight: 700; } .col-rev { /* Page revendeur - largeur max des 5 colonnes - Aymar 04/07 */ margin: 0 3em; max-width: 30%; min-width: 25%; } @media (max-width: 800px) { .col-rev { margin: 0 3em; max-width: 90%; min-width: 200px; } .img-resp { display: none; } } @media (max-width: 800px) { .col-rev { margin: 0 3em; max-width: 90%; min-width: 200px; } .img-resp { display: none; } } /* Page échantillons - largeur min 4 boutons - Aymar 20/07 */ .but-ech { min-width: 230px; font-size: 14px; font-weight: 500; padding: 1em 1.5em; } .but-ech:hover { /* Page échantillons - hover - Aymar 20/07 */ min-width: 230px; font-size: 14px; font-weight: 500; padding: 1em 1.5em; } .mar-15-gd { /* Page échantillons - marge boutons - Aymar 20/07 */ margin: 0 9% 3em 9%; } .big-min-text { /* Page échantillons - texte en minuscules ultrabold - Aymar 20/07 */ font: 38px 'Montserrat'; color: #63636b; font-weight: 900; margin: 3em 0 3em 0; text-align: center; } .mar-20-gd { margin: 1em 20% 1em 20%; } .sub-ech { /* Page échantillons - sous titre ultrabold - Aymar 20/07 */ font-weight: 500; font-size: 24px; text-transform: uppercase; color: #333e48; } .sub-ech2 { /* Page échantillons - sous titre - Aymar 20/07 */ font-size: 18px; text-transform: uppercase; font-weight: 800; color: #333e48; } .lh-28 { /* Page échantillons - line spacing texte - Aymar 21/07 */ line-height: 28px; } .img-ech { /* Page échantillons - gérer responsive image - Aymar 21/07 */ max-width: 380px; } .flex-align { align-items: center; } .input-ech { /* Page échantillons - bouton select - Aymar 21/07 */ padding: 8px 56px 8px 12px; width: 100px; border-radius: 10px; border-color: #9c9c9c; background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/select-arrow.jpg) no-repeat right; color: #66667b; font-size: 16px; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; z-index: 1; } .ht-prix-ech { /* Page échantillons - style prix HT - Aymar 22/07 */ font-size: 28px; font-weight: 700; color: #3d3d3d; } .ttc-prix-ech { /* Page échantillons - style prix TTC - Aymar 22/07 */ font-size: 18px; font-weight: 700; color: #747474; } .ht-ech { /* Page échantillons - style du "HT" - Aymar 22/07 */ font-size: 16px; font-weight: 700; color: #3d3d3d; line-height: inherit; } .ttc-ech { /* Page échantillons - style du "TTC" - Aymar 22/07 */ font-size: 11px; font-weight: 700; color: #747474; line-height: inherit; } .flex-start { align-items: flex-start; } .commander-ech { /* Page échantillons - Bouton Commander - Aymar 22/07 */ border: 2px solid #f29f0c; border-radius: 30px; padding: 0.8em 2.5em; background-color: #f29f0c; color: #ffffff; text-transform: capitalize; font-family: 'Montserrat'; font-size: 19px; cursor: pointer; transition: all 0.3s ease 0s; } .commander-ech:hover { /* Page échantillons - Bouton Commander hover- Aymar 22/07 */ border: 2px solid #f29f0c; border-radius: 30px; padding: 0.8em 2.5em; background-color: #ffffff; color: #f29f0c; text-transform: capitalize; font-family: 'Montserrat'; font-size: 19px; cursor: pointer; } .quantite-ech { /* Page échantillons - "Quantité" - Aymar 22/07 */ color: #000000; font-weight: 500; font-size: 17px; } .pad-4-left { /* Page échantillons - Séparation des deux blocs - Aymar 22/07 */ padding: 0 0 0 4em; } .wrap-reverse { flex-wrap: wrap-reverse; } .relative { position: relative; } .btn-info-ech { position: absolute; right: 25%; bottom: 0; cursor: pointer; transition: all 0.2s ease 0s; } .btn-info-ech:hover { position: absolute; right: 25%; bottom: 0; opacity: 0.9; } .btn-info-ech2 { position: absolute; left: -5%; bottom: 0; cursor: pointer; transition: all 0.2s ease 0s; } .btn-info-ech2:hover { position: absolute; left: -5%; bottom: 0; cursor: pointer; } .btn-info-ech3 { position: absolute; left: 0%; top: -8%; cursor: pointer; transition: all 0.2s ease 0s; } .btn-info-ech3:hover { position: absolute; left: 0%; top: -8%; cursor: pointer; } a.tooltips { position: relative; display: inline; } a.tooltips span { font-family: 'Montserrat'; font-size: 12px; position: absolute; width: 200px; color: #ffffff; background-color: #232323; height: auto; line-height: 1.5em; text-align: left; visibility: hidden; border-radius: 15px; padding: 1em; transition: opacity 1s; z-index: 999; } a.tooltips span:after { content: ''; position: absolute; bottom: 22px; left: 100%; width: 0; height: 0; border-left: 8px solid #232323; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } a:hover.tooltips span { visibility: visible; opacity: 1; right: 46px; bottom: -28px; z-index: 999; } a.tooltips2 { position: relative; display: inline; } a.tooltips2 span { font-family: 'Montserrat'; font-size: 12px; position: absolute; width: 150px; color: #ffffff; background-color: #232323; height: auto; line-height: 1.5em; text-align: left; visibility: hidden; border-radius: 15px; padding: 1em; transition: opacity 1s; } a.tooltips2 span:after { content: ''; position: absolute; top: 19%; right: 100%; margin-top: -8px; width: 0; height: 0; border-right: 8px solid #232323; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } a:hover.tooltips2 span { visibility: visible; opacity: 1; left: 40px; top: -31px; z-index: 999; } a.tooltips3 { position: relative; display: inline; } a.tooltips3 span { font-family: 'Montserrat'; font-size: 12px; position: absolute; width: 230px; color: #ffffff; background-color: #232323; height: auto; line-height: 1.5em; text-align: left; visibility: hidden; border-radius: 15px; padding: 1em; transition: opacity 1s; } a.tooltips3 span:after { content: ''; position: absolute; top: 14%; right: 100%; width: 0; height: 0; border-right: 8px solid #232323; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } a:hover.tooltips3 span { visibility: visible; opacity: 1; left: 40px; top: -31px; z-index: 999; } .marge-all { margin: 1em; } #grammage, #finitions, #papeterie, #packs { /* Page echantillons - caler les ancres html avec le header - Aymar */ padding-top: 150px; margin-top: -150px; } /* CHECKBOXES PAGE ECHANTILLONS */ /* Base for label styling */ input[type='checkbox'] { /*display: none;*/ transform: scale(1.2); } input[type='checkbox'] + label { /*background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/checkbox-n.jpg) no-repeat;*/ display: inline-flex; margin: 0 0 0 10px; height:29px; font-weight: 600; } .cms-echantillons input[type='checkbox'] + label { height: 29px; width: 29px; } input[type='checkbox']:checked + label { /*background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/checkbox-y.png) no-repeat; display: inline-block;*/ } .cms-echantillons input[type='checkbox']:checked + label { height: 29px; width: 29px; padding: 0 0 0 0px; } .marge-bot-150 { margin: 0 0 150px 0 !important; } .marge-bot-5px { margin: 0 0 5px 0 !important; } .pad-right-20 { padding: 0 20px 0 0; } .titre-home { /* Home Page - titre bold - Aymar 01/08/2016*/ font-size: 24px; color: #3d3d3d; font-family: 'Montserrat'; font-weight: 600; display: flex; flex-direction: row; justify-content: center; text-align: center; } .titre-home:before, .titre-home:after { background-color: #ffcf10; content: '\a0'; height: 2px; position: relative; top: 0.6em; width: 12%; } .titre-home:before { margin-right: 12px; } .titre-home:after { margin-left: 12px; } .subtitle-home-slider, .subtitle-home { margin: 0 0 20px 0; } .sub-home { font-weight: 500; font-size: 18px; text-align: center; } .brown-bg { background-color: #eeeeee; margin-top: 20px !important; margin-bottom: 20px !important; } .pad-top-1em { padding: 1em 0 0 0 !important; } .titre-produit-bestseller { font-weight: 700; font-size: 14px; color: #0062bd; font-family: 'Montserrat'; } .sub-produit-bestseller { color: #333e48; font-weight: 700; font-family: 'Montserrat'; font-size: 10px; } .prix-produit-bestseller { font-weight: 700; color: #333e48; font-size: 17px; } .ht-produit-bestseller { vertical-align: super; color: #333e48; font-size: small; font-weight: 700; } .button-slider { text-decoration: none; background: #ffcf10; color: #333e48; text-transform: uppercase; font-size: 10px; padding: 6px 10px; border: 0px solid #ffcf10; border-radius: 5px; float: right; font-weight: 600; } .button-slider:hover { background: #000; color: #fff; } .box-home { width: 100%; margin: 0 auto; } .cms-index-index .box-home { padding-top: 160px; } @media (max-width: 767px) { .bloc-avantage div div:first-child i { margin-top: 0 !important; } } .bloc-avantage i { margin-top: 20px !important; } .bloc-avantage p { margin: 0; } .bloc-avantage span:nth-child(1) { margin: 0 0 20px 0; } .bloc-avantage p:nth-child(2) { color: #3d3d3d; margin: 0 12px; font-weight: 700; font-size: 15px; font-family: 'Montserrat'; } .bloc-avantage { text-align: center; background: #ffcf10; padding: 28px 0; } .bloc-avantage .fa-stack { margin: 0 auto; } .bloc-avantage .fa-stack .fa { font-size: 0.9em; } .bloc-avantage .fa-stack .fa-circle { color: #f29d00; font-size: 2em; } .block-paiement { padding: 15px 0; background: #eaeaea; } .block-paiement a img { padding: 0 34px; } .block-paiement a div { text-align: center; display: inline-block; border-right: 2px solid #373737; margin-top: -4px; } .block-paiement a span { font-size: 14px; font-weight: 600; width: 82px; padding: 0 26px 0 0; } .block-paiement a { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 767px) { .block-paiement a { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } } @media (max-width: 1170px) { .block-paiement a img:nth-child(1) { margin: 0 0 20px 0; } .block-paiement a img:nth-child(3) { margin: 0 0 20px 0; } .block-paiement a img:nth-child(4) { margin: 0 0 20px 0; } .block-paiement a img:nth-child(5) { margin: 0 0 20px 0; } .block-paiement a img:nth-child(6) { margin: 0 0 20px 0; } .block-paiement a img:nth-child(7) { margin: 0 0 20px 0; } .block-paiement a img:nth-child(8) { margin: 0 0 20px 0; } .block-paiement a img:nth-child(9) { margin: 0 0 20px 0; } } .bloc-service { margin: 0 auto; width: 96%; } .pink-bg { background: #ff0b5b; } .orange-bg { background: #ff840b; } .green-bg { background: #71a016; } .bloc-service .col3-set div a { display: flex; align-items: center; justify-content: space-evenly; padding: 15px; } .bloc-service .col3-set div a p { margin-bottom: 0; } .bloc-service-text { margin-left: 20px; } .bloc-service-text h3 { font-size: 20px; color: #fff; } .bloc-service-text p { color: #fff; } @media (max-width: 1024px) { .bloc-service { margin: 20px auto; width: inherit; } } .bloc-specialist { text-align: center; margin: 20px auto; width: 96%; } .title-specialist { text-align: center; font-weight: 700; position: relative; } .title-specialist:after { content: ''; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #ffcf10; display: block; width: 126px; margin: 5px auto auto; } @media (max-width: 1024px) { .title-specialist:after { display: none; } .block-paiement a { justify-content: center; max-width: 100%; flex-wrap: wrap; } } .text-specialist { text-align: justify; } .home-note { font-size: 15px; text-align: center; margin: 0px auto 50px auto; width: 80%; } .hp-newsletter-titre { font-weight: 300; color: #ffffff; text-transform: uppercase; font-size: 28px; } .block-newsletter { background: #ffcf10; padding: 18px 0; } .block-newsletter .container { display: flex; align-items: center; justify-content: center; } @media (max-width: 1024px) { .block-newsletter .container { flex-wrap: wrap; } } .img-newsletter { width: 28%; float: left; height: 65px; } .img-newsletter img, .img-newsletter i { margin: 0 19px; } .text-newsletter { text-align: center; font-size: 17px; width: 40%; float: left; } .form-newsletter { text-align: center; width: 30%; } .form-newsletter form { display: flex; align-items: center; justify-content: center; } .message-newsletter { text-align: center; font-weight: 600; background: #ffcf10; padding: 0 0 10px 0; font-size: 15px; } input.input-newsletter { border-radius: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 0 solid #fff; font: 12px 'Montserrat'; font-weight: 500; color: #000; width: 222px; padding: 1em 1.5em; } @media (min-width: 769px) { .argento-slider .list-slider li.item { padding: 8.5px; max-width: 176px; min-height: 240px; } .argento-slider .list-slider li img { width: 176px; margin: 0 0 10px 0; } } @media (max-width: 1024px) { .block-newsletter { display: block; } .img-newsletter { display: none; } .text-newsletter { width: 100%; float: none; } .form-newsletter { width: 100%; float: none; } } .input-newsletter2 { border-top-right-radius: 5px; border-bottom-right-radius: 5px; font: 12px 'Montserrat'; font-weight: 600; padding: 1em 1.5em; background-color: #333e48; border: 0 solid #333e48; cursor: pointer; color: #fff; } .input-newsletter2 { text-decoration: none; } .input-newsletter2 span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; } .bold-white { color: #fff; font-weight: 700; } .sub-news { text-align: center; color: #ffffff; font: 17px 'Montserrat'; } .text-align-cent { text-align: center; } /* FIN Newsletter Homepage */ .moy-pai { background-color: #000000; color: #fff; font: 17px 'Montserrat'; text-align: center; line-height: 150%; } @media only screen and (max-width: 538px) { .titre-rev { font-size: 26px; text-align: center; } .big-min-text { font-size: 25px; font-family: 'Montserrat'; } .pad-4-left { padding: 0; } .mar-20-gd { margin: 1em 5% 1em 5%; } .sub-ech { font-weight: 500; font-size: 17px; text-transform: uppercase; text-align: center; } .sub-ech2 { font-size: 23px; text-transform: uppercase; text-align: center; } .btn-info-ech2 { position: absolute; left: 2%; bottom: 100%; cursor: pointer; transition: all 0.2s ease 0s; } .btn-info-ech2:hover { position: absolute; left: 2%; bottom: 100%; cursor: pointer; } } /* Fin media query */ /* AYMAR OCTOBRE 2016 */ /* caler pictos menu */ #navigationpro-top > li > div > div > div > div > div > ul > li > a > img { padding: 2px 0 0 0; } .list-lettrage { margin: 40px 0 0 30px; list-style: initial; } .list-element-lettrage { line-height: 24px; margin-bottom: 8px; } .devis-lettrage { clear: both; padding: 30px 0; text-align: center; } .devis-content { margin-top: 40px; } .title-devis { font-size: 30px; text-align: center; color: #3d3d3d; font-weight: 700; } .txt1-devis { width: 66%; margin: 40px 17% 8px 17%; line-height: 25px; font-size: 16px; font-weight: 600; } .txt2-devis { font-size: 16px; font-weight: 600; margin: 0 0 50px 0; } .link-devis { padding: 12px 50px; } .btn-devis { border: none; background-color: transparent; font-weight: 500; font-size: 16px; color: #fff; } .btn-devis:hover { background-color: #1775af; } .img-lettrage { width: 385px; height: 385px; float: left; margin-right: 30px; } .txt-lettrage { font-size: 16px; font-weight: 600; float: right; width: 63%; } /* PAGE FORMAT + ORIENTATION */ .format-content { text-align: center; } .format-content h1 { font-weight: 700; font-size: 35px; color: #3d3d3d; text-transform: uppercase; margin-bottom: 50px; } .format-content h2 { font-weight: 700; font-size: 25px; color: #3d3d3d; text-transform: uppercase; margin-bottom: 16px; } .format-content span { font-weight: 400; font-size: 23px; color: #3d3d3d; text-transform: uppercase; } .format-content img { margin: 38px 0 76px 0; } /* PAGE FACONNAGE */ .faconnage-content { text-align: center; } .faconnage-content h1 { font-weight: 700; font-size: 35px; color: #3d3d3d; text-transform: uppercase; margin-bottom: 50px; } .faconnage-content h2 { font-weight: 700; font-size: 25px; color: #3d3d3d; text-transform: uppercase; margin-bottom: 16px; } .faconnage-content .faconnage-span-title { font-weight: 400; font-size: 23px; color: #3d3d3d; text-transform: uppercase; } .faconnage-content .faconnage-title { margin: 0 0 40px 0; } .faconnage-content .faconnage-text-1 { } .faconnage-content .faconnage-text-2 { clear: both; } .faconnage-content .faconnage-text-span { font-size: 25px; font-weight: 700; } .faconnage-content .faconnage-text-div { width: 282px; float: left; } .faconnage-content .faconnage-text-p { text-align: justify; width: 74%; margin: 20px 13%; } @media (min-width: 1170px) { .faconnage-content .first-text-2 { margin: 0 0 0 12.5%; } .faconnage-content .last-text-2 { margin: 0 12.5% 0 0; } } @media (max-width: 620px) { .faconnage-content .faconnage-text-div { float: none; margin: auto; } } /* PAGE MISE EN PAGE */ .mise-content { text-align: center; } .mise-content h1 { font-weight: 700; font-size: 35px; color: #3d3d3d; text-transform: uppercase; margin-bottom: 50px; } .mise-content h2 { font-weight: 700; font-size: 25px; color: #3d3d3d; text-transform: uppercase; margin-bottom: 16px; } .mise-content span { font-weight: 400; font-size: 23px; color: #3d3d3d; text-transform: uppercase; } .mise-content img { margin: 0 0 56px 0; } .mise-content p { margin: 56px auto; font-weight: 600; font-size: 23px; text-transform: uppercase; color: #3d3d3d; border: 2px solid #3d3d3d; border-radius: 30px; padding: 10px 20px; width: 240px; } .video-wrapper { width: 600px; max-width: 100%; } /* VIDEO PAGE ACCUEIL */ .bloc-video { display: flex; display: flex; align-items: center; justify-content: center; } .text-video { width: 50%; float: left; height: 100%; margin: 0 35px 0 0; } .text-video .text-video-span { font-size: 25px; text-transform: uppercase; font-weight: 900; } .text-video span { font-size: 15px; } .texte-home.p-video { padding: 0 0 1% 3%; } .iframe-video { width: 512px; height: 288px; margin-right: 15px; float: left; background: url(/media/front-page/youtube-placeholder.jpeg); background-repeat: no-repeat; background-size: cover; cursor: pointer; } @media (max-width: 1024px) { .iframe-video { width: auto; height: 570px; } } @media (max-width: 768px) { .iframe-video { max-width: 100%; height: 200px; } } @media (min-width: 768px) and (max-width: 979px) { .iframe-video { max-width: 100%; height: 430px; } } @media (max-width: 1170px) { .bloc-video { display: block; align-items: center; justify-content: center; } .texte-home.p-video { padding: 0 3% 1% 3%; } .text-video { width: 100%; float: none; height: 100%; } .iframe-video { width: 100%; float: none; } } @media (max-width: 513px) { iframe { width: 95%; } } /* NEW FIDELITE PARRAINAGE */ .disposable-fidelite { margin: 10px 0 30px 0; text-align: center; font-size: 20px; } .disposable-fidelite span { font-size: 20px; } .note-fidelite { font-style: italic; } .span-fidelite { float: left; color: #3d3d3d !important; } .sup-fidelite { font-size: 12px; vertical-align: super; } .sup-fidelite-2 { font-size: 14px; vertical-align: super; } .sup-table-referral { margin: 0; padding: 10px 0; background-color: #e3e3e3; font-size: 20px; font-weight: 600; text-align: center; } .column-parrainage { width: 26%; margin: 0 6% 0 0; text-align: justify; } .column-parrainage:nth-child(3) { margin: 0; } .img-column-delais { margin: 2em auto; } .title-column-parrainage { text-align: center; margin: 0 auto 20px auto !important; position: relative; } .title-column-delais { font-weight: 700; font-size: 18px; color: #3d3d3d; position: relative; } .title-column-qui { font-weight: 700; font-size: 15px; color: #3d3d3d; position: relative; } .title-column-revendeur1 { font-weight: 500; font-size: 14px; color: #3d3d3d; position: relative; font-style: italic; } .title-column-revendeur2 { font-weight: 500; font-size: 18px; color: #3d3d3d; position: relative; } .title-column-revendeur3 { font-weight: 700; font-size: 15px; color: #3d3d3d; position: relative; } .title-column-revendeur3:after { content: ''; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #ffcf10; display: table-cell; width: 126px; margin: 5px auto auto; position: absolute; left: 18%; } .title-column-parrainage:after { content: ''; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #ffcf10; display: table-cell; width: 126px; margin: 5px auto auto; position: absolute; left: 28%; } .title-column-delais:after { content: ''; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #ffcf10; display: block; width: 126px; margin: 5px auto auto; } .title-column-revendeur:after { content: ''; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #ffcf10; display: table-cell; width: 126px; margin: 5px auto auto; position: absolute; left: 18%; } .delais-bloc-devis { width: 542px; display: flex; padding: 10px 0 0 0; margin: 0 auto 30px auto; border: 1px solid #333f48; } .delais-bloc-devis-text { width: 60%; float: left; margin: auto; } .delais-bloc-devis-text .texte-ps { font-size: 14px; text-align: center; } .delais-bloc-devis-button { width: 40%; float: right; } .delais-bloc-devis-button button { margin: 26px 0 0 0; font-size: 15px; font-weight: 600; color: #333f48; text-decoration: none; padding: 6px 18px; border: 0px solid #fff; border-radius: 30px; } .promotion-code { padding: 20px; text-align: center; background: #21adac; color: #ffffff; margin-bottom: 30px; } .promotion-code p { margin: 0; } .promotion-code .big-text { font-weight: bold; font-size: 35px; } .promotion-code .bold { font-weight: bold; } .promotion-code .code-promo { padding: 5px; display: inline-block; font-weight: bold; font-size: 22px; border: solid 2px; border-radius: 5px; margin-top: 5px; } .promotion-code.pink { background: #e40e5a; } .promotion-text-container h2 { font-size: 17px; font-weight: 700; margin-top: 30px; } .promotion-code.friday5 { background: #ffb001; color: #000000; } .promotion-code.friday10 { background: #1cc0bf; color: #000000; } .promotion-code.friday20 { background: #ff00fe; color: #000000; } .avantages-newsletter { display: flex; justify-content: center; flex-wrap: wrap; } .avantage-newsletter { padding: 20px; margin: 0 20px 20px 20px; background: #21adac; text-align: center; width: 15em; } .avantage-newsletter p { margin: 0; color: #ffffff; font-size: 18px; line-height: 1.3em; } .avantage-newsletter img { margin-bottom: 20px; } .container-newsletter h2 { text-align: center; text-transform: uppercase; } .container-newsletter h2.sous-titre-ps { line-height: 2em; padding-top: 23px; color: #333e48; text-transform: uppercase; } .big-yellow { font-weight: bold; color: #ffcf10; } .newsletter-meilleur-rapport { display: flex; justify-content: center; flex-wrap: wrap; } .newsletter-meilleur-rapport div { vertical-align: middle; margin: 30px 10px; } .newsletter-meilleur-rapport div:nth-child(2) { vertical-align: middle; margin: 30px 10px; padding-top: 53px; } .big { font-size: 55px; text-transform: uppercase; font-weight: 900; color: #333e48; } .big2 { font-size: 25px; text-transform: uppercase; font-weight: 900; color: #333e48; } .neswletter-produits { display: flex; justify-content: space-around; flex-wrap: wrap; } .produit { width: 18em; text-align: center; margin-top: 20px; background: #21adac; padding-bottom: 15px; border: solid 2px #ffcf10; } .produit h3 { background: #ffcf10; padding: 10px 0; } span.prix { display: block; color: #fff; font-size: 18px; font-weight: 500; padding: 5px 0; margin: 5px 0; } span.nb-ex { background: white; padding: 5px 10px; font-size: 16px; margin: 10px 0; border-radius: 20px; color: #21adac; font-weight: bold; } .display-btn-container { background: #ffcf10; text-align: center; padding: 20px 0; margin-bottom: 10px; } .catalogues-displays iframe { min-height: 550px; } .button-display { text-decoration: none; font-weight: 600; font-size: 15px; border: 1px solid #333e48; border-radius: 40px; background-color: #333e48; padding: 10px 30px; color: #ffffff; float: none; cursor: pointer; margin: 0 20px; } /* PAGES CATALOGUE DISPLAY*/ .button-display.quote-display { background: #ff0747; border-color: #ff0747; } .button-display a { color: #fff; } .button-display:hover { background-color: #000; border: 1px solid #000; } .quote-form-display .form-list { list-style: none; } .normalize-font { font-size: 14px; } .quote-form-display .form-list textarea { height: 15.5em; margin-top: 0.5em; } .quote-form-display .instructions { width: 96%; } .quote-form-display .button-2 { display: inline-block; padding: 5px 10px; } .form-col { float: left; width: 50%; } .display-text { display: block; } .buttons-set-container { text-align: right; } .quote-form-display .buttons-set { display: inline-block; margin: 0 0 20px 0; } div#quote-form-display { position: absolute; top: 750px; } .quote-form-display { border-bottom: 1px solid #ddd; } .button-3.noel { background: #aa2724; border: solid 1px #aa2724; } @media (max-width: 1170px) { .title-column-delais:after { display: none; } .title-column-revendeur:after { display: none; } .title-column-revendeur3:after { display: none; } .delais-bloc-devis-text .title-column-delais:after { display: block; } .newsletter-meilleur-rapport div:nth-child(2) { padding-top: 25px; } .newsletter-meilleur-rapport div { margin: 0px 10px; } .form-col { width: 100% !important; float: none !important; } .form-col input, .form-col textarea, .quote-form-display .instructions { width: 100% !important; } } @media (max-width: 768px) { .column-parrainage { width: 100%; margin: 0; } .title-column-parrainage:after { display: none; } } @media (max-width: 480px) { .delais-bloc-devis { width: 80%; display: block; } .delais-bloc-devis-text { width: 100%; float: none; } .delais-bloc-devis-button { width: 100%; float: none; margin: 0 0 10px 0; text-align: center; } .delais-bloc-devis-button button { margin: 0; } .delais-bloc-devis-text .title-column-delais:after { display: none; } .newsletter-meilleur-rapport div { margin: 0 !important; display: block; width: 100%; text-align: center; padding: 0 !important; } .container-newsletter h2.sous-titre-ps { line-height: 1.5em; padding-top: 23px; color: #333e48; text-transform: uppercase; margin: 0; padding: 0; } .catalogues-displays iframe { min-height: 350px !important; width: 100% !important; } .button-display { margin: 5px 20px !important; } div#quote-form-display { position: absolute; top: 650px; } } /* NEW FIDELITE PARRAINAGE */ /* FACEBOOK */ .img-column-facebook { margin: 4em auto; } /* FACEBOOK */ /*ZOPIM*/ .zopim { z-index: 998 !important; } /*ZOPIM*/ @media screen and (max-width: 1170px) { .top-products-container { display: none; } #easyslideslider-2 { margin: auto !important; float: none !important; } } .top-products-container { float: left; margin-left: 10px; margin-right: 10px; width: 218px; } .std ul.top-products-ul { list-style: outside none none; margin-bottom: 0; padding: 0; border: 1px solid #eaeaea; border-right: none; } .sub-menu-column li { padding-bottom: 5.5px; padding-top: 5.5px; font-weight: 600; text-transform: none; } .top-products-li { padding: 4.25px 15px; font-size: 14px; text-transform: uppercase; cursor: pointer; font-weight: 600; border-right: 1px solid #eaeaea; } .top-products-li span { font-size: 14px; font-weight: 600; margin-bottom: 0; line-height: 1.25; display: block; } .top-products-li:hover { background-color: #ffcf10; border-right: none; } .sub-menu-column li { font-weight: normal; } .sub-menu-column li.title { font-weight: 700; } .sub-menu-column li a { color: unset; display: block; } .sub-menu-column li a:hover { text-decoration: underline; } .top-products-li:not(:last-child) { border-bottom: 1px solid #eaeaea; } .top-products-li.bold span { font-weight: bold; } .top-products-title { text-align: center; background-color: #ff0747; padding-bottom: 10px; padding-top: 10px; text-transform: uppercase; border-top-left-radius: 5px; border-top-right-radius: 5px; font-weight: bold; color: white; } .red { color: #ff0747; } .hidden-menu { display: none; position: absolute; background-color: white; z-index: 7; top: 35px; left: 228px; border-color: #ffcf10 #eaeaea #eaeaea; border-style: solid; border-width: 1px; cursor: default; color: #333e48; min-height: 259px; } .title { text-transform: uppercase; } .std ul .hidden-menu ul { list-style: outside none none; margin: 0; min-height: 252px; padding-left: 10px; padding-right: 10px; } .sub-menu-column { float: left; } .main-container { box-shadow: unset; } .accordion .lev2 { display: none; } .grey-bck, .navpro .nav-dropdown.grey-bck { background-color: #e3e2e3; } /* FAQ */ .faq-nav { text-align: center; } .faq-nav .button-1 { padding: 5px 10px; margin: 0 4px 20px 4px; } h2.sous-titre-ps.faq { border-bottom: solid 1px #bcbcbc; font-size: 19px; margin-top: 50px; } .crossed-text { position: relative; font-weight: normal; } .crossed-text:before { position: absolute; content: ''; left: 0; top: 50%; right: 0; border-top: 1px solid; border-color: inherit; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } .prix-barre-produit-bestseller { color: #333e48; font-size: 16px; } .crossed-text .ht-produit-bestseller { color: #3d3d3d; } .red-price { color: #ff0747; font-size: 16px; } .category-product-content .red-price { font-size: 18px; } .product-options-bottom, .product-shop .product-options-bottom { position: sticky; top: 150px; } .block .block-title > .mobile-menu-toggler { display: none; } @media (max-width: 768px) { .block .block-title > .mobile-menu-toggler { display: block; width: 50px; padding-top: 8px; right: 0; position: absolute; color: #1e212d; } } .main.algolia-instant-replaced-content { min-height: 0; padding: 0; } .home-main-title { margin-bottom: 10px; text-align: center; } .home-main-title h1 { text-align: center; font-weight: 600; font-size: 16px; position: relative; display: inline-block; } .home-main-title h1:before { background-color: #ffcf10; content: ' '; height: 2px; position: absolute; top: 0.5em; width: 150px; display: block; left: -170px; } .home-main-title h1:after { background-color: #ffcf10; content: ' '; height: 2px; position: absolute; top: 0.5em; width: 150px; display: block; right: -170px; } .tshirt_qty { width: 70px !important; } .tshirt_qty input { width: 30px !important; } .tshirt_qty .detail-dt { width: 30px !important; } .polo_qty { width: 70px !important; } .polo_qty input { width: 30px !important; } .polo_qty .detail-dt { width: 30px !important; } /************************ PAGE CONSEILS TECHNIQUES ***************************/ .conseils-techniques h2 .bold { margin: 0 10px; font-weight: 800; } .conseils-techniques h2 img { width: auto; height: 100%; margin: 5px; } .conseils-techniques h3 { margin: 10px 0; } .conseils-techniques li { font-size: 14px; font-weight: 500; } .conseils-techniques .texte-ps { text-align: center; } .bold { font-weight: bold; } .text-center { text-align: center; } .conseils-techniques section { margin: 50px 0; } .flex-container { display: flex; justify-content: center; flex-wrap: wrap; } .three-items, .two-items { width: 300px; text-align: center; margin: 2%; padding: 10px; background: #dbdbdb; box-sizing: border-box; } #gabarits .two-items { width: 48%; margin: 1%; } p.warning { background: #f6c48b; padding: 10px; text-align: center; font-weight: bold; border: solid 1px #ff8800; } .four-items { width: 200px; margin: 2%; text-align: center; padding: 10px; background: #dbdbdb; box-sizing: border-box; } .pdf-advice { text-align: center; } .pdf-advice a { border: solid 2px #cc4b4c; display: inline-block; padding: 10px; text-transform: uppercase; color: #cc4b4c; font-weight: bold; line-height: 30px; margin-bottom: 20px; } .pdf-advice a:hover { background: #cc4b4c; color: white; } .pdf-advice a img { margin-left: 10px; height: 30px; } .conseils-techniques ul { list-style: none; padding: 0; } .resume-container div { width: 150px; margin: 15px; } .resume-container { display: flex; justify-content: center; flex-wrap: wrap; } .technical-advices-black { margin-bottom: 20px; } .technical-advices-black th { font-weight: 700; } .technical-advices-black td { font-weight: 500; } .technical-advices-black td, .technical-advices-black th { border: solid 1px #333e48; height: 30px; line-height: 30px; text-align: center; padding: 10px 20px; font-size: 14px; vertical-align: middle; } .flex.help-section { justify-content: space-evenly; flex-wrap: wrap; } .help-section div { background: #21adac; width: 46%; padding: 10px; } .help-section p { color: white; } .help-section p.help-title { font-size: 16px; font-weight: bold; color: #ffcf10; margin-top: 10px; } .help-section .button-1 { display: inline-block; margin-bottom: 10px; } /**** AVIS VERIFIES ***/ .header-avis { text-align: center; margin: auto 0; float: left; margin-top: -15px; width: auto !important; } .footer-avis { float: none; display: inline-block; width: auto !important; margin: 20px auto !important; } p.avis-title { font-family: 'Lobster', cursive; font-size: 20px; color: #333333; margin-bottom: 5px; text-align: center !important; } .header-avis > div, .footer-avis > div { padding: 0 5px; width: auto !important; } .header-avis > div p, .footer-avis > div p { font-size: 11px; font-weight: bold; color: #333; margin: 0; line-height: 20px; text-align: center !important; } .header-avis > div a, .footer-avis > div a { text-decoration: none; float: none; margin: 0; display: flex; flex-direction: column; } .header-avis > div a > div, .footer-avis > div a > div { height: 18px !important; width: 0 !important; margin: 0 !important; } .header-avis span, .footer-avis span { float: none; margin: 0; } #checkoutSteps .forgot-password { margin-left: 10px; font-size: 13px; color: #333e48; text-decoration: underline; } #checkoutSteps .ul li { font-size: 14px; } @media (max-width: 768px) { .conseils-techniques .titre-home { display: block; } .conseils-techniques .titre-home::after, .conseils-techniques .titre-home::before { display: none; } .conseils-techniques h2 .bold { margin: 0 5px; font-weight: 800; } .help-section div { width: 100%; margin-bottom: 20px; } } @media (max-width: 1450px) and (min-width: 1025px) { .header{ width:100% !important; } .toggle-quick-links, .toggle-user, .toggle-search, .toggle-cart, .toggle-phone { display: none !important; padding: 0 9px; } .nav-container { display: block; margin: 0; position: static; right: auto; top: auto; box-shadow: none; z-index: 600; padding: 0; width: 100% !important; } .navpro .nav-li { float: none; margin: 0 !important; font-size: 18px; } .nav-toggler { display: none; } .nav-container .navpro.shown { display: block; } .navpro-responsive { max-width: 100%; } .nav-container .nav-li.active { border-radius: 0; border: none; background-color: #fff; color: #000; float: none; } .navpro-responsive * { box-sizing: border-box; } .header-content .nav-container .nav-1.nav-li { display: block; } .logo-wrapper { max-width: 25%; } .picto-wrapper { max-width: 75%; } .header-container #search_mini_form input{ width:220px !important; } .img-newsletter img, .img-newsletter i { margin: 0 5px; } .col1-layout .product-view .product-shop { float: none; width: auto; margin-left: 240px; } .cart-headers > div{ display:flex; } } body { background: #fff; font-family: 'Montserrat', sans-serif; } .page-title h1, .page-title h2, .hero .block-title span, .sidebar .block-title, .product-name h1, .product-collateral .h2, .product-collateral h2, .box-collateral .h2, .box-collateral h2, .cart .crosssell h2, .suggestpage-index-index .col-main h2, /* Modification Guillaume 06/06/2016 */ /*.ajaxpro-form .soldtogether-block > h2 { font: normal 28px 'Oswald', sans-serif; text-transform: uppercase; }*/ .ajaxpro-form .soldtogether-block > h2 { font: normal 28px sans-serif; text-transform: uppercase; } /* Modification Guillaume 06/06/2016 */ .sidebar .block-title { font-size: 18px; } .fa-stack .fa-circle { color: #219291; } .stuck { position: fixed !important; top: 0; } .line-separator { margin: 15px 0; border-top: 1px solid #eee; } button.button span { text-transform: uppercase; border: 1px solid #a5205f; color: #a5205f; background: transparent; transition: all 0.1s linear; } button.btn-alt span { border-color: #aaa; color: #777; background: transparent; } button.button:hover span { background-color: #a5205f; color: #fff; } button.btn-alt:hover span { background-color: #aaa; } button.button span span { border: none; background: none; } @media (max-width: 480px) { .form-list input.input-text, .form-list select, .form-list textarea, .discount .input-text { padding: 6px 4px 5px; } .my-account .form-list input.input-text, .my-account .form-list select, .my-account .form-list textarea, .my-account .discount .input-text { padding: 8px 12px; } } .product-view .product-shop .btn-cart span, /*.amazonstyle-checkboxes .btn-cart span, button.btn-checkout span { background-color: #a5205f; color: #fff; }*/ .chosen-container-single .chosen-single { overflow: visible; line-height: 23px; } .chosen-container-single .chosen-single span { margin-right: 22px; } .chosen-container-single .chosen-single div { top: 1px; } .chosen-container .chosen-single, .chosen-container-active.chosen-with-drop .chosen-single { background: none; border: none; border-radius: 0; box-shadow: none; } .chosen-container .chosen-drop { background: #fff; border: none; width: 190px; margin-top: 0; border-radius: 0; } .chosen-container .chosen-results { margin-top: 4px; } .chosen-with-drop, .chosen-container-active .chosen-drop { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .chosen-container-active.chosen-with-drop .chosen-single { background: #fff; z-index: 22; } .chosen-container-active .chosen-drop { z-index: 21; } .chosen-container .chosen-results li { transition: all 0.1s ease-in-out; color: #444; } .chosen-container .chosen-results li.highlighted { background: #777; } .top-toolbar, .header, .top-container, .main, .footer, .footer-toolbar, .footer-cms { max-width: 1520px; width: 80%; margin: 0 auto; box-sizing: border-box; } .container { width: 80%; max-width: 1520px; margin: 0 auto; box-sizing: border-box; } .container-slider { width: 80%; max-width: 1520px; margin: 0 auto; box-sizing: border-box; padding: 20px 0; } .padded { padding: 20px 0; } /*.main { padding: 10px 5px 20px; }*/ .top-toolbar-container { background: #fff; z-index: 21; position: relative; } /* relative to cover box shadow of header */ .form-language label, .form-currency label { display: none; } .form-language .chosen-container, .form-currency .chosen-container { margin-top: -5px; } .quick-links { text-transform: uppercase; } .top-toolbar .links a { color: #6d6d6d; } .quick-links a { font-weight: bold; } .form-language, .form-currency { margin: 0; } .header-container { box-shadow: 0 8px 8px -9px rgba(0, 0, 0, 0.5); width: 100%; z-index: 50; } .header-container.stuck { left: 0; } .header { text-align: right; padding: 10px 5px; z-index: 50; } @media (max-width: 768px) { .header { padding: 0; z-index: 50; } } .header-content { min-width: 430px; z-index: 998; } #search_mini_form { float: none; vertical-align: top; } #search_mini_form fieldset { display: inline; } .header-container .form-search { float: none; background: transparent; display: inline-block; margin: 0; position: absolute; top: 0; right: 58px; bottom: 0; width: 25px; } .header-container #search_mini_form.shown .form-search { background: #fff; } .header-container .form-search button { background: none; border: none; color: #3b3b3b; margin: 0; width: 25px; } .header-container .form-search button { float: right; height: 45px; } .search-field-wrapper, .search-field { margin-right: 30px; } .search-field-wrapper { opacity: 0; transition: opacity 0.3s ease-in-out; } .search-field-wrapper.with-filter { margin-left: 65px; height: 0; } .search-field-wrapper.with-filter .f-fix { float: none; } .header-container .form-search .search-close { display: none; } .header-container .form-search .search-close .fa-close { font-size: 1.2em; } .header-container .form-search input { border: 2px solid #888; border-width: 0 0 2px; background: none; box-shadow: 0 0 4px rgba(0, 0, 0, 0.05) inset; box-shadow: none; width: 100%; font-size: 20px; padding: 7px 0 7px; height: auto; } .header-container .form-search input::-ms-clear { display: none; } .header-container .form-search .search-autocomplete ul { background-color: #fff; } .header-container .form-search .search-autocomplete li.odd { background-color: #f7f7f7; } .header-container .form-search .search-autocomplete li.selected { background-color: #f0f0f0; } #search_mini_form.shown .search-field-wrapper { opacity: 1; height: auto; } #search_mini_form.shown .search-field-wrapper.with-filter .f-fix { float: left; } .header-container #search_mini_form.shown .form-search { left: 0; width: auto; } .header-container #search_mini_form.shown .form-search .search-close { display: block; } .header-container .form-search .chosen-container { width: 60px; opacity: 0; height: 0; overflow: hidden; transition: all 0.3s ease-in-out; } .header-container #search_mini_form.shown .form-search .chosen-container { opacity: 1; height: auto; overflow: visible; } .header-container .form-search .chosen-container-single .chosen-single { background: #fff; border: none; height: 42px; padding-top: 9px; padding-bottom: 9px; } .header-container .form-search .chosen-container-single .chosen-single div { top: 10px; } .autocomplete { border-radius: 0; border: none; } .autocomplete div { font-size: 14px; font-weight: normal; line-height: normal; padding: 9px 12px; border-bottom-width: 2px; } .autocomplete .ajaxsearchdescription { font-size: 1em; } .header-container .header-cart { text-align: left; margin: 0 0 0 10px; background: none; /*border: none;*/ padding: 0; position: absolute; right: 0; top: 0; } .header-cart .summary { float: none; width: auto; margin: 0; color: #3b3b3b; padding: 13px 0 3px; } .header-cart .summary .amount { font: bold 15px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #7a7a7a; } .nav-container { display: inline-block; vertical-align: bottom; background: none; margin: 0; width: 80%; max-width: 1520px; text-align: center; position: relative; } @media (min-width: 1280px) and (max-width: 1450px) { .nav-container { width: 100%; } .header { width: 95%; } } /* Default navigation */ #nav { width: auto; padding: 0; font-size: 15px; } #nav li.level-top { margin: 0 5px; } #nav li a { padding: 7px 8px 8px; transition: color 0.2s ease-in-out; } #nav li.parent a.level-top { padding-right: 16px; background-position: 98% 13px; } #nav a.level-top { /* Modification Guillaume 06/06/2016 */ /*font: normal 15px 'Roboto', sans-serif;*/ font: normal 15px sans-serif; /* Modification Guillaume 06/06/2016 */ text-transform: uppercase; color: #737373; } #nav a.level-top span { border-bottom: 2px solid transparent; } #nav li.active a.level-top span { border-color: #f15922; } #nav li a { font-weight: normal; } #nav ul, #nav div { box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); opacity: 0; transition: opacity 0.1s ease-in-out; } #nav li ul.shown-sub, #nav li div.shown-sub { left: -7px; opacity: 1; } #nav ul, #nav div { top: 100%; border: none; } #nav ul li a { padding: 11px 10px; } /* NavPro */ .navpro { font-size: 12px; } .nav-container .navpro { width: auto; margin: 0; padding: 0; /*font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;*/ } .nav-container .navpro .nav-a, .nav-container .navpro .nav-sibling-title a { /*font-family: Arial,Helvetica,sans-serif;*/ font-size: 13px; color: #d3d3d3; transition: color 0.2s ease-in-out; } /*.nav-container .navpro .nav-toggler-level0 { top: 7px; }*/ .nav-container .navpro a.level-top, .nav-container .navpro div.level-top a { font: normal 11.5px 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; color: #333e48; padding-right: 8px; } .best-sales-title { text-align: center; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; } .nav-container .navpro .nav-a.over, .nav-container .navpro .nav-sibling-title a.over { color: #fff; background-color: transparent; } .nav-container .navpro .nav-ul .active > .nav-a, .nav-container .navpro .active a.level-top, .nav-container .navpro .active div.level-top a { color: #000; } .nav-container .navpro a.level-top span, .nav-container .navpro div.level-top a span { border-bottom: 2px solid transparent; font-size: 13.5px; } .nav-container .navpro li.active a.level-top, .nav-container .navpro li.active div.level-top { border-right: 1px solid #fff; } .nav-container .navpro li.active { background: #fff; } .nav-container .navpro ul .nav-a, .nav-container .navpro ul .nav-sibling-title a { padding-top: 9px; padding-bottom: 9px; font-weight: 500; padding-left: 10px; text-align: center; } .nav-container .navpro ul .nav-toggler { top: 7px; } .navpro .nav-column .nav-column-title { color: #000; } .navpro .nav-column .nav-column-title, .navpro .block-title { text-transform: uppercase; font-weight: normal; font-size: 14px; } /*.header-container .mobile-togglers { display: none; float: right; text-align: center; } .header-container .mobile-togglers a { display: table-cell; float: none; padding: 11px 9px; overflow: visible; color: #3b3b3b; } */ .breadcrumbs { margin: 0 0 7px; margin-bottom: 15px; } .breadcrumbs a, .breadcrumbs li span { color: #636363; margin-right: 10px; } .breadcrumbs li strong { border-bottom: solid 2px #ffcf10; } .breadcrumbs li span:nth-child(odd):hover { border-bottom: solid 2px #ffcf10; } /* Sidebar */ .sidebar .block-currency { display: none; } .block .block-title strong span, .block .block-title span span { font-size: 1em; } /* Layered Navigation */ .block-layered-nav li { line-height: 20px; } #narrow-by-list dt { font-weight: normal; font-size: 1.2em; line-height: normal; } #narrow-by-list dd { margin-bottom: 20px; margin-top: 5px; padding-left: 5px; } #narrow-by-list dd:last-child { margin-bottom: 0; } #narrow-by-list dd li { background: none; padding: 0; } #narrow-by-list a { color: #5b5a5a; } /* Product page sidebar */ .block-product-sidebar p { line-height: 1.3em; color: #373737; } .block-product-sidebar .list-attributepages { text-align: center; margin: 0 0 15px; padding: 0 0 15px; border: 1px solid #eee; border-width: 0 0 1px; } .block-product-sidebar .block-services-sidebar .block-title { display: none; } .block-product-sidebar .block-content .block-content { padding: 0; } .sidebar .block-related-sidebar .block-content li.item, .sidebar .block-highlight .block-content li.item { padding: 5px 0; } .block-related-sidebar .mini-products-list .product-image, .sidebar .block-highlight .mini-products-list .product-image { width: 100px; border: none; padding: 0; } .block-related-sidebar .mini-products-list .product-details, .sidebar .block-highlight .mini-products-list .product-details { margin-left: 110px; } .sidebar .mini-products-list .product-name { font-size: 1.2em; } .sidebar .mini-products-list .product-name a { color: #444; } .sidebar .mini-products-list .price-box { margin: 5px 0; } .sidebar .mini-products-list .regular-price { color: #33b4d7; } .sidebar .mini-products-list .regular-price .price { font-weight: bold; } .sidebar .mini-products-list .link-wishlist, .sidebar .mini-products-list .link-compare { color: #888; text-decoration: none; } .sidebar .mini-products-list .link-wishlist:hover, .sidebar .mini-products-list .link-compare:hover { text-decoration: underline; } .block-related .block-subtitle { display: none; } .block-related input.checkbox { display: none; margin: 0; } .block-related .product { margin: 0; } @media (max-width: 979px) and (min-width: 769px) { .block-related-sidebar .mini-products-list .product-image, .sidebar .block-highlight .mini-products-list .product-image { width: 50px; } .block-related-sidebar .mini-products-list .product-details, .sidebar .block-highlight .mini-products-list .product-details { margin-left: 60px; } } @media (max-width: 768px) and (min-width: 481px) { .block-related-sidebar .mini-products-list, .sidebar .block-highlight .mini-products-list { text-align: center; } .block-related-sidebar .mini-products-list .product-image, .sidebar .block-highlight .mini-products-list .product-image { width: auto; float: none; } .block-related-sidebar .mini-products-list .product-details, .sidebar .block-highlight .mini-products-list .product-details { margin-left: 0; } } .link-cart { color: #f15922; } /* Product listing */ .sorter .view-mode .active { color: #f15922; } .pager .pages li.current, .pager .pages li.current a, .pager .pages li:hover, .pager .pages li:hover a { background: #f15922; } /*.product-name a { color: #000; }*/ .products-grid { } .block-highlight .products-grid li.item { padding: 0; } .products-grid li.item { background: #fff; padding: 7px 0 0; text-align: center; position: relative; z-index: 10; box-shadow: 0 0 0 rgba(0, 0, 0, 0.15); transition: all 0.1s ease-in-out; } .products-grid li.item:hover { z-index: 11; } .products-grid .main-info { background: #fff; z-index: 10; position: relative; overflow: auto; padding: 7px 10px 0; } .products-grid li.item:hover .main-info { box-shadow: 0 0 9px rgba(0, 0, 0, 0.15); } .products-grid .collateral-info { position: absolute; z-index: 9; float: none; padding: 0 10px; overflow: hidden; height: 0; opacity: 0; border: 1px solid #fff; border-top: 1px solid #f4f4f4; background: #fff; /*background: linear-gradient(to bottom, #fafafa 0, #fff 10px, #fff 100%);*/ top: 100%; bottom: auto; left: 0; right: 0; transition: all 0.2s ease-in-out; } .products-grid li.item:hover .collateral-info { box-shadow: 0 0 9px rgba(0, 0, 0, 0.15); opacity: 1; height: auto; overflow: auto; padding: 14px 10px 12px; } .products-grid .product-name { text-transform: uppercase; font-weight: bold; font-size: 1.1em; } .products-grid .price-box { color: #747474; font-size: 1.4em; margin: 15px 0; float: none; } .products-grid .map-link { font-size: 0.8em; } .products-grid .special-price .price-label, .products-grid .minimal-price .price-label { font-weight: normal; } .products-grid .old-price { text-decoration: line-through; color: #a52020; } .products-grid .old-price .price { text-decoration: none; } .products-grid .actions { float: none; } .products-grid .price-box + .actions { float: left; } /* Third-party modules compatilbity */ .products-grid .btn-cart { float: left; } /* Add to links */ .products-grid .add-to-links { float: right; clear: none; margin: 0; } .std .block-highlight .add-to-links { margin: 0; } .products-grid .add-to-links li { margin: 0; } .products-grid .add-to-links li:hover a { text-decoration: none; } .products-grid .add-to-links a, .products-list .add-to-links a { color: #ababab; transition: color 0.2s linear; } .products-grid .add-to-links a:hover, .products-list .add-to-links a:hover { color: #a5205f; } .products-grid .link-wishlist, .products-grid .link-compare { background: none !important; padding: 0 !important; display: inline-block; font-size: 0; text-decoration: none; height: 29px; width: 29px; } .products-grid .link-wishlist:before, .products-grid .link-compare:before { display: inline-block; font: 21px/29px FontAwesome; text-decoration: none; width: 29px; height: 29px; text-align: center; vertical-align: bottom; } .products-grid .link-wishlist:before { content: '\f08a'; } .products-grid .link-compare:before { content: '\f196'; } /* Ratings */ .ratings { margin: 10px 0; } .rating-box { background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/bkg_rating.png) 0 0; width: 105px; height: 22px; } .rating-box .rating { background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/bkg_rating.png) 0 100%; height: 22px; } .ratings .rating-box { float: none; margin: 0 auto; display: inline-block; vertical-align: top; } .ratings .amount { vertical-align: top; line-height: 23px; } .ratings .amount a { color: #000; } @media (max-width: 1280px) { .products-grid.cols-5 .product-name { font-size: 0.9em; } .products-grid.cols-5 .product-name a { overflow: auto; white-space: normal; } } @media (max-width: 768px) { .products-grid .product-name { font-size: 0.9em; } .products-grid .product-name a { overflow: auto; white-space: normal; } .products-grid li.item:hover .collateral-info { padding-top: 14px; padding-bottom: 6px; } .products-grid .actions { text-align: center; } .products-grid .btn-cart { float: none; } .products-grid .add-to-links { clear: left; margin-top: 5px; } .products-grid .add-to-links, .products-grid .add-to-links li { float: none; display: inline-block; } .products-grid .ratings .rating-box { display: block; } } @media (max-width: 480px) { .products-grid li.item, .block-highlight .products-grid li.item { padding: 5px; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15); } .products-grid .main-info, .products-grid li.item:hover .main-info { padding: 0; box-shadow: none; } .products-grid .collateral-info, .products-grid li.item:hover .collateral-info { box-shadow: none; padding: 0; position: static; height: auto; opacity: 1; border: none; } .products-grid .ratings { display: block; } .products-grid .actions { text-align: left; display: block; } .products-grid .btn-cart { float: left; } .products-grid .add-to-links { float: right !important; clear: none; margin: 0; } .products-grid .add-to-links li { float: left !important; } } /* end of listing */ /* Product page */ .catalog-product-view .col2-left-layout .col-main { border-left: 1px solid #eee; padding-left: 25px; box-sizing: border-box; } .catalog-product-view .col2-right-layout .col-main { border-right: 1px solid #eee; padding-right: 25px; box-sizing: border-box; } @media (max-width: 480px) { .catalog-product-view .col2-left-layout .col-main { border-left: none; padding-left: 0; } .catalog-product-view .col2-right-layout .col-main { border-right: none; padding-right: 0; } } .product-view .product-shop .product-name { margin-bottom: 7px; } .product-view .product-shop .ratings { clear: both; } .product-view .product-shop .add-to-cart .qty { padding: 7px 3px 6px; } .product-collateral .h2, .product-collateral h2, .box-collateral .h2, .box-collateral h2, .product-collateral .subtitle { text-align: center; } @media (max-width: 1024px) { .col2-right-layout .soldtogether-block .amazonstyle-images li, .col2-left-layout .soldtogether-block .amazonstyle-images li { width: 100px; } } @media (max-width: 768px) { .col2-right-layout .soldtogether-block .amazonstyle-images li, .col2-left-layout .soldtogether-block .amazonstyle-images li { width: 80px; } } @media (max-width: 979px) and (min-width: 602px) { .col2-right-layout .product-view .product-img-box, .col2-left-layout .product-view .product-img-box { width: 220px; } .col2-right-layout .product-view .product-shop, .col2-left-layout .product-view .product-shop { margin-left: 235px; } } @media (max-width: 601px) and (min-width: 481px) { .col2-right-layout .product-view .product-img-box, .col2-left-layout .product-view .product-img-box { width: 180px; } .col2-right-layout .product-view .product-shop, .col2-left-layout .product-view .product-shop { margin-left: 195px; } } /* Easytabs */ .easytabs { margin: 0; border-spacing: 0; border-collapse: collapse; position: static; } .easytabs li, .easytabs-a-accordion { box-shadow: none; } .easytabs li { border: none; background: none; vertical-align: bottom; white-space: nowrap; position: relative; z-index: 4; } .easytabs-a { padding-bottom: 15px; padding-top: 12px; background: #f5f5f5; border: 1px solid #f5f5f5; border-width: 1px 1px 0; margin-left: -1px; } .easytabs li:first-child .easytabs-a { margin-left: 0; } .easytabs-a-accordion { margin: 0 0 1px; } .easytabs-a, .easytabs-a .easytabs-anchor-icon { font-size: 14px; color: #777; text-shadow: none; } .easytabs li.active { z-index: 6; } .easytabs-content { background: #fff; border-width: 1px 0 0; padding-top: 15px; } .easytabs-content .block li.even { background: none; } #product_tabs_related_tabbed_contents .product-details { margin-left: 60px; } @media (max-width: 979px) { .easytabs li.active .easytabs-a { margin-left: -3px; background: #ffcf10; border-color: #ffcf10; } } @media (max-width: 768px) and (min-width: 481px) { .easytabs-ul-wrapper { width: 150px; } .easytabs-content-wrapper { margin-left: 149px; } } @media (max-width: 480px) { .easytabs-content { padding: 7px; } .easytabs-a { margin-left: 0; } } /* Shopping Cart */ .checkout-cart-index .cart-contents-wrapper { float: left; width: 76%; } .checkout-cart-index .cart .cart-qty .input-text { margin: 0 0 3px; } .checkout-cart-index .cart .cart-qty .btn-update-qty { margin: 0; } .checkout-cart-index .cart .cart-collaterals { float: right; width: 24%; padding: 0 0 0 15px; box-sizing: border-box; } .discount:after, .giftcard:after { content: ''; display: table; clear: both; } .giftcard .input-text { width: 98%; } .cart .discount, .cart .giftcard, .cart .shipping, .cart .totals { border-radius: 0; padding: 7px; margin: 0 0 10px; color: #3d3d3d; font-weight: 600; } .checkout-cart-index .discount h2, .checkout-cart-index .giftcard h2 { margin: 8px auto 10px auto; font-size: 16px; font-weight: 700; position: relative; } .checkout-cart-index .discount h2:after, .checkout-cart-index .giftcard h2:after { content: ' '; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #ffcf10; display: table-cell; width: 53%; margin: 2px auto auto; position: absolute; left: 23%; } .checkout-cart-index .discount label, .checkout-cart-index .giftcard label { display: none; } .checkout-cart-index .discount-form { float: left; width: 100%; } .checkout-cart-index .discount-form .input-box { float: left; width: 73%; padding: 5px; } .checkout-cart-index .discount-codes .input-box { float: left; width: 73%; padding: 0 5px; } .checkout-cart-index .discount-codes.discount .buttons-set { padding: 0; clear: none; margin: 0; } .checkout-cart-index .discount.discount-codes .buttons-set .button{ margin: 0 0 0 5px !important; } .checkout-cart-index .discount .buttons-set { float: left; padding: 0; clear: none; margin: 0; } .checkout-cart-index .discount .buttons-set .button { float: none; margin: 10px 0 10px 5px !important; } .discount { text-align: center; } .discount h2 { font-weight: 700; } .discount h2 i { padding: 0 10px 0 0; } .discount-codes { text-align: center; } .discount-codes span { font-size: 15px; font-weight: 600; color: #21adac; margin: 6px 0 0 0; } .discount-count span { margin: 10px 0; display: block; } .discount-codes .input-text { float: left; width: 87%; padding: 5px 10px; border-radius: 5px; margin-right: 6px; } .cart-actions-btn { margin-bottom: 30px; display: flex; justify-content: space-between; } .cart-actions-btn .button-2 i, .cart-actions-btn .button-1 i { margin-right: 5px; } .cart-actions-btn .button-2, .cart-actions-btn .button-1 { width: 250px; text-align: center; } .newsletter-cart-link { color: #333e48; font-weight: 600; text-decoration: underline; } .newsletter-cart-link:hover { color: #636f79; text-decoration: underline; } .button-2.grey-btn { background: #e1e1e1; border: solid 1px #cacaca; color: #333e48; box-sizing: border-box; } .button-2.grey-btn a { color: #333e48; } .button-2.grey-btn:hover { background: #cacaca; } .cart-actions-btn .btn-proceed-checkout { background: #fe0946; color: #ffffff; padding: 6px 18px; border-color: #fe0946; } .cart-actions-btn .btn-proceed-checkout:hover { background: #000000; border-color: #000000; } .totals .checkout-types .btn-proceed-checkout { background: #fe0946; border-color: #fe0946; color: #ffffff; } .totals .checkout-types .btn-proceed-checkout:hover{ background: #000000; border-color:#000000; } @media (max-width: 979px) { .checkout-cart-index .discount-codes .input-box { width: 84%; } .checkout-cart-index .discount-form .input-box { width: 84%; } .checkout-cart-index .discount .buttons-set { float: right; } } @media (max-width: 768px) { .checkout-cart-index .discount-codes .input-box { width: 74%; } .checkout-cart-index .discount-form .input-box { width: 74%; } .checkout-cart-index .discount .buttons-set { float: right; } } .discount-form .input-text { float: left; width: 100%; padding: 5px 10px; border-radius: 5px; margin: 4px 0; } .rewards_point_cart { font-size: 14px; } .checkout-cart-index .cart .shipping .form-list { margin-top: 10px; } .checkout-cart-index .cart .shipping .form-list li { float: left; width: 33%; margin: 0; padding: 0 0 0 10px; box-sizing: border-box; } .checkout-cart-index .cart .shipping .form-list li:first-child { padding: 0; } .checkout-cart-index .cart .totals { width: 100%; box-sizing: border-box; } .checkout-cart-index .cart .totals table th, .cart .totals table td { padding: 8px 5px; } .checkout-cart-index .cart .totals #shopping-cart-totals-table tfoot { } .checkout-cart-index .cart .totals #shopping-cart-totals-table tfoot td { padding: 5px; } .checkout-cart-index .cart .tr, .checkout-cart-index .cart .totals, .checkout-cart-index .cart .totals .grand-total { font-size: 15px; font-weight: 500; color: #3d3d3d; } .checkout-cart-index .cart .totals h2 { font-size: 20px; font-weight: 700; text-transform: uppercase; text-align: center; position: relative; } .checkout-cart-index .cart .totals h2:after { content: ' '; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #ffcf10; display: table-cell; width: 53%; margin: 2px auto auto; position: absolute; left: 23%; } li.pdf-quote-download a, .pdf-product-quote-download a { color: #333e48; font-weight: 600; text-decoration: underline; } li.pdf-quote-download a:hover, .pdf-product-quote-download a:hover { color: #636f79; } .pdf-product-quote-download{ font-size: 15px; margin-top:20px; width:100%; text-align: center; } .cart .crosssell { clear: both; border: none; background: none; margin: 15px 0; box-sizing: border-box; } .cart .crosssell h2 { text-align: center; } #crosssell-products-list:after { content: ''; display: table; clear: both; } #crosssell-products-list .item { float: left; margin: 0; padding: 8px; border: none; width: 50%; box-sizing: border-box; } #crosssell-products-list .item:nth-child(2n + 1) { clear: left; } #crosssell-products-list h3, #crosssell-products-list .h3 { font-size: 1.3em; } #crosssell-products-list .product-name, #crosssell-products-list .price-box { margin-bottom: 7px; } .cart .crosssell .product-image { width: 180px; height: 180px; border: none; } #crosssell-products-list .product-details { margin-left: 190px; } @media (max-width: 979px) { .cart .crosssell .product-image { width: 100px; height: 100px; } #crosssell-products-list .product-details { margin-left: 110px; } .checkout-cart-index .discount h2, .checkout-cart-index .giftcard h2 { float: none; width: auto; margin: 0 0 4px; font-size: 14px; } .checkout-cart-index .discount-form, .checkout-cart-index .giftcard-form { float: none; width: auto; } .checkout-cart-index .cart .cart-contents-wrapper { float: none; width: auto; } .checkout-cart-index .cart .cart-collaterals { width: 60%; padding-left: 10px; } .checkout-cart-index .cart .cart-collaterals.no-crosssell { width: auto; padding: 0; float: none; } .checkout-cart-index .cart .shipping .form-list li { float: none; margin: 0 0 8px; padding: 0; width: auto; } .cart .crosssell { float: left; width: 40%; margin: 0; clear: none; } .cart .crosssell h2 { font-size: 19px; } #crosssell-products-list .item { float: none; width: auto; } .checkout-cart-index .cart .cart-extra { float: left; clear: left; width: 50%; padding-right: 10px; box-sizing: border-box; } .checkout-cart-index .cart .totals { float: right; width: 50%; box-sizing: border-box; } } @media (max-width: 768px) { .checkout-cart-index .cart .with-crosssell .cart-extra { float: none; clear: none; width: auto; padding-right: 0; } .checkout-cart-index .cart .with-crosssell .totals { float: none; width: auto; } } @media (max-width: 768px) and (min-width: 481px) { .checkout-cart-index .cart .cart-collaterals { width: 50%; padding-left: 10px; } .cart .crosssell { width: 50%; } } @media (max-width: 480px) { .cart .crosssell { float: none; width: auto; } .cart .crosssell .product-image { width: 120px; height: 120px; } #crosssell-products-list .product-details { margin-left: 130px; } .checkout-cart-index .cart .cart-collaterals { width: auto; padding: 0; float: none; } .checkout-cart-index .cart .cart-extra { float: none; clear: none; width: auto; padding-right: 0; } .checkout-cart-index .cart .totals { float: none; width: auto; } } /* Footer */ .footer-cms-container { position: relative; z-index: 998; border-top: 2px solid #eaeaea; margin: 0px; background-color: #fff; } .footer-cms.footer-printpascher .col-1 { width: 40%; } @media (max-width: 767px) { .footer-cms.footer-printpascher .col-1 { width: 100%; } } .footer-cms-container button.button span { color: #aaa9c3; border-color: #aaa9c3; } .footer-cms-container button.button:hover span { background-color: #aaa9c3; color: #fff; } .footer-cms .block-title { border: none; padding: 4px 8px; } .footer-cms .block-title span { text-transform: uppercase; color: #75758d; color: rgba(255, 255, 255, 0.5); font-weight: bold; } .footer-cms .block-content { padding: 4px 8px; } .footer-cms .block-information li { float: left; width: 50%; margin: 7px 0; } .footer-cms .block-information li:nth-child(odd) { clear: left; } .footer-cms .block-information li a { text-decoration: none; } .footer-cms .block-information li a:hover { text-decoration: underline; } .footer-cms .block-social .icons { margin-top: 5px; } .footer-cms .block-social .icons li { border-radius: 50%; margin-right: 10px; transition: all 0.2s ease-in-out; } .footer-cms .block-social .icons li:hover { top: 0; } .footer-cms .block-social .icons li a:before { text-shadow: none; color: rgba(13, 13, 24, 0.8); } .footer-cms .block-social .icons li:hover a:before { color: #fff; } .footer-cms .block-social .icons .facebook, .footer-cms .block-social .icons .twitter, .footer-cms .block-social .icons .youtube, .footer-cms .block-social .icons .rss, .footer-cms .block-social .icons .gplus, .footer-cms .block-social .icons .linkedin, .footer-cms .block-social .icons .pinterest { background: rgba(184, 185, 205, 0.8); } .footer-cms .block-social .icons .facebook:hover { background: #425f9c; } .footer-cms .block-social .icons .twitter:hover { background: #0084b4; } .footer-cms .block-social .icons .youtube:hover { background: #cc181e; } .footer-cms .block-social .icons .rss:hover { background: #ff9133; } .footer-cms .block-social .icons .gplus:hover { background: #ff0000; } .footer-cms .block-social .icons .linkedin:hover { background: #0177b5; } .footer-cms .block-social .icons .pinterest:hover { background: #ca2026; } .footer-cms .form-subscribe-header { display: none; } .footer-cms .block-subscribe .input-box { float: left; width: 50%; } .footer-cms .block-subscribe .input-box input { width: 98%; box-sizing: border-box; padding: 6px; border-color: #fff; } .footer-cms .block-subscribe .validation-advice { background: none; padding: 0; color: #75758d; } .footer-cms .block-subscribe .validation-failed { background-color: #edf7ff !important; border-color: #0811a9 !important; } .footer-cms .block-subscribe .actions { float: left; width: 50%; padding: 0; text-align: left; } .footer-cms .block-subscribe .description { clear: both; float: left; margin: 4px 0 0; } .footer-container { background: #191a2f; } .footer { /*font-family: Verdana, Geneva, Tahoma, sans-serif;*/ font-size: 1em; padding-bottom: 15px; } .footer, .footer a { color: #86859e; } .footer address { font-weight: bold; float: right; clear: both; } .footer .links { float: left; } .footer .links a { background: none !important; } .footer .payments { float: right; margin-bottom: 5px; } /* Homepage */ .cms-index-index .main { width: auto; max-width: none; margin: 0; padding: 0; } .cms-index-index .jumbotron-slider .easyslide-controls-wrapper { bottom: 40px; } .block-homepage-banner { text-align: center; } @media (max-width: 480px) { .cms-index-index .jumbotron-slider .easyslide-controls-wrapper { bottom: 11px; } } /* Slider */ /*.easyslide-controls a.easyslidenext { right: -55px; } .easyslide-controls a.easyslideprev { left: -55px; }*/ /* Easycatalogimages */ .cms-index-index .col-main .easycatalogimg { margin: 0; } .cms-index-index .col-main .easycatalogimg .easycatalog-grid li.item { border: none; } .easycatalogimg .list-subcategories li, .easycatalogimg .list-subcategories li:first-child { background: none; } .cms-index-index .col-main .easycatalogimg .list-subcategories li a { text-transform: uppercase; } .navpro .easycatalogimg .list-subcategories a { color: #000; } .jumbotron .easycatalogimg .parent-category a { text-transform: uppercase; /*font-size: 16px;*/ } /* Highlight */ .jumbotron .block-highlight:last-child { margin: 0; } .jumbotron .block-highlight .subtitle { font-size: 1em; } /* Why choose us */ .block-benefits { text-align: center; } .block-benefits .fa-stack { margin: 0 auto; } .block-benefits .fa-stack .fa { font-size: 0.6em; } .block-benefits .fa-stack .fa-circle { color: #219291; font-size: 2em; } .block-benefits h3 { text-transform: uppercase; color: #6f7479; margin: 18px 0 12px; } /* About us */ .hero.block-about { font: normal 16px Verdana, Geneva, Tahoma, sans-serif; } /* Brands slider */ .jumbotron .argento-slider { margin: 0 0 35px; } .block-brands .trigger { background: #fff; text-align: center; z-index: 1; } .block-brands .trigger .fa { margin-top: -22px; } .block-brands .slider-wrapper:before, .block-brands .slider-wrapper:after { position: absolute; top: 0; bottom: 0; width: 50px; content: ' '; } .block-brands .list-slider { margin: 0; } /* End of homepage */ .block-highlight .block-title { color: #000; } #scroll-up { z-index: 999; } #ajaxpro-scrolling-button { margin: 15px auto; } #ajaxpro-scrolling-button span { background: transparent; border: 1px solid #b7b7b7; color: #696969; } #ajaxpro-scrolling-button:hover span { background: #b7b7b7; color: #fff; } #ajaxpro-scrolling-button span span { border: none; } .addtocart-checkboxes .products-grid li.item { padding: 0; } .block-testimonials { line-height: 1.4; } .askit-index-product .col1-layout .main { max-width: 850px; } .aln-mobile-button { background-color: #a5205f !important; } /* Small buttons */ .askit-hintwrapperinner button.button span, button.askit-add-answer-button span, .cart .cart-qty .btn-update-qty span { line-height: 19px; height: 19px; } .askit-hintwrapperinner button.button span span, button.askit-add-answer-button span span, .cart .cart-qty .btn-update-qty span span { padding: 0 7px; } .suggestpage-index-index .col-main h2 { text-align: center; } .suggestpage-activity + .jumbotron { padding-top: 0; } .products-grid .actions { zoom: 1; } .products-grid .actions:after { display: block; content: '.'; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .autocomplete .ajaxsearchimage { width: 100px; } .easycatalogimg .list-subcategories li:before { color: #fff; } .rating-box { background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/bkg_rating@2x.png) repeat-x 0 0; background-size: 23px 160px; width: 115px; height: 25px; } .rating-box .rating { background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/bkg_rating@2x.png) repeat-x 0 100%; background-size: 23px 160px; height: 25px; } } @media (max-width: 1400px) { .easyslide-controls a.easyslideprev { left: 5px; } .easyslide-controls a.easyslidenext { right: 5px; } } @media (max-width: 979px) { .page { max-width: none !important; } } @media (max-width: 1024px) { .top-toolbar, .header, .top-container, .main, .footer, .footer-toolbar, .footer-cms, .container { width: auto !important; padding: 0; } button.button span span { padding: 0 10px; } .top-link-wishlist, .top-link-cart { display: none; } .header-content { min-width: 0; } .nav-container { display: none; margin: 0; background-color: #fff; } .nav-container .navpro-responsive a.level-top span, .nav-container .navpro-responsive div.level-top a span { border: none; } .nav-container .navpro-responsive .nav-toggler-level0, .nav-container .navpro-responsive ul .nav-toggler { top: 4px; } .nav-container .navpro-responsive ul .nav-a, .nav-container .navpro-responsive ul .nav-sibling-title a { font-size: 16px; } .nav-container .navpro-responsive .products-grid li.item, .nav-container .navpro-responsive .block-highlight .products-grid li.item { padding: 5px; box-shadow: 0 0 9px rgba(0, 0, 0, 0.15); } .nav-container .navpro-responsive .products-grid li.item:hover { z-index: 10; } .nav-container .navpro-responsive .products-grid .main-info, .nav-container .navpro-responsive .products-grid li.item:hover .main-info { padding: 0; box-shadow: none; position: static; } .nav-container .navpro-responsive .products-grid .collateral-info, .nav-container .navpro-responsive .products-grid li.item:hover .collateral-info { box-shadow: none; padding: 0; position: static; height: auto; opacity: 1; border: none; } #search_mini_form fieldset, .header-container .form-search { position: static; width: 100%; margin: 0 !important; } .header-container #search_mini_form.shown .form-search { width: 100%; margin: 0; position: static; right: 0; top: 0; box-shadow: none; padding: 0; } .header-container .form-search button.btn-search, .header-container #search_mini_form.shown .form-search .search-close { display: none; } .search-field-wrapper { padding: 5px; } .search-field-wrapper, .search-field { margin-right: 0; } .autocomplete { max-width: none; } .autocomplete .div { padding: 7px; } .footer { text-align: center; } .footer .links { float: none; } .footer .links li { float: none; } .footer .payments { float: none; margin: 15px 0; } .footer address { float: none; text-align: center; } } @media (max-width: 768px) and (min-width: 481px) { .footer-cms .block-subscribe .input-box { width: auto; float: none; } .footer-cms .block-subscribe .actions { width: auto; float: none; text-align: center; margin-top: 5px; } } @media (max-width: 480px) { .jumbotron-image { background-size: 700px 223px; } .jumbotron-image .cover .triangle { display: none; } .top-toolbar { padding: 0; text-align: center; } .top-toolbar .quick-links { float: none; clear: left; text-align: center; display: none; } .top-toolbar .quick-links .links { float: none; } .top-toolbar .quick-links .links li { float: none; } .top-toolbar .quick-links { float: none; clear: left; } .form-language, .form-currency { float: none; display: inline-block; text-align: left; margin-top: 10px; } .chosen-container-single .chosen-single span { font-size: 15px; } .chosen-container-single .chosen-single div { top: 0; } .header-container { box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.2); padding: 0; } .header { text-align: left; } .header, .stuck .header { padding: 5px 0 0; } .header .logo { width: 250px; } .header-container .header-cart { margin: 0; float: none; position: static; } .header-cart .mini-products-list li { width: auto; } .header-container .form-search .chosen-container { margin: 5px 0 0 5px; } .header-container .form-search input { border-bottom-width: 1px; } .breadcrumbs { margin: 5px 0; } .main-container .col-main { margin: 0 !important; } .block-layered-nav li, .block-account li { line-height: 22px; } .products-grid .ratings .amount { clear: left; display: block; } .footer-cms .block-subscribe .input-box { width: 60%; } .footer-cms .block-subscribe .actions { width: 35%; } .easyslide-controls a.easyslidenext, .easyslide-controls a.easyslideprev { margin-top: -18px; } } /*CSS Guillaume Gasperi 10/06/2016 All Pages */ .main-container { width: 100%; margin: auto; } .cms-index-index .main-container .main { width: 100%; padding: 0 !important; } /*CSS Guillaume Gasperi 10/06/2016 All Pages */ /*CSS Guillaume Gasperi 06/06/2016 Page produit */ .product-info-download-header { background: #e9e9e9 none repeat scroll 0 0; font-size: 20px; line-height: 20px; padding: 12px; text-align: center; display: none; } .product-info-download-content .toggle, .product-info-download-content .technical-advices-link { width: 224px; color: #333e48; background: #fff; display: block; padding: 10px; border-radius: 8px; border: 2px solid #ffcf10; margin: 0 0 10px 0; } .product-info-download-content .title { display: inline-block; font-size: 10px; font-weight: 700; color: #333e48; position: relative; text-align: center; margin: 6px 0 0 0; } .product-info-download-content .expand { float: right; font-size: 24px; position: relative; top: 5px; right: 5px; } .product-info-download .legend { text-align: center; display: inline-block; width: 100%; font-size: 12px; color: #333e48; margin: 4px 0 0 0; } .product-info-download { position: absolute; z-index: 997; background: #fff; width: 224px; padding: 0 10px 10px; border-bottom: 2px solid #ffcf10; border-left: 2px solid #ffcf10; border-right: 2px solid #ffcf10; margin: -16px 0 0 0; } #product-info-download-gabarit { z-index: 999; } .product-info-download .label { background-color: #fff4c9; border: 2px solid #ffcf10; border-radius: 4px; box-sizing: border-box; color: #333e48; cursor: pointer; display: block; font-size: 12px; font-weight: bold; margin: 8px auto; padding: 10px 0; text-align: center; vertical-align: baseline; white-space: nowrap; } [class^='icon-'], [class*=' icon-'] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .breadcrumbs { margin-bottom: 15px; max-width: 1170px; margin-right: auto; margin-left: auto; } .cms-page-view .breadcrumbs { max-width: 1520px; } .product-name h1 { font-size: 25px; color: #333e48; font-family: 'Montserrat'; font-weight: 800; display: flex; flex-direction: row; justify-content: center; text-align: center; text-transform: uppercase; margin: 0 0 12px 0; } .product-name h1:before, .product-name h1:after { background-color: #ffcf10; content: '\a0'; height: 2px; position: relative; top: 0.6em; width: 12%; } .product-name h1:before { margin-right: 12px; } .product-name h1:after { margin-left: 12px; } .title-cart { padding: 0 0 30px 0; } .title-cart h1 { font-size: 25px; color: #333e48; font-family: 'Montserrat'; font-weight: 800; display: flex; flex-direction: row; justify-content: center; text-align: center; text-transform: uppercase; } .title-cart h1:before, .title-cart h1:after { background-color: #ffcf10; content: '\a0'; height: 2px; position: relative; top: 0.6em; width: 12%; } .title-cart h1:before { margin-right: 12px; } .title-cart h1:after { margin-left: 12px; } .titre-contact { padding: 30px 0; } h1.titre-contact { font-size: 25px; color: #333e48; font-family: 'Montserrat'; font-weight: 800; display: flex; flex-direction: row; justify-content: center; text-align: center; text-transform: uppercase; } h1.titre-contact:before, h1.titre-contact:after { background-color: #ffcf10; content: '\a0'; height: 2px; position: relative; top: 0.6em; width: 12%; } h1.titre-contact:before { margin-right: 12px; } h1.titre-contact:after { margin-left: 12px; } h2.titre-contact { font-size: 25px; color: #333e48; font-family: 'Montserrat'; font-weight: 800; display: flex; flex-direction: row; justify-content: center; text-align: center; text-transform: uppercase; } h2.titre-contact:before, h2.titre-contact:after { background-color: #ffcf10; content: '\a0'; height: 2px; position: relative; top: 0.6em; width: 12%; } h2.titre-contact:before { margin-right: 12px; } h2.titre-contact:after { margin-left: 12px; } h3.info_conseil, p.info_conseil { font-size: 25px; color: #333e48; font-family: 'Montserrat'; font-weight: 800; display: flex; flex-direction: row; justify-content: center; text-align: center; text-transform: uppercase; } p.info_conseil { margin: 0; line-height: unset; } h3.info_conseil:before, h3.info_conseil:after, p.info_conseil:before, p.info_conseil:after { background-color: #ffcf10; content: '\a0'; height: 2px; position: relative; top: 0.6em; width: 12%; } h3.info_conseil:before, p.info_conseil:before { margin-right: 12px; } h3.info_conseil:after, p.info_conseil:after { margin-left: 12px; } h3.info_suggestion { font-size: 25px; color: #333e48; font-family: 'Montserrat'; font-weight: 800; display: flex; flex-direction: row; justify-content: center; text-align: center; text-transform: uppercase; } h3.info_suggestion:before, h3.info_suggestion:after { background-color: #ffcf10; content: '\a0'; height: 2px; position: relative; top: 0.6em; width: 12%; } h3.info_suggestion:before { margin-right: 12px; } h3.info_suggestion:after { margin-left: 12px; } .titre-home { /* Home Page - titre bold - Aymar 01/08/2016*/ font-size: 24px; color: #3d3d3d; font-family: 'Montserrat'; font-weight: 600; display: flex; flex-direction: row; justify-content: center; text-align: center; } .titre-home:before, .titre-home:after { background-color: #ffcf10; content: '\a0'; height: 2px; position: relative; top: 0.6em; width: 12%; } .titre-home:before { margin-right: 12px; } .titre-home:after { margin-left: 12px; } .short-description .std p span { padding: 0 15px 15px 15px; color: #000 !important; font-size: 16px; } .img-deroulement-achat { display: block; margin: 20px auto 20px auto; background-repeat: no-repeat; background-size: contain; background-position: center; } .product-select-option { margin-bottom: 10px; border-bottom: 1px dashed#c3c3c2; color: #444444; font-weight: 800; } .product-select-option-1 { padding: 0 18px 0 16px; font-size: 48px; } .product-select-option-2 { padding: 0 0 0 20px; border-left: 1px solid#c3c3c2; font-size: 23px; } .easytabs-ul-wrapper { margin-bottom: 20px; } .easytabs li { display: inline-block; margin: 0 10px 10px 0; } .easytabs li.active .easytabs-a { border-radius: 30px; background-color: #ffcf10; } .easytabs li.active .easytabs-a:after { content: ''; position: absolute; top: 100%; left: 38%; width: 0; height: 0; border-top: solid 12px #ffcf10; border-left: solid 12px transparent; border-right: solid 12px transparent; } @media (max-width: 768px) { .easytabs li.active .easytabs-a:after { display: none; } } .easytabs li.active:nth-child(2) .easytabs-a:after { left: 42%; } .easytabs li.active:nth-child(3) .easytabs-a:after { left: 43%; } .easytabs .easytabs-a { padding: 10px 12px; border: 1px #ffcf10 solid; border-radius: 30px; background-color: #ffffff; color: #333e48; font-size: 13px; font-weight: 600; font-family: 'Montserrat'; } .easytabs-content-wrapper { margin: 0; border: none; } .easytabs-content { border: none; color: #3d3d3d; text-align: justify; } .easytabs-content h2 { color: #333e48; font-size: 18px; font-weight: 700; text-align: left; text-transform: uppercase; } .easytabs-content h2:first-letter { text-transform: uppercase; } .easytabs-content h3 { color: #333e48; font-size: 18px; font-weight: 700; text-align: left; text-transform: uppercase; margin: 0; margin-bottom: 0.2em; } .easytabs-content h4, .easytabs-content h4 strong { font-size: 18px; font-weight: 800; text-transform: none; margin: 30px 0 10px 0; } .easytabs-content p { color: #333e48; font-size: 15px; font-weight: 500; } .easytabs-content p.subtitles { font-size: 14px; font-weight: 300; } .easytabs-content p.titre_uppercase { text-transform: uppercase; font-weight: bold; font-size: 1.6em; } .easytabs-content ul { list-style: disc outside; padding-left: 40px; margin: 0 0 10px 0; font-size: 19px; color: #898989; } .easytabs-content ol { list-style: decimal; padding-left: 40px; margin: 0 0 10px 0; font-size: 19px; color: #898989; } .easytabs-content li { font-family: 'Montserrat'; font-size: 15px; color: #333e48; line-height: 1.3; } .easytabs-content strong { font-weight: bold; font-size: 15px; } .easytabs-content div.product-text { width: 50%; float: left; } .easytabs-content div.product-image { width: 45%; float: right; } .easytabs-content img.product-image-right { margin: 0 0 10px 20px; } .easytabs-content img.product-image-bottom { margin: 40px auto; } @media (min-width: 1024px) { } @media (min-width: 768px) { } @media (min-width: 480px) { } @media (min-width: 420px) { } @media (max-width: 1023px) { .easytabs .easytabs-a { margin-right: 2px; font-size: 15px; } .easytabs-content div.product-text { width: 100%; float: none; } .easytabs-content div.product-image { width: 100%; text-align: center; } .easytabs-content img.product-image-right { float: none; margin: 40px 0; } } @media (max-width: 767px) { .cart-actions-btn { justify-content: center; flex-wrap: wrap; align-items: center; } .cart-actions-btn .button-2.grey-btn { margin:20px auto; } } @media (max-width: 479px) { .breadcrumbs { display: none; } .product-separator { width: 100%; } } @media (max-width: 419px) { } @media (max-width: 1169px) and (min-width: 1024px) { } @media (max-width: 1169px) and (min-width: 768px) { } @media (max-width: 1169px) and (min-width: 480px) { } @media (max-width: 1169px) and (min-width: 420px) { } @media (max-width: 1023px) and (min-width: 768px) { } @media (max-width: 1023px) and (min-width: 480px) { .easytabs-ul-wrapper { float: none; width: 100%; } } @media (max-width: 1023px) and (min-width: 420px) { } @media (max-width: 767px) and (min-width: 480px) { } @media (max-width: 767px) and (min-width: 420px) { } @media (max-width: 479px) and (min-width: 420px) { } @media (max-width: 1450px) and (min-width: 1025px) { .product-info-download-content .toggle, .product-info-download-content .technical-advices-link { width: 100%; box-sizing: border-box; display: flex; } .product-view .product-img-box { float: left; width: 240px; } .product-info-download { width: 220px; box-sizing: border-box; } .top-toolbar, .header, .top-container, .main, .footer, .footer-toolbar, .footer-cms { width: 95%; } } /*CSS Guillaume Gasperi 07/06/2016 Page produit */ /* Aymar - home */ .sub-produit-bestseller { color: #3d3d3d; } .prix-produit-bestseller.red { font-weight: 700; color: #ff0747; } .ht-produit-bestseller { vertical-align: super; color: #3d3d3d; font-size: small; } .ht-produit-bestseller.red { color: #ff0747; } .input-search-results { position: absolute; background-color: #eaeaea; border: 1px solid #ddd; border-radius: 10px; padding: 10px; z-index: 1000; margin-top: -20px; } select, input { font-family: Arial; } .input-search-results > ul > li { margin-bottom: 0; font-family: Arial; font-size: 13px; line-height: 1.2; } .input-search-results > ul > li.address_result { cursor: pointer; padding: 5px; } .input-search-results > ul > li.address_result:hover { background-color: #ddd; } input[type='text']:disabled { background-color: #eee; } select:disabled { background-color: #eee !important; } #product_addtocart_form { position: relative; } .form-info-box { padding: 12px 12px; font-size: 14px; text-align: center; font-family: Arial, sans-serif; font-weight: 100; margin: auto; display: block; color: #47728d; background-color: #ccebfd; border: 1px solid #91d9f4; border-radius: 3px; position: absolute; left: 300px; top: 88px; } .form-info-box > div { min-width: 480px; } .form-info-box > i { display: inline-block; float: left; margin-left: 5px; height: 20px; width: 20px; background: url(https://www.printpascher.com/skin/frontend/argento/printpascher/images/i-infobox.png) no-repeat; } .files-control section { margin: 50px 0; } .files-control h2 { font-weight: 800; margin-bottom: 20px; } .files-control section { width: 90%; margin-left: 5%; } .files-control .grey { background: #dbdbdb; padding: 20px; box-sizing: border-box; } p.texte-ps.definition { font-style: italic; } .files-control li { font-family: 'Montserrat'; font-size: 15px; font-weight: 500; color: #333e48; line-height: 1.3; } .titre-basic { font-size: 20px; color: #3d3d3d; font-family: 'Montserrat'; font-weight: 800; display: flex; flex-direction: row; justify-content: center; text-transform: uppercase; text-align: center; } /* SEARCH BOX */ .ais-search-box--powered-by { font-size: .8em; text-align: right; margin-top: 2px; } input::-ms-clear { display: none; } /* PAGINATION */ #instant-search-pagination-container { width: 100%; text-align: center; } .ais-pagination { background-color: transparent; border: none; box-shadow: none; margin: 20px auto; } .ais-pagination li { display: inline-block; } .ais-pagination--item a { padding: 5px 10px; margin: 0 5px; line-height: 25px; background-color: white; color: #727272; } .ais-pagination li.ais-pagination--item__disabled { display: none; } .ais-pagination--item__active a { font-weight: bolder; color: #606060; text-decoration: underline; } .ais-pagination--item.ais-pagination--item__next a, .ais-pagination--item.ais-pagination--item__previous a { font-weight: bold; color: #606060; } /* REFINEMENT LIST */ .ais-menu--link, .ais-hierarchical-menu--link, .ais-price-ranges--link, .ais-refinement-list--label { padding: 4px 10px; cursor: pointer; color: #636363; text-decoration: none; display: block; font-family: inherit; font-weight: inherit; font-size: inherit; } .ais-hierarchical-menu--item__active > div > .ais-hierearchical-link-wrapper > .ais-hierarchical-menu--link, .ais-refinement-list--item__active > div > .ais-hierarchical-list--link, .ais-refinement-list--item__active > div > .ais-refinement-list--label, .ais-price-ranges--item__active > .ais-price-ranges--link{ font-weight: bold; box-shadow: inset 3px 0 0 #3399cc; } .ais-hierearchical-link-wrapper, .ais-refinement-list--item { padding: 7px 0px; } .ais-refinement-list--label, .ais-hierarchical-menu--link { line-height: 1.0em; padding: 0px 10px; } .ais-refinement-list--label img { display: inline; } .ais-hierarchical-menu--item__active .ais-hierearchical-link-wrapper .cross-circle, .ais-refinement-list--item__active .cross-circle { display: inline-block; width: 12px; height: 12px; background: url("https://www.printpascher.com/skin/frontend/argento/printpascher/algoliasearch/cross-circle.svg") no-repeat center center / contain; opacity: 0; } .ais-hierarchical-menu--item__active .ais-hierearchical-link-wrapper:hover .cross-circle, .ais-refinement-list--item__active:hover .cross-circle { text-decoration: underline; vertical-align: bottom; margin-left: 6px; opacity: 1; } .ais-refinement-list--item:hover { text-decoration: underline; } .ais-price-ranges--input { width: 70px !important; } .ais-price-ranges--label { margin: 5px; } .ais-refinement-list--checkbox { margin-right: 10px; } #algolia_instant_selector .current-refinements { position: relative; } .ais-current-refined-values--link { cursor: pointer; color: #636363; border-radius: 2px; border: solid 1px #DDDDDD; background-color: #f4f4f4; display: inline-block; max-width: 100%; white-space: nowrap; padding: 0 8px 0 0; height: 28px; overflow: hidden; } .ais-current-refined-values--clear-all { position: absolute; right: 6px; top: 3px; color: #666666; font-weight: 500; } a.ais-current-refined-values--link:hover { text-decoration: none; } .ais-current-refined-values--item { margin-top: 8px; } .ais-current-refined-values--item:after { clear: both; content: ""; display: block; } .ais-current-refined-values--item .current-refinement-label { font-weight: bold; } .ais-current-refined-values--item .cross-wrapper { font-weight: bold; background-color: #DDDDDD; border-radius: 1px 0 0 1px; float: left; width: 26px; height: 26px; text-align: center; line-height: 26px; } .ais-current-refined-values--link:hover .cross-wrapper { text-decoration: none; } .ais-current-refined-values--link .cross-wrapper img { display: inline; margin-top: 6px; } .ais-current-refined-values--item .current-refinement-wrapper { float: left; width: calc(100% - 26px); height: 26px; padding-left: 8px; overflow: hidden; text-overflow: ellipsis; line-height: 26px; } .ais-current-refined-values--link:hover .current-refinement-wrapper { text-decoration: line-through; } .ais-menu--link:hover, .ais-price-ranges--link:hover, .ais-hierarchical-menu--link:hover { color: #636363; } .ais-menu--count, .ais-hierarchical-menu--count, .ais-refinement-list--count { float: right; color: #666; } #algolia_instant_selector .ais-refinement-list--list .sbx-sffv__wrapper { width: 94%; margin: 0 auto 5px; } #algolia_instant_selector .ais-refinement-list--list .sbx-sffv__submit { display: none; } #algolia_instant_selector .ais-refinement-list--list .sbx-sffv__reset { width: 10px; margin-top: -30px; margin-right: 7px; background: none; border: none; box-shadow: none; } #algolia_instant_selector .ais-refinement-list--list .sbx-sffv__reset:hover { background: none; } #algolia_instant_selector .ais-refinement-list--list .sbx-sffv__reset svg { width: 15px; height: 15px; fill: #636363; } #algolia_instant_selector .ais-refinement-list--list .sbx-sffv__input { border : 1px solid silver; } #algolia_instant_selector .ais-refinement-list--list .sbx-sffv__input:focus { border : 1px solid #54A5CD; } #algolia_instant_selector .ais-refinement-list--list .sffv-no-results { padding-left: 3%; } /* RANGE SLIDER */ .ais-range-slider--target { position: relative; direction: ltr; background: #F3F4F7; height: 6px; margin-top: 3em; margin-bottom: 4em; width: 88%; margin-left: 6%; } .ais-range-slider--base { width: 100%; height: 100%; position: relative; z-index: 1; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; border-left: 2px solid #DDD; border-right: 2px solid #DDD; } .ais-range-slider--origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .ais-range-slider--connect { background: #b5b6b9; } .ais-range-slider--background { background: #F3F4F7; } .ais-range-slider--handle { width: 20px; height: 20px; position: relative; z-index: 1; background: #FFFFFF; border: 1px solid #c8c8c8; border-radius: 50%; cursor: pointer; } .ais-range-slider--handle-lower { left: -10px; bottom: 7px; } .ais-range-slider--handle-upper { right: 10px; bottom: 7px; } .ais-range-slider--tooltip { position: absolute; background: #FFFFFF; top: -2em; min-width: 20px; text-align: center; font-size: .8em; } .ais-range-slider--pips { box-sizing: border-box; position: absolute; height: 3em; top: 100%; left: 0; width: 100%; } .ais-range-slider--value { width: 40px; position: absolute; text-align: center; margin-left: -20px; padding-top: 15px; font-size: .8em; } .ais-range-slider--value-sub { font-size: .8em; padding-top: 15px; } .ais-range-slider--marker { position: absolute; margin-left: -1px; width: 1px; height: 5px; } .ais-range-slider--marker-large { background: #DDD; width: 2px; margin-left: -2px; height: 12px; } .ais-range-slider--marker-large:first-child { margin-left: 0; } .ais-root__collapsed .ais-body, .ais-root__collapsed .ais-footer { display: none; } /****************** ** ** Auto-completion menu ** ******************/ #algolia-autocomplete-container .aa-dropdown-menu .before_special { color: #aaaaaa; text-decoration: line-through; font-size: 12px; } #algolia-autocomplete-container .aa-dropdown-menu .info-without-thumb .category-tag { color: #3284b6; } #algolia-autocomplete-container .aa-dropdown-menu .info-without-thumb .details { font-size: 10px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #algolia-autocomplete-container .aa-dropdown-menu .info-without-thumb .details em { color: #222222; } #algolia-autocomplete-tt.algolia-autocomplete { width: 100%; display: inline-block !important; } #algolia-autocomplete-container .aa-dropdown-menu { position: absolute; margin-top: -1px; right: 0px; width: 100%; z-index: 1000 !important; border: 1px solid #BBB; border-top: 3px solid #8EB4D0; border-radius: 1px; background: white; } @media (min-width: 992px) { #algolia-autocomplete-container .aa-dropdown-menu { width: 71.1%; min-width: 800px; } } #algolia-autocomplete-container .aa-dropdown-menu .col-2 { position: relative; } #algolia-autocomplete-container .aa-dropdown-menu .col-2 .col-left { width: 67%; } #algolia-autocomplete-container .aa-dropdown-menu .col-2 .col-right { width: 33%; } #algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products { padding: 40px 40px; min-height: 250px; } #algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .title { font-weight: bold; margin-bottom: 30px; font-size: 16px; } #algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .suggestions { margin-bottom: 30px; } #algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .see-all a { color: #636363; font-weight: bold; } #algolia-autocomplete-container .aa-dropdown-menu .aa-no-results { padding: 10px; font-style: italic; } #algolia-autocomplete-container .aa-dropdown-menu .category { padding: 4px; color: rgb(166, 166, 166); text-align: left; font-size: 0.8em; text-transform: uppercase; font-weight: bold; } #algolia-autocomplete-container .aa-dropdown-menu .category-suggestions { padding: 4px; color: #54A5CD; text-align: left; font-size: 0.7em; text-transform: uppercase; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit { display: block; position: relative; padding: 5px 10px; color: #000; text-align: left; text-decoration: none; } #algolia-autocomplete-container .aa-dropdown-menu .other-sections .aa-dataset-suggestions .algoliasearch-autocomplete-hit { padding-left: 30px; } #algolia-autocomplete-container .aa-dropdown-menu.aa-without-products .col9 { background-color: #F9F9F9; } #algolia-autocomplete-container .aa-dropdown-menu.aa-without-products #autocomplete-products-footer { display: none; } #algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .aa-suggestion { display: inline-block; width: 100%; } @media (min-width: 768px) { #algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .aa-suggestion { display: inline-block; width: 50%; } } #algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .algoliasearch-autocomplete-hit { padding: 15px 10px; } .autocomplete-wrapper { width: 100%; } .autocomplete-wrapper:after { clear: both; content: ''; } #algolia-autocomplete-container .col9 { float: right; width: 100%; } #algolia-autocomplete-container .col3 { float: right; width: 100%; } #algolia-autocomplete-container.reverse .col3 { float: left; width: 100%; } #algolia-autocomplete-container.reverse .col9 { float: left; width: 100%; } @media (min-width: 768px) { #algolia-autocomplete-container .col9 { border-left: solid 1px #eeeeee; float: right; width: 70%; } #algolia-autocomplete-container .col3 { float: right; width: 30%; } #algolia-autocomplete-container.reverse .col3 { float: left; width: 30%; } #algolia-autocomplete-container.reverse .col9 { border-right: solid 1px #eeeeee; float: left; width: 70%; } } #algolia-autocomplete-container .other-sections { margin: 20px 10px; margin-bottom: 70px; } .aa-dataset-products .aa-suggestions { margin: 10px auto 10px auto; } .aa-dataset-suggestions { display: none; } @media (min-width: 768px) { .aa-dataset-suggestions { display: block; } } @media (min-width: 768px) { .aa-dataset-products .aa-suggestions { margin: 10px auto 50px auto; } } .aa-dataset-products .aa-suggestions:after { content:''; display:block; clear: both; } #algolia-autocomplete-container .aa-dropdown-menu .other-sections .algoliasearch-autocomplete-hit { padding-left: 10px; } #algolia-autocomplete-container .aa-dropdown-menu .other-sections .aa-suggestions { margin-bottom: 20px; } #algolia-autocomplete-container .aa-dropdown-menu .aa-cursor .algoliasearch-autocomplete-hit { background-color: #f2f2f2; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit em { font-weight: bold; font-style: normal; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-price { font-size: 1.1em; color: #54A5CD; height: 22px; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .thumb { float: left; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .thumb img { width: 50px; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info { margin-left: 60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #autocomplete-products-footer { position: absolute; bottom: 0; right: 0; width: 70%; background-color: #F9F9F9; padding: 15px; text-align: center; display: none; } #algolia-autocomplete-container.reverse #autocomplete-products-footer { right: auto; left: 0; } @media (min-width: 768px) { #autocomplete-products-footer { display: block; } } #autocomplete-products-footer span { color: #15769c; font-weight: 600; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-category { font-size: 0.8em; color: #666; white-space: nowrap; overflow: hidden; max-width: 100%; text-overflow: ellipsis; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-category em { color: #222; } #algolia-autocomplete-container .aa-dropdown-menu .footer_algolia { position: absolute; width: 100%; padding: 10px; text-align: center; bottom: 7px; left: 4px; font-size: 13px; } #algolia-autocomplete-container.reverse .aa-dropdown-menu .footer_algolia { left: auto; right: 4px; } @media (min-width: 768px) { #algolia-autocomplete-container .aa-dropdown-menu .footer_algolia { width: 30%; } } #algolia-autocomplete-container .aa-dropdown-menu .footer_algolia span { color: #B8B8B8; font-size: 10px; } #algolia-autocomplete-container .aa-dropdown-menu .footer_algolia img { display: inline; height: 1.5em; vertical-align: bottom; max-width: 130px; } /** * Search Box */ #algolia-searchbox{ margin: 20px 0; position: relative; } .clear-cross { position: absolute; display: none; background: url("https://www.printpascher.com/skin/frontend/argento/printpascher/algoliasearch/clear-cross.svg") no-repeat center center / contain; cursor: pointer; width: 16px; height: 16px; } #algolia-searchbox .clear-query-autocomplete { top: 13px; right: 12px; } #algolia_instant_selector .clear-query-instant { right: 12px; top: 10px; } .cross-wrapper .clear-refinement { display: block; position: relative; top: 5px; left: 5px; } #algolia-autocomplete-container .aa-suggestions svg.algolia-glass-suggestion.magnifying-glass { position: absolute; right: auto; left: 5px; top: 7px; fill: #A6A6A6; stroke: #A6A6A6; } #algolia-searchbox .magnifying-glass { position: absolute; right: 10px; width: 20px; height: 20px; display: block; top: 10px; background: url("https://www.printpascher.com/skin/frontend/argento/printpascher/algoliasearch/magnifying-glass.svg") no-repeat center right / 20px; } #algolia-searchbox .algolia-search-input { width: 300px; float: right; } #algolia-searchbox .algolia-search-input:focus:not([value=""]) { background: transparent; } #algolia-searchbox .algolia-search-input:focus { outline: 0; box-shadow: none; border: solid 1px #54A5CD; } /** * Instant Search */ #algolia_instant_selector { margin: 10px; } #algolia_instant_selector a, #algolia_instant_selector a:hover, #algolia_instant_selector a:focus { outline: 0; } #algolia_instant_selector:after { content: ""; clear: both; display: block; } #algolia_instant_selector .category { } #algolia_instant_selector .title { } #algolia_instant_selector .title img { width: 200px; } #algolia_instant_selector .text-ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #algolia_instant_selector #instant-search-bar { float: left; width: calc(100% - 140px); height: 40px; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; border: solid 2px #54A5CD; border-left: none; padding-left: 6px; padding-top: 2px; } #algolia_instant_selector.with-facets #algolia-right-container { } #algolia_instant_selector.with-facets #algolia-left-container { min-height: 1px; } #algolia_instant_selector .hits .infos { margin: 0 15px; padding: 6px 10px; color: #aaa; text-align: center; background: #F4F4F4; font-size: 12px; clear: both; } #algolia_instant_selector .hits .infos strong { color: #555; } #algolia_instant_selector .hits .sort-by-label { margin-right: 8px; } #algolia_instant_selector .hits .no-results { margin: 40px 25px; color: #636363; font-size: 16px; } #algolia_instant_selector a:hover { color: #666666; } #algolia_instant_selector .hits .no-results strong { color: #555; } #algolia_instant_selector .hits .no-results .clear-button { cursor: pointer; } #algolia_instant_selector .hits .no-results .popular-searches { text-align: left; margin-top: 20px; margin-bottom: 30px; } /** * Facets */ #algolia_instant_selector .infos .algolia-logo { font-size: 10px; } #algolia_instant_selector .facets { padding-top: 50px; } @media (max-width: 992px) { #algolia_instant_selector .facets { padding-top: 10px; } } #algolia_instant_selector .ais-current-refined-values.facet .ais-current-refined-values--body { padding-left: 8px; } #algolia_instant_selector .facet { margin-bottom: 15px; padding-bottom: 6px; background-color: white; border: solid 1px #efefef; } #algolia_instant_selector .facet:not(:first-child) { margin-top: 10px; } #algolia_instant_selector .ais-header { margin-bottom: 7px; } #algolia_instant_selector .ais-header.ais-current-refined-values--header { margin-bottom: 13px; } #algolia_instant_selector .facet .name { padding: 4px 8px; font-weight: 500; background-color: #f4f4f4; color: #757575; text-align: left; text-transform: uppercase; } .ais-current-refined-values.facet { position: relative; } #algolia_instant_selector .as-range-slider--base { margin-top: 45px; } #algolia_instant_selector .hierarchical .ais-hierarchical-menu--list { padding-left: 10px; } #algolia_instant_selector .hierarchical .ais-hierarchical-menu--list.ais-hierarchical-menu--list__lvl0 { padding-left: 0px; } #algolia_instant_selector .facet .sub_facet:not(:last-child) { border-bottom: 1px dotted #e0e0e0; } #algolia_instant_selector .text-center { text-align: center; } #algolia_instant_selector em { background-color: #CFEAFA; font-style: normal; } #algolia_instant_selector p { margin: 0; } #algolia_instant_selector .result { display: block; margin: 15px 0; padding: 16px 24px; border: solid 1px #EDEDED; background-color: white; } #algolia_instant_selector .price-wrapper { height: 25px; } #algolia_instant_selector .result:hover { border-color: #b9b9b9; text-decoration: none; } #algolia_instant_selector .result .result-thumbnail { text-align: center; } #algolia_instant_selector .result .result-thumbnail img { display: inline; height: 148px; width: auto; } #algolia_instant_selector .result .result-thumbnail .no-image { display: block; height: 148px; background: #FAFAFA; } #algolia_instant_selector .result .ratings .rating-box { margin: 0 auto 10px; float: inherit; } #algolia_instant_selector h3 { margin-bottom: 0; } #algolia_instant_selector .result .price { text-align: center; font-size: 1.2em; color: #54A5CD; } #algolia_instant_selector .result .result-title { font-size: 14px; text-align: center; color: #636363; } #algolia_instant_selector .ui-widget-header { background-color: #bcbcbc; } #algolia_instant_selector .result-thumbnail img { width: 100%; } /** INSTANT SEARCH BAR **/ #algolia_instant_selector #instant-search-bar-container { padding-top: 0px; margin-bottom: 15px; width: 100%; position: relative; } #algolia_instant_selector #instant-search-bar-container:after { clear: both; content: ""; display: block; } #algolia_instant_selector .as-search-box--input { width: 100%; height: 40px; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; } #algolia_instant_selector #instant-search-bar:focus { outline: 0; box-shadow: none; } #algolia_instant_selector #instant-search-box label { display: none; } #algolia_instant_selector .instant-search-bar-label { background-color: #54A5CD; height: 40px; line-height: 24px; padding: 8px 12px; color: white; float: left; width: 140px; text-align: right; position: relative; } #algolia_instant_selector #instant-search-box .icon { display: block; position: absolute; top: 50%; left: 8px; width: 16px; height: 16px; transform: translateY(-50%); background: url("https://www.printpascher.com/skin/frontend/argento/printpascher/algoliasearch/is-icon.svg") no-repeat center center / contain; } #algolia_instant_selector #instant-search-box .clear-query-instant { top: 50%; transform: translateY(-50%); } #algolia_instant_selector .before_special { color: #aaaaaa; text-decoration: line-through; font-size: 12px; } #algolia_instant_selector button:hover { background: #2E8AB8 none repeat scroll 0% 0%; cursor: pointer; } .ais-price-ranges--button { background: #39C none repeat scroll 0% 0%; padding: 5px 15px; margin-left: 10px; border: 0px none; color: #FFF; font-size: 13px; font-weight: normal; font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif; line-height: 19px; text-align: center; text-transform: uppercase; vertical-align: middle; } #algolia_instant_selector button:not(.ais-price-ranges--button) { background: #f4f4f4 none repeat scroll 0% 0%; display: block; margin: auto; margin-top: 0px; padding: 7px 15px; border: 0px none; color: #666666; font-size: 13px; font-weight: normal; font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif; line-height: 19px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; } #algolia_instant_selector button:not(.ais-price-ranges--button):hover { background: rgb(53, 153, 204) none repeat scroll 0% 0%; color: white; } #algolia_instant_selector .pull-left { float: left; } #algolia_instant_selector .pull-right { float: right; } #algolia_instant_selector #refine-toggle { font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; text-align: center; height: 40px; line-height: 40px; border: solid 1px #EDEDED; margin: 10px 0 20px 0; font-weight: bold; cursor: pointer; } #algolia-static-content { margin-bottom: 20px; } /** ** GRID */ #algolia_instant_selector, #algolia_instant_selector *, #search_mini_form, #search_mini_form * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #algolia_instant_selector:before, #algolia_instant_selector:after, #algolia_instant_selector *:before, #algolia_instant_selector *:after, #search_mini_form:before, #search_mini_form:after, #search_mini_form *:before, #search_mini_form *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 768px) { #algolia_instant_selector .col-sm-6 { width: 50%; float: left; } } #algolia_instant_selector .col-md-3, #algolia_instant_selector .col-md-4, #algolia_instant_selector .col-md-9, #algolia_instant_selector .col-md-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { #algolia_instant_selector .col-md-3, #algolia_instant_selector .col-md-4, #algolia_instant_selector .col-md-9, #algolia_instant_selector .col-md-12 { float: left; } #algolia_instant_selector .col-md-12 { width: 100%; } #algolia_instant_selector .col-md-9 { width: 75%; } #algolia_instant_selector .col-md-4 { width: 33.33333333%; } #algolia_instant_selector .col-md-3 { width: 25%; } } #algolia_instant_selector .row { margin-left: -15px; margin-right: -15px; } #algolia_instant_selector .row:before, #algolia_instant_selector .row:after { content: " "; display: table; } #algolia_instant_selector .row:after { clear: both; } #algolia_instant_selector .visible-xs, #algolia_instant_selector .visible-sm { display: none !important } #algolia_instant_selector .hidden-xs, #algolia_instant_selector .hidden-sm { display: block !important } @media (max-width: 767px) { #algolia_instant_selector .visible-xs { display: block !important } #algolia_instant_selector .hidden-xs { display: none!important } } @media (max-width: 992px) { #algolia_instant_selector .visible-sm { display: block !important } #algolia_instant_selector .hidden-sm { display: none!important } } #algolia-autocomplete-container:after, .autocomplete-wrapper:after { clear: both; content: ''; } #algolia-right-container .infos.hidden { display: none; } .algolia-clearfix:after { content:""; display:block; clear:both; } .ais-infinite-hits--showmore > button:disabled { display:none !important; } .ais-pagination--item a { background-color: #ffcf10; font-weight: 600; font-size: 15px; border-radius: 20px; } .ais-pagination--item__active a { background: #333e48; color: #ffffff; text-decoration: none; } .ais-pagination--item.ais-pagination--item__next a, .ais-pagination--item.ais-pagination--item__previous a { font-weight: 600; } #algolia-autocomplete-tt.algolia-autocomplete { width: auto; margin: 0; } #algolia-autocomplete-container .aa-dropdown-menu { border: 1px solid #c1c1c1; border-top: 3px solid #ffcf10; font-size: 14px; -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.6); box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5); } #algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products { padding: 20px; } #algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .title { margin-bottom: 10px; text-align: center; } #algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products hr { border-width: 1px; border-color: #3d3d3d; margin-bottom: 20px; } #algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .suggestions { text-align: center; } #algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .see-all a { float: none; display: block; background: #e3e2e3; padding: 10px 15px; text-transform: uppercase; color: #21adac; font-size: 14px; margin: 20px auto 0 auto; max-width: 190px; } .suggest-queries a { float: none; display: inline-block; text-align: center; margin: 20px 0px 0px 0px; background: #e3e2e3; padding: 5px 15px; border-radius: 15px; } .suggest-queries a:hover { background: #21adac; color: #ffffff; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit { height: 75px; margin: 0; } #algolia-autocomplete-container .aa-dropdown-menu .other-sections .aa-dataset-suggestions .algoliasearch-autocomplete-hit, #algolia-autocomplete-container .aa-dropdown-menu .other-sections .aa-dataset-0 .algoliasearch-autocomplete-hit { float: none; height: auto; padding: 5px 10px; display: block; line-height: 24px; } #algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .algoliasearch-autocomplete-hit { float: none; } #algolia-autocomplete-container.reverse .col9 { float: right; } @media (min-width: 768px) { #algolia-autocomplete-container .col9 { border-left: none; } #algolia-autocomplete-container.reverse .col9 { border-right: none; float: right; } } #algolia-autocomplete-container.reverse .aa-dropdown-menu .footer_algolia { right: auto; } #algolia-autocomplete-container .other-sections { margin: 0; padding: 10px 10px 30px 10px; } .aa-dataset-products .aa-suggestions { margin: 0px auto 10px auto; float: none; padding-top: 20px; } @media (min-width: 768px) { .aa-dataset-products .aa-suggestions { margin: 0px auto 20px auto; float: none; } } #algolia-autocomplete-container .aa-dropdown-menu .other-sections .aa-suggestions { float: none; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-price { font-size: 18px; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .thumb { text-align: left; width: auto; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info { margin-left: 85px; text-align: left !important; width: auto; margin-right: 0 !important; float: none; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info > div { text-align: left; } #autocomplete-products-footer { background-color: #e3e2e3; padding: 13px; position: relative; top: auto; right: auto; width: auto; text-align: center; display: none; padding-left: 0; padding-right: 0; } #autocomplete-products-footer span { float: none; margin: 0; } #autocomplete-products-footer span a { float: none; margin: 0; } @media (min-width: 768px) { #autocomplete-products-footer { display: block; } } #algolia-autocomplete-container .aa-dropdown-menu .footer_algolia { bottom: 0px; padding-left: 0; padding-right: 0; } #algolia-autocomplete-container .aa-suggestions svg.algolia-glass-suggestion.magnifying-glass, .top-queries svg.algolia-glass-suggestion.magnifying-glass { position: relative; float: right; fill: #a6a6a6; stroke: #a6a6a6; } #algolia_instant_selector { margin: inherit; } .ais-hits { display: flex; flex-wrap: wrap; } #algolia_instant_selector .hits .infos { display: none; } .ais-pagination--item a:hover { color: #ffffff !important; background: #333e48; } #algolia_instant_selector .result { display: block; margin: 15px 0; padding: 0 15px; text-align: center; border: none; } #algolia_instant_selector .result .result-thumbnail { margin-bottom: 10px; } #algolia_instant_selector .result .result-thumbnail img { height: 200px; } #algolia_instant_selector .result .price { text-align: center; font-size: 17px; color: #444444; } #algolia_instant_selector .result .result-title { font-size: 17px; text-align: center; color: #444444; text-transform: uppercase; font-weight: bold; } #algolia_instant_selector #instant-search-bar-container { display: none; } #algolia_instant_selector #instant-search-bar, #algolia_instant_selector .as-search-box--input, .ais-price-ranges--button, #algolia_instant_selector button:not(.ais-price-ranges--button), #algolia_instant_selector #refine-toggle { font-family: 'Montserrat', 'Helvetica Neue', Verdana, Arial, sans-serif; } .algoliasearch-autocomplete-price .green-price { color: #21adac; font-weight: bold; } .uppercase { text-transform: uppercase; } .picto-wrapper span.product-autocomplete-text { float: none; margin-left: 0; margin-right: 0; } #autocomplete-products-footer, #autocomplete-products-footer a { text-transform: uppercase; font-weight: bold; color: #21adac; font-size: 14px; } #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .thumb img { width: 75px; } .aa-dataset-products { border-left: solid 1px #e3e2e3; } #algolia-autocomplete-container span { margin-left: 0 !important; width: 100%; } .picto-wrapper .other-sections span { margin: 0 !important; } .picto-wrapper .info-without-thumb { text-align: left; } .picto-wrapper .footer_algolia a { float: none; margin: 0 auto; } #algolia-autocomplete-container .suggestions-title { font-size: 14px; text-transform: uppercase; text-align: center; color: #8c8c8c; margin-top: 20px; font-weight: bold; } #algolia-autocomplete-container p.top-recherches-title { font-size: 22px; color: #21adac; margin-top: 10px; margin-bottom: 20px; font-weight: bold; text-align: center; } .see-all { text-align: center; } #algolia-autocomplete-container span.algolia-custom-price { width: auto; margin: 0; font-weight: bold; } .top-queries a { text-align: left; float: none; margin: 0; height: auto; padding: 5px 10px; display: block; line-height: 24px; font-weight: bold; } .top-queries a:hover { background-color: #f2f2f2; } #algolia-left-container { display: none; } .price_devise sup { font-size: 50%; position: relative; top: -0.5em; } .price_devise { font-weight: bold; } .price .algolia-custom-price { font-weight: bold; } #algolia_instant_selector .hits .no-results, #algolia_instant_selector .hits .no-results .popular-searches { text-align: center; }