/* FILE: styles.css */ /* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ * { margin:0; padding:0; } html { font-size:16px; /* Fix for Opera */ } body { font:75%/150% Arial, Helvetica, sans-serif; background-color:#fff; color:#333; text-align:center; } #root-wrapper {} img { border:0; vertical-align:top; max-width:100%; } a { color:#888; text-decoration:none; } a:hover { text-decoration:none; color:#333; } :focus { outline:0; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 10px; font-weight:normal; } h1 { font-size:2.6666em; line-height:1.25em; /*32px, 40px*/ margin-bottom:20px; } h2 { font-size:2em; line-height:1.25em; /*24px, 30px*/ } h4 { font-size:1.3333em; line-height:1.25em; /*16px, 20px*/ } h5 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ } h6 { font-size:1em; line-height:1.1666em; /*12px, 14px*/ } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; min-height:147px; position:relative; } .no-display { display:none !important; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper {} .page { text-align:left; background-repeat:repeat; background-position:center top; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; background:#fff; } .main-container { background-repeat:repeat; background-position:center top; } .main { padding:20px 0; min-height:370px; } /* Base Columns */ .col-left { float:left; } .col-main { float:left; } .col-right { float:right; } /* 1 Column Layout */ .col1-layout .col-main { width:100%; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main {} .col3-layout .col-wrapper { float:left; } .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%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /**/ .preface { clear:both; } .postscript { clear:both; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form Elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic -------------------------------------------------------------- */ input, select, textarea, button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; } /* Fix: remove default formatting on iOS (e.g. rounded corners) */ input.input-text, textarea { -webkit-appearance:none; } input.input-text, select, textarea { background:#fff; border:1px solid #ddd; color:#888; /* Box model */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Remove default formatting, fix for iOS (rounded corners and shadow) */ -webkit-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; box-shadow:none; } input.input-text{ height: 36px; } select { height:36px; padding:8px; text-overflow:ellipsis; } select.multiselect { height: auto; } input.input-text, textarea { padding:8px; text-overflow:ellipsis; } select option { padding-right:10px; padding-left:5px; } select option:disabled { color:#ccc; } select.multiselect option { border-bottom:1px solid #eee; 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:3em !important; text-align:center; } /* Active and others -------------------------------------------------------------- */ input.input-text:hover, select:hover, textarea:hover, input.input-text:focus, select:focus, textarea:focus { border-color:#aaa; color:#333; outline:none; } input.input-text:disabled, select:disabled, textarea:disabled {} /* Buttons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ .button { display: inline-block; margin:0; border:0; overflow:visible; cursor:pointer; font-size:12px; font-weight: normal; white-space:nowrap; text-align:center; background-color:#ddd; color:#333; line-height:45px; padding:0 25px; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .button:hover { background-color:#333; color:#fff; } /* Smaller button - for inline display, e.g. with input boxes -------------------------------------------------------------- */ .button.btn-inline, .sidebar .block .button, /* Sidebar block button */ .product-view .box-tags .form-add .button, /* Customer tags form */ .title-buttons .button /* Heading buttons */ { padding:0 15px; line-height:36px; } /* Big button: Add to cart (product view) & Proceed to checkout -------------------------------------------------------------- */ .product-view .btn-cart, .btn-checkout { line-height:55px; font-size:1.1666em; /*14px*/ } /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form lists */ /* Grouped fields */ .form-list li { margin:0 0 8px; } .form-list label { float:left; font-weight:bold; position:relative; z-index:0; margin:0 0 2px 0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } .form-list .input-box { display:block; clear:both; } .form-list .field { float:left; width:275px; margin-bottom:5px; } .form-list input.input-text { width:262px; /*244px;*/ } .form-list textarea { width:244px; height:10em; } .form-list select { width:262px; } .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 #e5e5e5; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .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 .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; } .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; } /* Orders and Returns form -------------------------------------------------------------- */ #oar_widget_orders_and_returns_form .buttons-set button { float: left; margin-left: 0; } #oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; } /* Fieldset -------------------------------------------------------------- */ .fieldset + .fieldset { margin-top: 30px; } /* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { margin:0 0 10px; padding:0; } .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend {} /* Buttons set -------------------------------------------------------------- */ .buttons-set { clear: both; margin: 30px 0 0; padding-top: 10px; border-top: 1px solid #e5e5e5; } .buttons-set p.required { float: right; line-height: 1em; margin: -33px 0 0; } .buttons-set button.button { float: right; margin-left: 5px; min-width: 140px; } /* Back link */ .buttons-set .back-link { float: left; margin: 0; line-height: 36px; } .buttons-set .back-link small { display: none; } .buttons-set .back-link a:before { margin-right:7px; } /* Form Validation -------------------------------------------------------------- */ .validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#ee001c; margin-top:5px; margin-bottom:5px; } .validation-failed { border:1px solid #ee001c !important; background:#fff !important; } .validation-passed {} /* Required */ p.required { font-size:0.8333em; /*10px*/ text-align:right; } p.required, .product-options dt label.required em, .form-list label.required em { color:#ee001c; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Selected buttons sets -------------------------------------------------------------- */ /* Log in */ .account-login .buttons-set .button, /* Create account */ .account-create .buttons-set .button, /* Forgot password */ .customer-account-forgotpassword .buttons-set .button, /* Advanced search */ .catalogsearch-advanced-index .buttons-set .button, /* Orders and Returns form */ #oar_widget_orders_and_returns_form .buttons-set .button, /* Contact us */ .contacts-index-index .buttons-set .button { min-width: 180px; } /* Selected forms -------------------------------------------------------------- */ #contactForm textarea { width: 100%; max-width: 535px; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .success { color:#3d6611; font-weight:bold; } .error { color:#ee001c; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0; padding:0; } .messages { overflow:hidden; margin:0 0 10px; } .messages li { margin:0 0 1%; } .messages > li:last-child { margin-bottom:0; } .messages li li { margin:0; } .messages a { text-decoration:underline; } .catalog-category-view .messages { margin-top:15px; margin-bottom:15px; } .cms-index-index .messages, .cms-home .messages { margin:20px 0 20px; } .error-msg, .success-msg, .note-msg, .notice-msg { background-position:25px center !important; background-repeat:no-repeat !important; padding:25px 25px 25px 80px !important; font-size:12px !important; } .error-msg { border-color:#c02230; background-color:#F5DAD3; background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/i_msg-error.png); color:#c02230; } .success-msg { border-color:#296a23; background-color:#e9ffca; background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/i_msg-success.png); color:#296a23; } .note-msg, .notice-msg { border-color:#7c622a; background-color:#FDEDA4; background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/i_msg-note.png); color:#7c622a; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs li { float: left; font-size: 0.9166em; } .breadcrumbs li > * { display: inline-block; vertical-align: middle; } /* Left padding smaller because inline-block layout adds a space between elements */ .breadcrumbs li .sep { margin-left: 4px; margin-right: 6px; } .breadcrumbs li .last-crumb {} /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin-bottom:0; } .page-title { margin-bottom:20px; } /*.category-title { margin-bottom:10px; }*/ /* Links in page title */ .page-title .separator { margin:0 3px; } .page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; } .page-title .link-rss { float:right; margin-top:15px; } /* Title with buttons */ .title-buttons { text-align:right; } .title-buttons button { margin-left:1em; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; text-align:left; /* TRICKY: align left as opposition to other elements */ } /* Toolbar: pager and sorter %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sorter -------------------------------------------------------------- */ .sorter { padding:10px 0; } /* View mode */ .sorter .view-mode { float:right; } .sorter .view-mode label { margin-right:5px; } .sorter .view-mode .grid, .sorter .view-mode .list { margin-left: 1px; } .sorter .view-mode .grid {} .sorter .view-mode .list {} .sorter .view-mode a.grid:hover {} .sorter .view-mode a.list:hover {} /* Sort by */ .sorter .sort-by { float:left; margin-right:10px; padding-right:3px; background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/img/link-separator.png) right center no-repeat; } .sorter .sort-by .category-asc, .sorter .sort-by .category-desc {} .sorter .sort-by .category-asc {} .sorter .sort-by .category-desc {} .sorter .sort-by .category-asc:hover {} .sorter .sort-by .category-desc:hover {} /* Pager -------------------------------------------------------------- */ .pager { margin:10px 0; padding:10px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .pager .pages { float:right; vertical-align:middle; } .pager .pages strong, .pager .pages span { float:left; margin-right:5px; font-weight:normal; } .pager .pages ol { display:inline-block; vertical-align:middle; } .pager .pages li { float:left; margin:0 0 0 1px; display:block; text-align:center; } .pager .pages li a { display:block; color:inherit; } .pager .pages a.previous, .pager .pages a.next { font-size:16px; } /* Toolbar. Pager and sorter inside toolbar -------------------------------------------------------------- */ .toolbar { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:-1px; /* To cover the top line of the products grid/list */ /* Move up to cover adjacent lines/elements */ position:relative; z-index:1; } /* Pager inside toolbar - align center */ .toolbar .pager { margin:0; border-bottom:none; border-top:1px dashed #e5e5e5; text-align:center; } .toolbar .pager .pages { display:inline-block; float:none; } /* Bottom toolbar */ .toolbar-bottom { margin-top:10px; } .toolbar-bottom .toolbar { border-bottom:none; } .toolbar-bottom .toolbar .pager { border-top:none; } .toolbar-bottom .sorter { display:none; } /* Common styles for toolbar elements -------------------------------------------------------------- */ /* Height */ .sorter, .pager { line-height:36px; } /* Important: the same as the height of the form elements */ /* Icons */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc { display:inline-block; vertical-align: middle; font-size:14px; } /* Icons and elements of pager */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages .current, .pager .pages li a { width:30px; height:30px; line-height:30px; text-align:center; } /* Amount */ .pager .amount, .sorter .amount { float:left; padding-right:10px; margin-right:10px; background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/img/link-separator.png) right center no-repeat; } /* Limiter */ .pager .limiter, .sorter .limiter { float:left; margin-right:15px; } /* Data Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .data-table { width:100%; } .data-table th, .data-table td { padding:10px; } .data-table thead { background:none; border-bottom:1px solid #e5e5e5; } .data-table thead th { font-weight:bold; vertical-align:bottom; border-right: none; } .data-table thead th.wrap { white-space:normal; } .data-table tr.odd td, .data-table tr.odd th { border-right:1px solid #f5f5f5;} .data-table tr.odd td.last { border-right:none; } .data-table tr.odd {} .data-table tr.odd.last { border-bottom:#eee solid 1px; } .data-table tr.even td, .data-table tr.even th { border-right:1px solid #f5f5f5; } .data-table tr.even td.last { border-right:none; } .data-table tr.even { background-color:#fbfbfb; } .data-table tbody tr:hover {} .data-table tbody tr.product-shop-row:hover { background-color:#fff; } /*TODO:?*/ .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.odd tr.last { border-bottom:#e5e5e5 solid 1px; } .data-table tbody.even { background-color:#f5f5f5; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td {} .data-table th .tax-flag { /*white-space:nowrap;*/ font-weight:normal; } /* Additional classes for mobile devices -------------------------------------------------------------- */ /* Cell title */ .data-table .cell-label { display:none; } /* 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.pinkgellac.com/skin/frontend/ultimo/default/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:#f5f5f5; color:#777; padding:2px 5px !important; } tr.summary-details-first td { border-top:1px solid #d5d5d5; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/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; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .link-cart { font-weight:bold; } .link-reorder { font-weight:bold; } .link-print { background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/i_print.gif) 0 center no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/i_rss.gif) 0 center no-repeat; padding-left:16px; white-space:nowrap; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; font-weight:normal; color:#e5e5e5; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#e5e5e5; text-indent:-9999em; overflow:hidden; } /* Global site notices -------------------------------------------------------------- */ .global-site-notice { background:#f5f5f5; color:#333; } .global-site-notice .notice-inner { max-width:66%; margin:0 auto; padding:10px 0 10px 80px; background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/i_notice.gif) 20px center no-repeat; text-align:left; } .global-site-notice .notice-inner p { width:80%; margin:0; padding:10px 10px 10px 0; display:inline-block; vertical-align:middle; } .global-site-notice .notice-inner .actions { display:inline-block; vertical-align:middle; } /* Cookie Notice */ .global-site-notice.notice-cookie { position: fixed; bottom: 0; right: 0; left: 0; } /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* Buttons remove/close and edit %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std dl dt { font-weight:bold; margin: 0.5em 0; } .std dl dd { margin:0 0 0px 10px; } .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } /* Lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered lists -------------------------------------------------------------- */ /* Common basic styling */ ul.bullet, ul.disc { margin:0 0 1em; padding:0; } /* Disc */ ul.disc { list-style:disc outside none; padding-left:1.5em; } ul.disc li { background-image:none; padding-left:0; } /* Bullet */ ul.bullet { list-style:none outside none; } ul.bullet li { background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } ul.bullet li:hover { background-position:3px 0; } /* Different bullets. IMPORTANT: use together with class "bullet" */ ul.list1 li { background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list1.png); } ul.list2 li { background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list2.png); } ul.list11 li { background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list11.png); } ul.list12 li { background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list12.png); } ul.list13 li { background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list13.png); } /* Separator */ ul .separator { border-bottom:1px solid #fff; margin:8px 1px; overflow:hidden; } /* Nested unordered lists -------------------------------------------------------------- */ ul.bullet ul, ul.disc ul { margin-top:0.5em; margin-bottom:0.5em; } ul.bullet ul li, ul.disc ul li { background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left:1.5em; } /* Lists inside ".std" %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list without any bullets */ .std ul.no-bullets { list-style:none outside none !important; padding-left:0 !important; } .std ul.no-bullets li { background-image:none !important; padding-left:0 !important; } /* Ordered lists */ .std ol { list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em; } .std ol ol, .std ul ol, .std ol ul { margin:0.5em 0; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .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; } /* Override std styles for selected elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std .products-grid p { margin-bottom:0; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-container, .header-container2, .header-container3 { background-repeat:repeat; background-position:center top; background-attachment: scroll; } .header { padding:0; } /* Misc header elements -------------------------------------------------------------- */ .header .item {} .header .item-left { float: left; margin-right: 10px; text-align: left; } .header .item-right { float: right; margin-left: 10px; text-align: right; } /* User menu inside header top -------------------------------------------------------------- */ .header-top .item-left .user-menu > * { float: left; } .header-top .item-right .user-menu > * { float: right; } /* User menu and Top Links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear floats and override custom styles to avoid incorrect position of elements */ .user-menu { width:100%; float:none; margin:0; /* Clear floats of other elements */ clear: both; } .user-menu:before, .user-menu:after { display: table; content: " "; } .user-menu:after { clear: both; } /* Top Links - clear floats */ .top-links ul:before, .top-links ul:after { display: table; content: " "; } .top-links ul:after { clear: both; } /* Logo %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Important: logo needs to be displayed as inline-block to avoid excessive width of the logo when the logo is narrower than its container. Otherwise, the logo would scale up to fill the entire container. */ .header .logo-wrapper .logo { display:inline-block; max-width:94%; margin:10px 0; text-decoration:none !important; } /* Fix for Firefox and IE. In regular header, stretch the image to full width. Thanks to that, on small screens when logo is scaled down it will not expand its container. */ .header-regular .logo-wrapper .logo img { width: 100%; } /* If logo is h1, the link is inside so make it displayed as block */ .header .logo-wrapper h1.logo a { display: block; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* Quick search %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #search_mini_form { clear:both; display:block; } /* Clear floats of ".form-search" element inside search form */ .form-search:before, .form-search:after { display: table; content: " "; } .form-search:after { clear: both; } /* Basic styles */ .form-search { position:relative; } .form-search label { float:left; margin:3px 4px 0 0; display:none; } .form-search .input-text { float:right; /* Float in the same direction as position of button */ width:100%; display: block; height:36px; line-height:36px; /*IE8*/ padding:0px 35px 0 7px; color:#bbb; background-color:#fff; overflow:hidden; text-overflow:ellipsis; } /* Button */ .form-search .button { position:absolute; right:0; top:0; margin:1px; padding:0; /*background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/sprite.png) no-repeat transparent; background-position:-57px -108px;*/ background-color:transparent !important; color:#000; width:34px; height:34px; line-height:34px; text-align:center; } .form-search .button:hover { background-color:transparent; color:#000; } .form-search .button span { background-image:none !important; /* To hide possible image bg from outdated custom CSS styles */ } .form-search .button span span { display:none; } /* Hide text label */ /* Search autocomplete */ .form-search .search-autocomplete { left:0 !important; /*Fix for IE*/ top:42px !important; position:relative; z-index:4100 !important; } .form-search .search-autocomplete ul { background-color:#fff; text-align:left; padding:3px; } .form-search .search-autocomplete li { padding:3px 5px; cursor:pointer; line-height: 24px; } .form-search .search-autocomplete li:hover {} .form-search .search-autocomplete li .amount { float:right; padding-left:5px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: small box. Deprecated. -------------------------------------------------------------- */ .search-wrapper-small .form-search .input-text { height:28px; line-height:28px; /*IE8*/ } .search-wrapper-small .form-search .button { /*background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/sprite.png) no-repeat transparent; background-position: -61px -111px;*/ width:28px; height:28px; line-height:28px; font-size:10px; } .search-wrapper-small .form-search .search-autocomplete { top:30px !important; } /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline #search_mini_form { display: inline-block; vertical-align: middle; } /* Search box in the top header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top #search_mini_form { display: inline-block; vertical-align: middle; } .header-top .form-search .input-text { height:28px; line-height:28px; } .header-top .form-search .button { width:28px; height:28px; line-height:28px; font-size:10px; } .header-top .form-search .search-autocomplete { top:30px !important; } /* Mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .after-mini-cart { clear:both; } /* Mini-cart heading -------------------------------------------------------------- */ .mini-cart .mini-cart-heading .ic { font-size: 16px; line-height: 1em; } .mini-cart .mini-cart-heading .summary {} /* Mini-cart content -------------------------------------------------------------- */ /* If it is a dropdown */ .mini-cart.dropdown .mini-cart-content { width:300px; padding:25px; text-align:left; /* Because cart can be aligned center */ } /* Elements of the cart */ .mini-cart .mini-cart-content .empty { padding:10px 0; } .mini-cart .mini-cart-content .block-subtitle { padding:0; margin:0 0 20px; font-size: 14px; font-weight: bold; } .mini-cart .mini-cart-content .subtotal { margin:20px 0; font-size: 14px; font-weight: bold; } .mini-cart .mini-cart-content .incl-tax {} .mini-cart .mini-cart-content .mini-products-list li { padding: 0; margin: 0 0 5px; } .mini-cart .mini-cart-content .mini-products-list li.last { margin: 0; } .mini-cart .mini-cart-content .product-name {} .mini-cart .mini-cart-content .btn-remove, .mini-cart .mini-cart-content .btn-edit { float:right; } .mini-cart .mini-cart-content .product-details strong { font-weight:normal; } .mini-cart .mini-cart-content .actions { margin:10px 0 0; padding:0; border:none; text-align:left; } .mini-cart .mini-cart-content .actions button { float:left; margin-right:1px; } .mini-cart .mini-cart-content .truncated { margin-left:3px; } .mini-cart .mini-cart-content .truncated .item-options { -webkit-transform: translateZ(0); /* Fix disappearing mini-cart in Safari if product has options */ } /* Block: Recently Compared (dropdown) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-compare { margin:0; padding:0; border:none; } /* Mini-compare heading -------------------------------------------------------------- */ .mini-compare .mini-compare-heading .ic { font-size: 16px; line-height: 1em; } /* Mini-compare content -------------------------------------------------------------- */ .mini-compare.dropdown .mini-compare-content { width:300px; padding:25px; text-align:left; /* Because cart can be aligned center */ } .mini-compare .mini-compare-content .block-subtitle { padding:0; margin:0 0 20px; font-size: 14px; font-weight: bold; } .mini-compare .mini-compare-content .empty { padding:10px 0; } .mini-compare .mini-compare-content .product-name { padding-right:20px; } .mini-compare .mini-compare-content .btn-remove { float:right; } .mini-compare .mini-compare-content .actions { margin-top: 20px; } .mini-compare .mini-compare-content .actions a { float:right; line-height: 36px; /* The same height as button */ } .mini-compare .mini-compare-content .actions button { float:left; } /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block { margin:0 0 10px; } .block .block-title {} .block .block-title strong { font-weight:inherit; } .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:5px 0 10px; padding:0; font-size:1em; font-weight:bold; } .block .block-content { padding:10px 0; } .block .block-content li.item { padding:5px 0; } .block .btn-remove { float:right; } .block .btn-edit { float:right; } .block .actions { margin:10px 0 0 0; padding:10px 0 0; border-top:1px dotted #e5e5e5; } .block .actions a { float:left; } .block .actions .button { float:right; } .block .actions .button ~ a { margin-right: 5px; line-height: 36px; /* The same height as buttons */ } /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { list-style: outside disc none; padding-left: 20px; } .block-viewed .block-content ol li, .block-compare .block-content ol li, .block-compared .block-content ol li { padding: 3px 0; } /* Mini Products List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; } .mini-products-list .product-details { margin-left:60px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title {} .block-account .block-content { padding: 10px 0; } .block-account .block-content ul { list-style: outside disc none; padding-left: 25px; } .block-account li > * { padding:4px; display:block; text-transform:uppercase; } .block-account li strong { font-weight:normal; } /* Block: Layered Navigation %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Block subtitle -------------------------------------------------------------- */ .block-layered-nav .block-subtitle--filter { display: none; cursor: pointer; border-bottom: 1px solid #e5e5e5; padding: 7px 10px 7px 25px; margin-top: 10px; position: relative; /*text-transform: uppercase; font-weight: bold;*/ -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .block-layered-nav .block-subtitle--filter:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #ddd; border-right: none; left: 6px; top: 50%; margin-top: -5px; } .block-layered-nav .block-subtitle--filter.active:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #ddd; border-bottom: none; /*right: 10px;*/ top: 50%; margin-top: -3px; } /* Attributes -------------------------------------------------------------- */ .block-layered-nav .block-content .toggle-tabs { display: none; } .block-layered-nav .block-content > dl > dt { display: block; margin-top: 1px; position: relative; padding: 7px 0; font-weight: bold; text-rendering: optimizeSpeed; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .block-layered-nav .block-content > dl > dt:after { display: none; /* Hide on desktop */ content: ''; position: absolute; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #ddd; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; } .block-layered-nav .block-content > dl > dt:hover { } .block-layered-nav .block-content > dl > dd { padding: 0 5px; margin: 0; } .block-layered-nav .block-content > dl > dd:last-child { } .block-layered-nav dl dd { margin-bottom: 10px; margin-top: 10px; } /* Single filter -------------------------------------------------------------- */ .block-layered-nav dl dd ol > li > a, .block-layered-nav dl dd ol > li > span { position: relative; display: block; padding: 3px 0 3px 12px; } .block-layered-nav dl dd ol > li > a:before { display: block; /* Show on desktop */ content: ''; position: absolute; width: 0px; height: 0px; border-right: none; border-left: 4px solid #ddd; border-top: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid rgba(0, 0, 0, 0); left: 0px; top: 50%; margin-top: -5px; transition: left 150ms ease-in-out; -moz-transition: left 150ms ease-in-out; -webkit-transition: left 150ms ease-in-out; -o-transition: left 150ms ease-in-out; } .block-layered-nav dl dd ol > li > a:hover:before { left: 3px; } /* Currently selected filters %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-layered-nav .currently .block-subtitle { padding: 10px 10px 0; margin: 0 0 10px; font-size: 14px; font-weight: bold; } .block-layered-nav .currently ol { padding:10px; } .block-layered-nav .currently ol li { margin-bottom: 5px; } .block-layered-nav .currently ol li:after { content: ''; display: table; clear: both; } .block-layered-nav .currently ol li .value { color: #d90000; /* TODO: move to common.css */ } .block-layered-nav .currently .btn-remove { float: left; margin-right: 8px; } .block-layered-nav .actions { border-top: none; margin: 0 0 15px; padding: 0px 10px 10px; } .block-layered-nav .actions a { float: left; } /* Block: Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.block-wishlist li.item .btn-remove { margin-left:5px; }*/ /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Ccommon styles for all types of the block */ .block-related .block-subtitle { display:none; position:absolute; padding:1em 0; margin:-20px 0 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-weight:normal; z-index:1; } .block-related:hover .block-subtitle { display:block; padding:8px; background-color:#fff; } /* Block: Related. Single product slider -------------------------------------------------------------- */ .block-related-slider input.checkbox { float:left; margin:7px 5px 0 0; } /* Block: Related. Simple thumbnails slider -------------------------------------------------------------- */ .block-related-thumbnails .product-image { float:left; margin-bottom:10px; } .block-related-thumbnails .product-details { margin-left:110px; } .block-related-thumbnails .product-details > * { margin-bottom:5px; } .block-related-thumbnails .product-name, .block-related-thumbnails .related-add-to-wishlist { font-size:1em; line-height:1.25em; font-family:inherit; font-weight:inherit; display:inline-block; } .block-related-thumbnails .price-box { font-size:1em; line-height:1.25em; } .block-related-thumbnails .checkbox { float:left; margin:2px 5px 0 0; } /* Add space above item */ .block-related-thumbnails .item { padding-top: 20px; } /* Block: Compare Products %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .compare-table { border:0; } .compare-table .btn-remove { float:right; } .compare-table tbody tr:hover { background-color:#e5e5e5; } .compare-table .product-shop-row { border-bottom:1px solid #ccc; } .compare-table .product-shop-row th, .compare-table .product-shop-row td { border-color:#eee !important; } .compare-table tr.add-to-row { background-color:#fff; border-top:1px solid #ccc; } .compare-table tr.add-to-row:hover { background-color:#fff; } /* Cover background applied on tr hover */ .compare-table tr.add-to-row td { text-align:left; } .compare-table tr.first td { text-align:left; } .compare-table tr.first td .product-name { font-family:inherit; font-size:1.1666em; font-weight:bold; margin:10px 0; } .compare-table tr.first td .ratings { width:145px; margin:10px 0; } .compare-table .price-box { margin:10px 0; line-height:15px; } /* Changes after setting text-align:left */ .compare-table .product-image img { display:block; margin:0 auto; } .compare-table .add-to-links { margin-top:5px; } .compare-table .add-to-links li { float:none; } .compare-table a.link-wishlist { overflow:visible; text-indent:0; background:none; display:inline; border:none; } /* Block: Recently Viewed %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed {} /* Block: Recently Compared %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-compared {} /* Block: Poll %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-poll .block-subtitle { font-weight:normal; } .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 .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-tags .block-content .tags-list { background:none; border:0; font-size:12px; } .block-tags .tags-list a {} .block-tags .tags-list a:hover {} .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Subscribe %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-subscribe .input-box { margin-top: 5px; } .block-subscribe input { width:155px; } .block-subscribe .actions button.button { float:none; } /* Block: Reorder %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-login label { font-weight:bold; 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; } /* Block: vertical main menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-vertnav .block-content { padding-left:0; padding-right:0; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-title h1 {} .category-image { width:100%; overflow:hidden; margin:10px 0; text-align:center; } .category-image img {} .category-description { margin:20px 0; position:relative; } /* General product list styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product name %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a { color: inherit; } /* Common styles for view types: list and grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .product-name, .products-grid .product-name, h3.product-name { /* Sizes are modified for different number of columns */ font-size:1.3333em; line-height:1.25em; /*16px 20px*/ } .products-list .price-box.map-info a, .products-grid .price-box.map-info a { margin-left:3px; } /* Product image -------------------------------------------------------------- */ /* Product alternative image */ .products-list .product-image .alt-img, .products-grid .product-image .alt-img { position:absolute; top:0; left:0; display: none; } /* Fix possible glitches during animation */ .products-list .product-image img, .category-products-grid .product-image img /* Grid only in category view */ { -moz-transform: translateZ(0); } /* View type: list %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .item { border-top:1px solid #e5e5e5; padding-top:20px; padding-bottom:20px; background-color:#fff; position:relative; /* For hover effect */ transition: box-shadow 0ms ease-in; -moz-transition: box-shadow 0ms ease-in; -webkit-transition: box-shadow 0ms ease-in; -o-transition: box-shadow 0ms ease-in; } .products-list .product-shop {} .products-list .product-shop-inner { border-right:1px solid #e5e5e5; padding-right:15px } .products-list .right-column { float:right; } .products-list .product-name { margin:0 0 15px; } .products-list .product-image-wrapper {} .products-list .product-image { display:block; position:relative; margin-left:auto; margin-right:auto; } .products-list .price-box { margin:0 0 15px; font-size:1.3333em; line-height:1.25em; } .products-list .ratings { margin:10px 0; } .products-list .desc { margin:15px 0px; } .products-list .link-learn {} .products-list .btn-cart { width:100%; max-width:180px; } .products-list a.btn-cart { padding-left:0; padding-right:0; } .products-list .button span { float:none; } .products-list .availability { float:none; margin:15px 0; } .products-list .add-to-links { margin:15px 0 0; } /* Hover effect -------------------------------------------------------------- */ .products-list.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:1%; padding-right:1%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); border-color:transparent; transition: box-shadow 400ms ease-out; -moz-transition: box-shadow 400ms ease-out; -webkit-transition: box-shadow 400ms ease-out; -o-transition: box-shadow 400ms ease-out; } /* View type: grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product grid: basic styles (common for all types of product grids) -------------------------------------------------------------- */ .products-grid {} .products-grid .item { padding-top:20px; padding-bottom:20px; position:relative; /* For hover effect */ } .products-grid .product-name { margin:15px 0 10px; } .products-grid .product-image-wrapper { margin:0 auto; position:relative; } .products-grid .product-image { display:block; } .products-grid .price-box { margin:10px 0 10px; font-size:1em; } .products-grid .ratings { margin:10px 0; line-height:1.0833em; } /* If ratings wrapped, remove margin from ratings, leave maring in wrapper */ /*.products-grid .ratings-wrapper { margin:10px 0; } .products-grid .ratings-wrapper .ratings { margin-top:0; margin-bottom:0; }*/ .products-grid .actions { margin:10px 0 0; } .products-grid .availability { float:none; margin:5px 0; } .products-grid .add-to-links { margin:10px 0 0; } /* Prices old/special: inline */ /*.products-grid .old-price, .products-grid .special-price { display: inline-block; } .products-grid .old-price + .special-price { margin-left: 4px; }*/ /* Grid: additional styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Equal height of items (buttons displayed at the bottom of items) -------------------------------------------------------------- */ .products-grid.equal-height .item .actions { position:absolute; bottom:15px; } /* Remove equal height */ .products-grid.auto-height .item .actions { position:static; bottom:auto; } /* Deprecated */ /* Display grid item elements only on hover -------------------------------------------------------------- */ .products-grid .item .display-onhover { display:none; } /* Display grid item elements only on hover: fade-in (for sliders) */ .products-grid .item .visible-onhover { visibility:hidden; opacity:0; transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -moz-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -webkit-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -o-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; } .products-grid .item:hover .visible-onhover { visibility:visible; opacity:1; transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -moz-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -webkit-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -o-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; } /* Product name in a single line -------------------------------------------------------------- */ .products-grid.single-line-name .product-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .products-grid.single-line-name .item:hover .product-name { overflow: visible; white-space: normal; } /* Align to the center -------------------------------------------------------------- */ .products-grid.centered .item { text-align: center; } .products-grid.centered .item .ratings .rating-box, .products-grid.centered .item .btn-cart { margin-left: 0; margin-right: 0; } .products-grid.centered .item .ratings .amount { margin-left: 3px; } .products-grid.centered .item input.checkbox { float: none; } .products-grid.centered .item .actions .add-to-links li { float: none; margin:0; } /*.products-grid.centered .item .actions .add-to-links li:last-child { margin-right:0; }*/ /* Grid: only in category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-products-grid .item { border-top:1px solid #e5e5e5; border-left:none; border-right:none; zoom:1; padding-top:2%; padding-left:1%; padding-right:1%; background-color:#fff; transition: box-shadow 0ms ease-in; -moz-transition: box-shadow 0ms ease-in; -webkit-transition: box-shadow 0ms ease-in; -o-transition: box-shadow 0ms ease-in; } /* Hover effect -------------------------------------------------------------- */ .category-products-grid.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:2%; padding-right:2%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); border-color:transparent; transition: box-shadow 400ms ease-out; -moz-transition: box-shadow 400ms ease-out; -webkit-transition: box-shadow 400ms ease-out; -o-transition: box-shadow 400ms ease-out; } /* Grid: override grid elements to change size %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product name -------------------------------------------------------------- */ .products-grid.size-s .product-name { font-size:1.1666em; /*14px*/ line-height:1.2307em; /*16px*/ } .products-grid.size-xs .product-name { font-size:1em; /*12px*/ line-height:1.25em;/*15px*/ } /* Buttons -------------------------------------------------------------- */ .products-grid.size-s .item .btn-cart { line-height: 3em; padding-left: 15px; padding-right: 15px; } .products-grid.size-xs .item .btn-cart { line-height: 2.5em; padding-left: 8px; padding-right: 8px; } /* Product labels -------------------------------------------------------------- */ .products-grid.size-s .sticker { width:45px; height:45px; font-size:1em; } .products-grid.size-s .item:hover .sticker { width:50px; height:50px; } .products-grid.size-xs .sticker { width:40px; height:40px; font-size:0.9166em; /*11px*/ } .products-grid.size-xs .item:hover .sticker { width:45px; height:45px; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Rating %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ratings, .no-rating { line-height: 15px; margin: 15px 0 15px; } .ratings strong { float:left; margin:1px 5px 0 0; } /* For backward compatibility */ .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/img/rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/img/rating.png) 0 100% repeat-x; } .ratings .rating-box, .ratings .amount, .ratings .rating-links { display: inline-block; vertical-align: middle; } .ratings .rating-box { margin-right:6px; } .ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; } .ratings .rating-links .separator { display: inline-block; vertical-align: middle; text-indent: -9999px; border-left: 1px solid #e5e5e5; height: 13px; width: 1px; margin: 0 3px; } .ratings-table th, .ratings-table td { line-height:1.1666em; /*14px*/ padding:3px 0; } .ratings-table th { padding-right:8px; } /* Generic block for feature presentation on product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-action { display: block; margin: 10px 0; } .product-action .ic { vertical-align: middle; font-size: 16px; /* Fixed width of the icon container. Required because different icon widths can break the alignment. */ width: 24px; text-align: center; } .product-action .label { vertical-align: middle; margin-left: 3px; } /* Availability - only X left %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability-only {} a.availability-only { cursor:pointer; } /* It may also be a link to toggle more details */ /* Enlarge the icon */ .availability-only .ic { font-size: 20px; } /* Inside the label */ .availability-only strong { font-weight:normal; } .availability-only .caret { margin-left:8px; opacity:1; filter:alpha(opacity=100); } /* Table with details */ .availability-only-details { width:100%; margin:-10px auto 20px; } .availability-only-details thead { border-bottom:1px solid #e5e5e5; } .availability-only-details th { padding:4px 12px; font-weight:bold; } .availability-only-details td { padding:1px 12px; border-right:1px solid #f5f5f5; } .availability-only-details td.last { border-right:none; } /* Product increments %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-pricing {} .extrahint-wrapper .product-pricing { padding:10px; background-color:#f5f5f5; } .product-options-bottom .product-pricing { clear:left; } /* Alerts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .alert-price {} .alert-stock {} /* Product Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .price { white-space:nowrap !important; } .price-box { margin: 0; } .price-box .price {} .price-box .price-label {} /* Common labels */ .old-price .price-label, .special-price .price-label { white-space:nowrap; } .old-price .price-label { display:none; } /* Regular price */ .regular-price {} .regular-price .price {} /* Old price */ .old-price { margin:0; } .old-price .price { text-decoration:line-through; } /* Special price */ .special-price {} /* Minimal price (as low as) */ .minimal-price { margin:0 0 5px; } .minimal-price .price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price {} /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from { margin:0; } .price-from .price-label { white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { white-space:nowrap; } /* Price notice next to the options */ .price-notice { margin-left:5px; } .price-notice .price { padding-left:3px; } /* Price as configured */ .price-as-configured .price-label { font-size:1.1666em; font-weight:bold; text-transform:uppercase; white-space:nowrap; color:inherit; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; } /* Tier Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .tier-prices { margin:0 0 10px; padding-left: 10px; } .tier-prices li { line-height:15px; background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/img/bullet.png) 0 4px no-repeat; padding:0 0 0 11px; margin:3px 0; } .tier-prices .benefit { color:#ee001c; font-weight:normal; } .tier-prices-grouped li { padding:2px 0; } .tier-prices-grouped li .price { font-weight:bold; } /* Add-to links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-links .separator { display:none; } .add-to-links li { float:left; } .addto-gaps-right li { margin-right:10px; } /* Add gaps at the right side of links */ /* Add-to links: simple icons (with no text) -------------------------------------------------------------- */ .addto-links-icons {} /* If displayed in a group: add margin between icons */ .addto-links-icons .link-compare { margin-left:3px; } .addto-links-icons a { display:block; } .addto-links-icons .ic { font-size:16px; } /* If displayed on product image */ .addto-links-icons.addto-onimage { float:right; margin-top:-40px; /* Move up */ position:relative; z-index:1; padding-bottom:4px; /* Use padding to cover the bottom part of the product image below icons */ padding-right:4px; } /* Add to Cart box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Display elements inline, no floating */ .product-view .add-to-cart { float:none; } .add-to-cart .qty-wrapper, .add-to-cart .button { display:inline-block; } .add-to-cart .qty-wrapper .qty { text-align:center; margin-right:10px; } /* PayPal -------------------------------------------------------------- */ .product-view .paypal-wrapper { float:left; } .product-view .paypal-wrapper .paypal-logo { margin:0; padding:5px 0 0; text-align:right; } .product-view .paypal-wrapper .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Magento's default */ .add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Button "Add to cart" on product page */ .product-view .btn-cart { min-width: 200px; } /* Add class "left-side" to place the buttom at the left side of the quantity field -------------------------------------------------------------- */ .add-to-cart.left-side { float: none !important; /* In case floating is set in some other styles */ } .add-to-cart.left-side .button { float: left; } .add-to-cart.left-side .qty-wrapper { line-height: 55px; /* The same height as button */ } .add-to-cart.left-side .qty-wrapper label { padding-left: 7px; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1 Column Layout -------------------------------------------------------------- */ /* Stretch content area (full page width) */ .catalog-product-view .col1-layout .col-main { margin-left:0; margin-right:0; width:100%; } /* 3 Columns Layout -------------------------------------------------------------- */ /* Uncomment if you're using 3-column layout on product page */ /*.catalog-product-view .col3-layout .product-img-column, .catalog-product-view .col3-layout .product-shop, .catalog-product-view .col3-layout .product-secondary-column, .catalog-product-view .col3-layout .box-additional { float: none; width: 100%; } .catalog-product-view .col3-layout .img-box .product-image { margin: 0 auto; width: 57%; }*/ /* Product images %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-img-column { float:left; margin-bottom:10px; position:relative; /* Stickers are positioned relative to this container. TODO: move to the stylesheet with sticker styles. */ } .col3-layout .product-view .product-img-column { float:none; margin:0 auto; } /* Product primary column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-shop { float:left; } .product-view .product-shop .product-name { margin:0 0 1.6666em; /*20px*/ } .product-view .product-shop .product-name h1 { margin:0; } .product-view .product-shop .ratings-table { margin:15px 0 5px; } /* Product secondary Column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-secondary-column .inner { padding-top:1px; padding-bottom:10px; /* Stop collapsing margins */ } /* Product primary column's elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .short-description { margin:15px 0; line-height:1.25em; /*15px*/ } .product-view .short-description ul { margin-top:5px; margin-bottom:5px; } /* Add-to links */ .product-view .action-box { margin:20px 0; } /* Add-to links in different places of the product page */ .product-view .add-to-links li { margin-right: 10px; } .product-view .add-to-links a { display: block; } .product-view .add-to-links .ic { font-size: 16px; } /* Other elements */ .extrahint-wrapper { margin-bottom:15px; } /* Downloadable product -------------------------------------------------------------- */ .product-type-data .item-options { clear: both; } .product-type-data .item-options dt { float:none; margin:0 0 5px; } /* The same style as "item-options" in cart */ .product-type-data .item-options dd { background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/img/bullet.png) 3px 4px no-repeat; padding-left:15px; } /* Additional information table -------------------------------------------------------------- */ .product-view .data-table th { font-weight:bold; } /* Prices - common for product view and MAP popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices on product page and MSRP */ .product-view .product-shop .price-box .price-including-tax .price { font-size:18px; } .product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; } /* Main price (prominent) */ .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .old-price .price, .product-view .product-shop .price-box .old-price .price-label, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .price-box.map-info .old-price .price { font-size:1.6666em; /*20px*/ } /* Old price */ .product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; } /* MSRP price (only in MSRP box) */ .map-popup-msrp .price { display:block; /* Move price below the label */ } /* Move MSRP links below the price */ .product-view .product-shop .price-box.map-info .old-price { display:block; } /* Special price */ .product-view .price-box .special-price .price-label { white-space:normal; } .product-view .price-box .special-price .price-including-tax, .product-view .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; } /* Price box inside "Add-to-cart" box or inside product options box */ .product-view .add-to-box .price-box, .product-options-bottom .price-box { float:left; margin:18px 15px 10px 0; padding:0; } /* Main containers (e.g. for add-to-cart, product options) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product type specific data */ .product-view .product-type-data { margin:10px 0 0; } /* Lower part of the container */ .product-view .container1-wrapper, .product-view .container2-wrapper, .product-view .add-to-box { padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid #e5e5e5; } .product-view .container2-wrapper { margin-bottom:30px; } /* Button container */ .product-view .add-to-box { margin-top:15px; } /* Background color for main containers */ /*.product-view .product-type-data, .container1-wrapper, .container2-wrapper, .product-view .add-to-box {}*/ /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list in product description (for lists with no bullet class) */ .product-view .short-description .std ul:not(.ic-ul), .product-view .box-tabs .std ul:not(.ic-ul) { list-style:none outside none; } .product-view .short-description .std ul:not(.ic-ul) li, .product-view .box-tabs .std ul:not(.ic-ul) li { background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; } /* Margin for list in long description */ .product-view .box-tabs .std ul { margin-bottom:1em; } /* If unordered list has "disc" class, override */ .product-view .short-description .std ul.disc, .product-view .box-tabs .std ul.disc { list-style:disc outside none; padding-left:1.5em; } .product-view .short-description .std ul.disc li, .product-view .box-tabs .std ul.disc li { background-image:none; padding-left:0; } /* Product options %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-options { position:relative; margin-bottom:15px; } .product-options dt { font-weight:normal; } .product-options dt label { display:inline-block; font-weight:bold; } .product-options dt label.required em { float:right; margin-left:3px; } .product-options dd .qty-holder { display:block; padding:5px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; } .product-options dd { margin:3px 0 10px; } .product-options dl.last dd.last { border-bottom:0; } .product-options dd input.input-text { width:100%; /*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:100%; /*width:92%;*/ height:8em; } .product-options dd select { width:100%; } .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; } .product-options ul.options-list input.checkbox { float:left; margin-top:2px; } .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:0.9166em; } .product-options p.required { position:absolute; right:0; top:-15px; } /*bottom*/ .product-options-bottom { margin-top:20px; } .product-options-bottom .tier-prices { margin:0 0 10px; padding:0; border:0; background:0; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .price-box .price-as-configured {} .product-options-bottom .price-label {} .product-options-bottom .price-tax {} .product-options-bottom .add-to-cart { clear:both; } /* To avoid floating after price */ .product-shop .product-options-bottom { margin:0; } .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; } /* Grouped Product %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .grouped-items-table { margin:0; clear:both; } .product-view .grouped-items-table thead th { font-weight:bold; } .product-view .grouped-items-table .price-box { margin:0; padding:0; border:0; } .product-view .grouped-items-table .price-box .price-including-tax .price { font-size:inherit; font-family:inherit; } .product-view .grouped-items-table td { vertical-align:middle; } .product-view .grouped-items-table .price-box .regular-price .price { font-size:inherit; font-family:inherit; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-tags .product-tags { display:block; margin:0 0 25px; } .product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #e5e5e5; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { padding-right:0; border-right:0; } .product-view .box-tags .form-add label { display:block; font-weight:bold; margin:0 0 5px; } .product-view .box-tags .form-add .input-box { float:left; margin:0 5px 5px 0; } .product-view .box-tags .form-add input.input-text { width:auto; } .product-view .box-tags .note { margin:3px 0 0; } /* Block: Reviews %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-reviews { margin-top:15px; } .product-view .box-reviews dl { margin:30px 0 15px; } .product-view .box-reviews dt .heading { font-weight:normal; font-size:1.5em; margin-right:10px; } .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dt a { font-size:18px; margin-right:8px; } .product-view .box-reviews dd { margin:0 0 15px 15px; padding-bottom:15px; border-bottom:1px dashed #e5e5e5; } .product-view .box-reviews dd:last-child { border-bottom: none; } .product-view .box-reviews dd .date { display:block; margin-top:3px; font-style:italic; } .product-view .box-reviews .ratings-table { margin:5px 0; } .product-view .box-reviews .pager { margin-bottom:25px; } .product-view .box-reviews .form-add h2 {} /* Write your own review */ .product-view .box-reviews .form-add h3 { font-size:1em; font-weight:normal; margin-bottom:0; } .product-view .box-reviews .form-add h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4 { font-size:1em; font-weight:normal; } .product-view .box-reviews .form-add h3, .product-view .box-reviews .form-add h4 { font-family:inherit; } .product-view .box-reviews .form-add .form-list { margin:15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box {} .product-view .box-reviews .form-add .form-list input.input-text { width:100%; max-width:340px; } .product-view .box-reviews .form-add .form-list textarea { width:100%; max-width:500px; } .product-view .box-reviews .buttons-set button.button { float:left; margin-left:0; } .product-view .box-reviews .form-add .data-table { max-width:176px; } .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { text-align:center; line-height:1em; } .product-view .box-reviews .form-add .data-table td .radio { margin:0; } /* Send a Friend %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { margin-bottom:8px; } .send-friend .form-list textarea { width:100%; } .send-friend .buttons-set .limit { float:right; margin:0 7px; } /* Product collateral data container %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Generic wrapper for lower part of the product page */ .product-view .box-additional { margin-top: 20px; } /* Boxes for collateral data -------------------------------------------------------------- */ .product-view .box-collateral { margin-top: 0; } /* Remove margin if box is inside one of the main sections of product page */ .product-view .product-img-column .box-collateral, .product-view .product-primary-column .box-collateral, .product-view .product-secondary-column .box-collateral { margin-bottom: 15px; } /* Remove margin if box is inside tabs */ .product-view .box-tabs .box-collateral { margin-bottom: 0; } /* Collateral container -------------------------------------------------------------- */ .product-view .collateral-container {} .product-view .collateral-container .collateral-block {} /* Headings -------------------------------------------------------------- */ .product-view .box-collateral > h2:first-child, .product-view .collateral-block > h2:first-child, /* Rule required in case a heading is not wrapped inisde "box-collateral" */ .product-view .section-title { margin-bottom: 15px; padding: 7px 0; border-bottom: 1px solid #e5e5e5; } /* Modify headings in specific cases -------------------------------------------------------------- */ /* Slider headings - no bottom margin (it would pull the navigation arrows down) -------------------------------------------------------------- */ .product-view .block-related .section-title, .product-view .block-upsell .section-title { margin-bottom: 0; } /* Headings if box is inside one of the main sections of product page -------------------------------------------------------------- */ /* Hide first heading (which is always the same as tab name) */ .product-view .box-tabs .panel > h2:first-child { display:none; } /* Hide first heading also if it is inside "box-collateral" */ .product-view .box-tabs .box-collateral > h2:first-child { display:none; } /* Headings inside one of the main sections of product page -------------------------------------------------------------- */ .product-view .product-img-column .box-collateral > h2:first-child, .product-view .product-primary-column .box-collateral > h2:first-child, .product-view .product-secondary-column .box-collateral > h2:first-child { font-size: 18px; } /* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-name { margin:0; font-weight:normal; font-size:1em; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search-summary { padding:20px; margin:10px 0; } .advanced-search-summary ul { float:left; margin:0 4% 10px 0; width:46%; } .advanced-search-summary li { margin:0 0 2px 0; font-size:1.25em; } .advanced-search-summary strong { margin:0 5px 0 0; } .advanced-search-summary p { clear:both; float:left; display:block; margin:10px 0 0; } /* Advanced Search - form */ .advanced-search .form-list label { padding-right:10px; width:140px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { clear:none; float:left; /* Complex form fields (e.g. price range) require floating for correct layout */ } .catalogsearch-advanced-index .fieldset { margin-bottom:3px; } .catalogsearch-advanced-index .buttons-set { padding-left:0; } .catalogsearch-advanced-index .buttons-set button.button { float:left; margin-left: 0; } /* Sitemap */ .page-sitemap .links { float:right; margin:0 0 5px; text-align:center; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .sitemap { margin:15px; } .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a {} .page-sitemap .pager { clear:both; } /* RSS */ .rss-title h1 { background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/i_rss-big.png) 0 center no-repeat; padding-left:30px; } .rss-table .link-rss { display:block; } /* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Checkout Types %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } /* Shopping Cart Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-table thead tr { border-bottom:1px solid #e5e5e5; } .cart-table th.last { border-right:none; } .cart-table .product-image { width:168px; display:block; } .cart-table .product-name { margin:0 0 10px; font-weight:normal; font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } .cart-table .item-msg { margin:5px 0; font-size:0.9166em; font-weight:bold; color:#ee001c; } .cart-table tfoot td { padding:5px 10px; border:none; } .cart-table input.qty { width: 4em !important; } /* Table bottom - buttons -------------------------------------------------------------- */ .cart-table tfoot td.last { padding:15px 0 0; border-bottom:1px solid #eee; } .cart-table tfoot button { padding:0; margin:0 0 15px 10px; } .cart-table .btn-continue { float:left; margin-left:0; } .cart-table .btn-update, .cart-table .btn-empty { float:right; } /* Cart Collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-collaterals { margin-top:2%; /* Percentage value to keep the same margin as between columns */ } .cart .cart-left-column > *, .cart .cart-right-column > * { margin-bottom:20px; } .cart .cart-right-column { float:right; } /* Cross-sell %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .crosssell .product-image { float:left; } .cart .crosssell .product-details { margin-left:85px; } .cart .crosssell .btn-cart { float:left; margin-right:10px; } .cart .crosssell .add-to-links { float:left; margin:12px 0 0; } .cart .crosssell .price-box { margin:7px 0; } .cart .crosssell li.item { padding:20px 0; } .cart .crosssell li.item.odd { margin-left:0; clear:left; } .cart .crosssell li.item.even { margin-right:0; float:right; } /* -------------------------------------------------------------- */ .cart-wide-box .crosssell li.item { float:left; width:265px; min-height:109px; } .cart-wide-box .crosssell li.item.odd { padding-right:20px; border-right:1px solid #eee; } .cart-wide-box .crosssell li.item.even { padding-left:20px; } /* Common styles: Cross-sell, Discount Codes, Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } /* Discount Codes (coupons) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount label { display:block; margin:0 0 5px; } .cart .discount .input-box {} .cart .discount input.input-text { width:100%; } /* Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .shipping input.input-text, .cart .shipping select { width:100%; } .cart .shipping p { margin-bottom:10px; } .cart .shipping .sp-methods { margin:10px 0 0; } /* Shopping Cart Totals %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .totals { background-color:#f5f5f5; } .cart .totals-inner { padding:20px; } .cart .totals table { width:100%; } .cart .totals td { padding:1px 0px 1px 7px; } .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-bottom:5px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:16px; } /*.cart .totals tfoot .price { color:#B31F5A; } */ .cart .totals .checkout-types { text-align:right; } .cart .totals .checkout-types li { clear:both; margin:10px 0; } /* Item Options and Options Tool Tip %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .item-options dt { float: left; clear: left; } .item-options dd { float: left; margin: 0 0 2px; padding-left: 7px; font-style: italic; } /* Item options in cart/checkout tables */ .data-table .item-options { line-height: 15px; margin:0 0 0 10px; } .data-table .item-options dt { background: url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/img/bullet.png) 0 4px no-repeat; padding-left: 10px; } .data-table .item-options dd { padding-left: 10px; /* The same left padding as "dt" in case "dd" drops to a new line */ } /* Options Tool Tip -------------------------------------------------------------- */ .truncated { cursor:help; display:inline-block; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; text-decoration:none; border-bottom:1px dotted #ccc; } .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:190px; padding:15px; } .truncated .truncated_full_value .item-options > p { font-weight:bold; margin-bottom:2px; } /* Truncated displayed as dropdown in the mini cart */ .truncated .show .item-options { display: block; left: -210%; top: 20px; } /* Modify position of truncated dropdown displayed on cart page */ .cart-table .truncated .show .item-options { left: 0; top: 5px; } /* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; margin:15px 0 0; } .sp-methods dt:first-child {margin-top: 0; } .sp-methods dt.a-center { text-align: left !important; } /* Heading "Credit Card Information" in the Order Review tab */ .sp-methods dd { margin: 3px 0 15px; } .sp-methods dd li { margin: 5px 0; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding:10px 10px 10px 22px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:5em !important; } .sp-methods .checkmo-list li {} .sp-methods .checkmo-list label { padding-right:10px; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:10px; } /* Tooltip with credit card security code explanation */ .tool-tip { margin-left: 22px; /* To align with ".sp-methods .form-list" */ } .tool-tip .btn-close a { display:block; margin:0 0 5px; } /* Gift Messages */ .gift-messages { margin:30px 0 10px; } .gift-messages-form { border:1px solid #e5e5e5; padding:20px; position:relative; } .gift-messages-form p { margin-bottom:10px; } .gift-messages-form label { float:none !important; position:static !important; } .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-message-link { display:block; background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row .btn-close { float:right; padding:0 7px 0px; } .gift-message dt strong { font-weight:bold; color:#666; } .gift-message dd { margin:5px 0 0; font-size:13px; } .order-gift-message { margin:15px 0; } /* Checkout Agreements */ .checkout-agreements li { display: block; padding:22px; background-color: #f5f5f5; margin:0 0 10px; } .checkout-agreements .agreement-content { overflow: auto; max-height: 144px; /* Height = 8 times 18px (default line height) */ } .checkout-agreements .agree input.checkbox { margin-right:8px; } .checkout-agreements .agree label { font-weight:bold; vertical-align:middle; } /* 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 */ /* For more styles see Multiple Addresses Checkout */ .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* Block - progress %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-progress dl { margin-top: 15px; } .block-progress dt { margin: 15px 0; line-height: 1.3em; /* Low line height to display the line near the heading text */ text-transform: uppercase; font-weight: bold; } .block-progress dd { margin-bottom: 25px; padding-left: 15px; font-style: italic; } .block-progress address { font-style: italic; } .block-progress dt a { /* Reset styles of the heading text */ text-transform: none; font-weight: normal; } .block-progress p { margin:0; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:45px; line-height:45px; /* The same height as the button */ } .opc .ul { list-style:disc outside; padding-left:18px; } .opc { position:relative; } .opc .section { margin:0 0 10px; padding:0; } .opc .step-title { background:#f5f5f5; padding:10px; text-align:right; } .opc .step-title .number { float:left; background:#fff; padding:8px 12px; margin:0 8px 0 0; font-size:1.3333em; } .opc .step-title h2 { float:left; margin:0; color:#999; font-size:1.3333em; line-height:2.125em; } .opc .step-title a { display:none; float:right; margin-top:8px; } .opc .section.allow { cursor:pointer; } .opc .section.allow.active { cursor:auto; } .opc .allow .step-title { background:#f5f5f5; } .opc .allow .step-title:hover { background-color:#e5e5e5; } .opc .allow .step-title h2 { color:#333; } .opc .allow .step-title a { display:block; } .opc .active .step-title { background-color:#e5e5e5; cursor:default; } .opc .active .step-title .number { color:#fff; background-color:#333; } .opc .active .step-title h2 {} .opc .active .step-title a { display:none; } .opc .step { padding:10px 20px; margin-top:10px; position:relative; } .opc .step .tool-tip { right:30px; } #opc-login .buttons-set button { float:left; margin-left:0; } #opc-login .buttons-set a { float:right !important; } #opc-login h3 { margin-top:10px; } #opc-login h4 { font-family:inherit; font-weight:normal; } #opc-login .form-list { margin:15px 0 15px; } #opc-login .form-list li { margin:0 0 3px;} .opc .gift-messages-form { border:1px solid #e5e5e5; border-width:1px 0;} .opc .gift-messages-form .inner-box { overflow:visible; } #opc-review .step { padding:0; } #opc-review .item-options { margin:5px 0 0; } #opc-review .btn-checkout { min-width: 200px; } #opc-review .buttons-set p { margin:0; line-height:28px; } #opc-review .buttons-set .please-wait { height:28px; line-height:28px; } #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Common styles for: Multiple Addresses Checkout and Generic Info Set %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .multiple-checkout h2, .info-set h2 { font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4, .info-set h3, .info-set h4 { font-size:15px; font-weight:bold; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a, .info-set h2 a, .info-set h3 a, .info-set h4 a { font-size:12px; font-weight:normal; } .multiple-checkout .data-table .product-name, .info-set .data-table .product-name { font-size:13px; margin:0 0 5px; } .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-weight:normal; } .multiple-checkout .col2-set h3.legend, .info-set h3.legend { color:#ce001a; margin:0 0 10px; } .multiple-checkout .col2-set .divider, .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box, .info-set .box { margin:0 0 15px; } /* Multiple Addresses Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-progress { padding:0 110px; margin:-11px 0 25px; } .checkout-progress li { float:left; width:19%; margin:0 1px 0 0; padding-top:5px; border-top:10px solid #d5d5d5; text-align:center; color:#bbb; } .checkout-progress li.active { border-top-color:#ce001a; color:#ce001a; } .multiple-checkout .page-title { border-bottom:1px solid #e5e5e5; padding-bottom:5px; } .multiple-checkout .buttons-set { border-top:1px solid #e5e5e5; margin-top:40px; padding-top:15px; } /* Styles similar to cart-table */ .multiple-checkout .data-table thead tr { border-bottom:1px solid #bbb; } .multiple-checkout .data-table thead th { padding:10px; font-weight:normal; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .col2-set .col-1 { width:32%; } .multiple-checkout p.actions { margin-bottom:10px; } .multiple-checkout .place-order .please-wait { margin-top:10px; } .multiple-checkout .place-order .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:20px; } /* Step 1 */ #multiship-addresses-table td { padding:10px; } /* Step 2 */ .checkout-multishipping-shipping .box-sp-methods { border:1px solid #e5e5e5; padding:15px; margin-bottom:0; position:relative; } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Account Login/Create Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .account-login .new-users, .account-login .registered-users { margin-bottom:20px; } .account-login p { margin-bottom:20px; } .account-login p.required { margin:0; } /* Make top margin smaller - in log-in form "required" element is in different place then in other containers "buttons-set" */ .account-login .buttons-set { margin-top: 10px; } /* Account Login/Create box elements - login page and checkout page */ .account-login .buttons-set button { float:left; margin-left:0; } .account-login .buttons-set a { float:right !important; margin-bottom: 10px; } /* My Account Dashboard %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-account {} .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 0 1.6666em; } .dashboard .welcome-msg .hello { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } .dashboard .welcome-msg .hello strong { font-weight: normal; } .dashboard .col-1, .dashboard .col-2 { margin-bottom:1.5em; } /* General Box */ .box-account { margin:0 0 2.5em; } .box-account .box-head { border-bottom:1px solid #e5e5e5; margin:0 0 10px; padding-bottom:5px; } .box-account .box-head a { float:right; margin-top:10px; } .box-account .box-head h2 { float:left; margin:0; background-position:0 0; background-repeat:no-repeat; } .box-account.box-info .col-1 { border-right:1px solid #e5e5e5; } .box-account.box-info .col-1 .box { padding-right:10px; } .dashboard .box .box-title { padding:0 0 2px; margin:0 0 10px; text-align:right; border-bottom:1px solid #e5e5e5; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; margin:0; } /* Block: Recent Orders */ .dashboard .box-recent .box-head h2 {} /* Block: Account Information */ .dashboard .box-info .box-head h2 {} .dashboard .box-info h4 { font-weight:normal; text-transform:uppercase; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 {} .dashboard .box-reviews .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; } .dashboard .box-reviews .details { margin-left:38px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:5px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head h2 {} .dashboard .box-tags .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; } .dashboard .box-tags .details { margin-left:38px; } .dashboard .box-tags .tags { margin:5px 0 0; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Add left padding if icons are displayed in headings */ /*.box-account .box-head h2, .order-items h2, .order-about h2 { padding-left:38px; }*/ /* Address Book %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .addresses-list h3 { font-weight:normal; } .addresses-list address { margin-bottom:10px; } .addresses-list .link-remove:hover { color:#ee001c; } .addresses-list .separator { margin:0 3px; } .addresses-list .addresses-primary .item { padding:15px; margin:0 0 10px; background-color:#f5f5f5; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { color:#555; } .addresses-list .addresses-additional .item { padding:15px; margin:0 0 10px; border:1px solid #e5e5e5; } .my-account .pager { margin-bottom:20px; } /* Order View %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info { margin:20px 0 10px; } .order-info dt, .order-info dd, .order-info li, .order-info li a { float:left; } .order-info dt { font-weight:bold; } .order-info li { margin-right:1px; } .order-info dt, .order-info li.current, .order-info li a { padding:10px; } .order-info dt { padding-left:0; } .order-info li a { background-color:#f8f8f8; } .order-info li a:hover, .order-info li.current { background-color:#e5e5e5; } /* Date */ .order-date { margin:15px 0; color:#ee001c; clear:both; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info-box { margin:0 0 10px; padding:20px; } .order-info-box .col-1 { border-right:#e5e5e5 solid 1px; } .order-info-box h2 {} .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items .data-table { margin-bottom:20px; } .order-items .data-table td { padding:5px 9px; } .order-items .data-table .grand_total { font-size:1.3333em; } /* Grand total color */ .order-items .data-table .grand_total .last, .order-items .data-table .grand_total_incl .last {} .order-items { width:100%; } .order-items .product-name { margin:0 0 3px; font-size:12px; } .order-items .link-print { font-weight:normal; } .order-items p .link-print { float:none; } .order-items h2, .order-about h2 { margin:15px 0; } .order-items h3.table-caption { font-size:13px; font-weight:bold; } .order-items h2.table-caption a, .order-items h2.sub-title a { font-size:12px; font-weight:normal; text-transform:none; } .order-items .order-links { text-align: right; } .order-items .order-comments h2 {} .order-details h2 {} .order-details h2 .separator { color:#999; font-size:12px; } .order-about { margin:0 0 15px; padding:5px 30px; } .order-about dt { font-weight:bold; } .order-about dd { font-size:12px; margin-bottom:15px; } .tracking-table { margin:0 0 15px; } .tracking-table th { width:20%; font-weight:bold; white-space:nowrap; } .tracking-table th, .tracking-table td { padding:5px 9px; } .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 { background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/bkg_divider1.gif) 0 100% repeat-x; 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 { display:block; margin:0 0 5px; min-width:113px; max-width:140px; } .my-wishlist .product-name { margin-bottom:10px; } .my-wishlist .description { margin-bottom:10px; } .my-wishlist textarea { display:block; width:97%; height:70px; border:1px solid #e5e5e5; } .my-wishlist .price-box { margin-bottom:5px; } .my-wishlist .add-to-cart-alt { margin-bottom:10px; } .my-wishlist .buttons-set { margin-top:2em; } #wishlist-table .add-to-links { white-space:nowrap; } .my-wishlist .data-table tr.even { background:#f8f8f8; } .my-wishlist .btn-cart { margin:10px 0 5px; } /* My Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:5px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } /* My Reviews TODO:deprecated %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #my-reviews-table td { padding: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 { margin:0 0 8px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 10px; } .product-review .product-details { margin:0 20px 20px 155px; } .product-review .product-name { font-size:18px; margin:0 0 18px; } .product-review h3 { font-size:12px; margin:15px 0 5px; } .product-review .ratings-table { margin:0 0 15px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:12px; margin:5px 0 0; } /* Billing Agreements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .billing-agreements .form-list li select { float:left; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } .billing-agreements .table-caption { font-weight:bold; font-size:13px; } /* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Remember Me Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .window-overlay { background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000; } .remember-me-popup-head { position:relative; } .remember-me-popup-close-button { margin-top: 15px; } /* MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-msrp-totals { color:red; text-align:right; text-transform:uppercase; } .map-cart-sidebar-total { display:block; color:red; font-weight:normal; font-size:12px; line-height:1.5em; } .map-popup { margin:10px 0 0; position:absolute; width:300px; z-index:100; } .map-popup-heading h2 { margin:0; overflow:hidden; white-space:nowrap; word-wrap: break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { display:none; } .map-popup-content { overflow:hidden; text-align:left; } .map-popup-checkout { 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; padding:20px; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #eee; } /* Common styles for: Remember Me Popup and MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .remember-me-popup, .map-popup { background:#fff; text-align:left; } .remember-me-popup-head, .map-popup-heading { border-bottom:1px solid #e5e5e5; padding:15px 45px 15px 20px; } .remember-me-popup-head h3, .map-popup-heading h2 { margin:0; font-size:16px; } .remember-me-popup-body, .map-popup-content { padding:20px; } .remember-me-popup-head .remember-me-popup-close, /* Only the "close" button in the header */ .map-popup-close { display:block; position:absolute; top:16px; right:16px; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .calendar { z-index:200; } .calendar .button { display: table-cell; /* Fix conflict with standard buttons */ } .calendar thead .hilite { /* How do the buttons in header appear when hover */ border: none; } .calendar thead .active { /* Active (pressed) buttons in header */ border: none; } .calendar tbody td.active { /* Active (pressed) cells */ padding: 2px 4px 2px 2px; border: none; color: crimson; } .calendar tbody td.selected { /* Cell showing selected date */ padding: 2px 4px 2px 2px; border: none; background-color: #eee; } .calendar tbody td.hilite { /* Hovered cells */ padding: 2px 4px 2px 2px; border: none; background-color: #fff; color: red; } /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-container, .footer-container2, .footer-container3 { background-repeat:repeat; background-position:center top; background-attachment: scroll; } .footer { margin:0 auto; padding:0; text-align:left; } .footer .item-left { float:left; margin-right:20px; } .footer .item-right { float:right; margin-left:20px; } /* Footer elements */ .footer .heading, #subscribe-form label { margin-bottom:0.625em; font-size:1.3333em; font-weight:normal; } /* Footer top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-top {} /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-primary {} /* Primary footer additional -------------------------------------------------------------- */ .footer-primary-top-spacing { border-bottom:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); padding-bottom:20px; margin-bottom:10px; } .footer-primary-bottom-spacing { border-top:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); padding-top:20px; margin-top:10px; } /* Footer secondary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-secondary {} /* Footer bottom %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-bottom {} /* Footer elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Newsletter form -------------------------------------------------------------- */ #subscribe-form {} #subscribe-form form { display:block; } #subscribe-form label { float:left; margin:0 5px 0 0; line-height:36px; font-weight:normal; position: relative; } #subscribe-form .input-box { float:left; margin:0 5px 5px 0; position:relative; } #subscribe-form .input-box .validation-advice { padding:10px 0; margin:0; width:140%; position:absolute; top:-103%; left:-20%; text-align:center; background-color:#fff; background-color:rgba(255,255,255,0.9); z-index:1; } #subscribe-form .input-text { float:left; width:auto; } #subscribe-form .input-text.validation-failed {} #subscribe-form .button { float:left; } /* Social services -------------------------------------------------------------- */ .social-links a > span.icon { display:inline-block; } /* For backward compatibility */ .social-links span.icon, /* For backward compatibility */ .social-links .ib { margin-bottom:3px; } /* Other elements -------------------------------------------------------------- */ .footer-copyright { font-size:11px; line-height:16px; margin:4px 0; } /* Scroll to top button -------------------------------------------------------------- */ #scroll-to-top { display:none; position:fixed; width:50px; height:50px; line-height:50px; text-align:center; font-size:32px; bottom:56px; right:30px; z-index:9999; border-radius:50%; background-image:none !important; /* To hide possible image bg from outdated custom CSS styles */ } #scroll-to-top:hover { background-color:#333; } /* Configurable Swatches %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Configurable Swatches %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clears */ .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after { content: ''; display: table; clear: both; } /* General Swatch Styling -------------------------------------------------------------- */ .swatch-link, .swatch-label { display: block; border-radius: 0; /*3px;*/ font-size: 14px; text-align: center; color: #636363; text-decoration: none; box-sizing: content-box; } .swatch-link { border: 1px solid #cccccc; margin: 0 0 3px; } .swatch-link img { border-radius: 0; /*2px*/ } .swatch-link:hover { cursor: pointer; text-decoration: none; } .swatch-link .x { display: none; text-indent: -999em; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/bg_x.png) center no-repeat transparent; z-index: 10; } .swatch-link.has-image .swatch-label { position: relative; } .swatch-link.has-image img { position: absolute; top: 0; left: 0; } .swatch-label { border: 1px solid #fff; margin: 0; white-space: nowrap; background: #f4f4f4; } /* Configurable swatch list -------------------------------------------------------------- */ .configurable-swatch-list { zoom: 1; clear: both; -webkit-transform: translateZ(0px); } .configurable-swatch-list li { float: left; zoom: 1; margin: 0 0 0 3px; } .products-grid .configurable-swatch-list li { display: inline-block; float: none; margin: 0; vertical-align: top; } .configurable-swatch-list .not-available .x { display: block; } .configurable-swatch-list .not-available .swatch-link { border-color: #ededed; position: relative; } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: 0.4; filter: alpha(opacity=40); } .configurable-swatch-list .not-available .swatch-label { color: #aaa; background: #fff; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 6px; } .configurable-swatch-list .not-available a:focus { outline: 0; } /* In layered navigation -------------------------------------------------------------- */ #narrow-by-list dd .configurable-swatch-list li { margin: 0 0 0 3px; width: 47%; } #narrow-by-list dd .swatch-link { border: none; line-height: 25px; margin-right: 2px; text-align: left; } #narrow-by-list dd .swatch-link.has-image { line-height: inherit; } #narrow-by-list dd .swatch-link:hover .swatch-label { border-color: #000; } #narrow-by-list dd .swatch-label { background: #f4f4f4; border: 1px solid #cccccc; border-radius: 0; /*3px;*/ display: block; float: left; line-height: 1.5em; margin: 0 5px 0 0; padding: 1px 5px; white-space: nowrap; } #narrow-by-list dd .swatch-label img { border: 1px solid #fff; border-radius: 0; /*3px;*/ box-sizing: content-box; } #narrow-by-list dd .has-image .swatch-label { padding: 0; } /* Remove list arrow */ .block-layered-nav dd .configurable-swatch-list li, .block-layered-nav .currently ol.configurable-swatch-list li { background: none; padding-left: 0; } .block-layered-nav dd .configurable-swatch-list > li > a::before { display: none; } /* In layered navigation - current filter -------------------------------------------------------------- */ .currently .swatch-current { position: relative; } .currently .swatch-current .btn-remove { margin-top: -10px; position: absolute; right: 0; top: 50%; } .currently .swatch-current span { display: block; float: left; } .currently .swatch-link { display: inline-block; margin: 0 0 0 3px; } .currently .swatch-link:hover { border-color: #cccccc; cursor: default; } /* Other Swatch States -------------------------------------------------------------- */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #000; } .configurable-swatch-box { background: none !important; } .configurable-swatch-box select.swatch-select { display: none; } .configurable-swatch-box .validation-advice { margin: 0 0 5px; background: #df280a; padding: 2px 5px !important; font-weight: bold; color: #fff !important; float: left; display: block; border-radius: 0; /*3px;*/ } /* Product page swatches %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-options .swatch-attr { float: none; display: block; clear: both; border: 0; } .product-view .product-options .swatch-attr label, .product-view .product-options .swatch-attr .select-label { font-size: 12px; } .product-view .product-options .swatch-attr label { display: block; } .product-view .product-options .swatch-attr .select-label { display: inline; font-weight: normal; padding-left: 5px; } .product-view .product-options dd .input-box { width: auto; height: auto; } .product-view .product-options .select-label { display: none; } .product-view .add-to-cart button.out-of-stock { background-position: -80px -362px; cursor: default; } /* Gallery %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-image-gallery { /*position: relative;*/ } .product-image-gallery .gallery-image { display: none !important; /* Added 'important' to override inline style of cloud zoom */ } .product-image-gallery .gallery-image.visible { display: block !important; } .product-image-gallery .gallery-image.visible.hidden { visibility: hidden; } /* Overlay and spinner */ .product-image-gallery:before, .product-image-gallery:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .product-image-gallery:before { background-color: white; opacity: 0.8; z-index: 2; } .product-image-gallery:after { background-image: url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/opc-ajax-loader.gif); background-repeat: no-repeat; background-position: center; z-index: 3; } .product-image-gallery.loading { position: relative; } .product-image-gallery.loading:before, .product-image-gallery.loading:after { display: block; } /* Mark for required product options (next to option label) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ label.required:after, span.required:after { content: ' *'; color: #EE001C; font-weight: normal; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; } label.required em, span.required em { display: none; } /* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* CMS pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home page */ body.cms-index-index .breadcrumbs { display:none; } /* Magento widgets %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .widget-new-products .products-grid .item, .widget-viewed .products-grid .item, .widget-compared .products-grid .item { float: left; max-width: 165px; padding: 0 10px 15px; } .widget-new-products .products-list, .widget-viewed .products-list, .widget-compared .products-list { list-style-type: none; padding: 0; } .widget-new-products .products-list .product-image, .widget-viewed .products-list .product-image, .widget-compared .products-list .product-image { float: left; } /* Static block added via widget. Add "div" to make the rule more specific. */ .sidebar div.widget-static-block { margin-bottom:10px; } /* Clear %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .clear { clear:both; font-size:0; line-height:0; height:0; } /* Additional simple clearing */ .clearer:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, /* Additional clearing */ .breadcrumbs:after, .product-type-data .item-options:after, .my-account .order-info:after, .mini-cart .mini-cart-content .mini-products-list li.item:after, .block-related-thumbnails .product:after, .cart .crosssell:after, .data-table .item-options:after, .section-line:after, .section-title:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* FILE: amshopby.css */ div.amshopby-column { float: left; width: 49%; overflow: hidden; } select.amshopby-select { width:170px; } .amshopby-logo{ padding: 0pt 10px 10px 0pt; float: left; } .amshopby-featured { padding: 5px 5px 5px 5px; } .amshopby-link{ float:left; padding-left:5px; padding-top:5px; } .amshopby-clearer { display:block; clear:both; overflow: hidden; } div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;} div.block-layered-nav dd a.amshopby-attr, div.block-layered-nav dd a.amshopby-attr:hover {padding-left:15px; background-image:url(https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;} div.block-layered-nav dd a.amshopby-attr::before, div.block-layered-nav dd a.amshopby-attr-selected::before {border-style: none !important;} div.block-layered-nav dd a.amshopby-attr-selected {font-weight: bold; padding-left:15px; background-image:url(https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;} div.block-layered-nav dd a.amshopby-attr-inactive {pointer-events: none; color: #666666} div.block-layered-nav dd a img {/* padding: 0px 4px 5px;*/ float:left;} div.block-layered-nav dd .single-choice a.amshopby-attr, div.block-layered-nav dd .single-choice a.amshopby-attr:hover {background-image: url(https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-rb1.gif);} div.block-layered-nav dd .single-choice a.amshopby-attr-selected {background-image: url(https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-rb2.gif);} div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;} div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;} div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold; color:black; text-decoration: none; cursor:text;} div.block-layered-nav li.amshopby-cat-multi a { padding-left:15px; background-image:url(https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center; } div.block-layered-nav li.amshopby-cat-multiselected a { font-weight: bold; background-image:url(https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center; } div.block-layered-nav dd li span.amshopby-plusminus {float:left; display:block; width:15px; height:15px; cursor:pointer; background:transparent url(https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-plus.gif) no-repeat;} div.block-layered-nav dd li span.minus {background:transparent url(https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-minus.gif) no-repeat;} div.block-layered-nav dd li:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } div.block-layered-nav.amshopby-collapse-enabled dl dt { cursor:pointer; padding-left:15px; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat; } div.block-layered-nav.amshopby-collapse-enabled dl dt::after { border-style: none !important; } div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed {background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;} .main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt{background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;} .main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed{background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;} .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dd .no-display { display: block!important; } div.block-layered-nav div.amshopby-slider { position:relative; margin:10px 4px 5px 4px; z-index:9; height:18px; background: url(https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor:pointer; } div.block-layered-nav div.amshopby-slider div.handle {margin-left:-4px; width:8px; top:3px; height:14px; background: transparent url(https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move; z-index: 2;} /* * Slider labels */ .amshopby-slider-price { color: #798794; } .amshopby-slider-price-from { float: left; } .amshopby-slider-price-to { float: right; } .amshopby-slider-handle-right { position: absolute; top: 14px; right: 0px; } .amshopby-slider-handle-left { position: absolute; top: 14px; left: 0px; } .amshopby-tooltip { padding:2px 5px; background:#FEC; border:1px solid #FAA819; color:#1F5070; text-align:left; width:200px; position:absolute; } .amshopby-slider-price-range { text-align: center; font-size: 0.9em; } .amshopby-tooltip-img { cursor:help; display: inline; } div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top { position: relative; } div.amshopby-overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity = 50); position: absolute; top: 0; width: 100%; z-index: 555; } div.amshopby-overlay img { top: 100px; left: 45%; display: block; position: absolute; } div.amshopby-overlay div { margin: 0 auto; display: block; width: 300px; height: 200px; background: url('https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-overlay.gif') 50% 50% no-repeat; } /* * Advanced Categories */ .amshopby-advanced li { clear: both; } .amshopby-advanced li.level1 { padding-left: 20px; } .amshopby-advanced li.level2 { padding-left: 30px; } .amshopby-advanced li.level3 { padding-left: 40px; } .amshopby-advanced li.level4 { padding-left: 50px; } .amshopby-advanced li.active > a { font-weight: bold; } /* * Slider Bar */ .amshopby-slider-bar { position:absolute; background: #999; height: 6px; top: 6px; z-index: 1; } /* * Subcategories block */ .amshopby-subcategory-image { overflow: auto; } .btn-remove-inline { background-image: url('https://www.pinkgellac.com/skin/frontend/base/default/images/am_btn_remove.gif'); background-repeat: no-repeat; width:13px; height:12px; margin-left: 4px; } .btn-remove-inline:hover { /* background-position: center bottom; */ } .amshopby-hightlighted { background: yellow;} .btn-remove-inline img {display: inline;} div.block-layered-nav div.amshopby-slider div.handle.active { z-index: 3; } .amshopby-slider-ui { background: url(https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; margin: 10px .4em; } .amshopby-slider-ui .ui-slider-handle { background-color: #f18200; border: 1px solid #de5400; box-sizing: border-box; outline: none; } .amshopby-slider-ui .ui-slider-range { background-color: #999999; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { cursor: pointer; position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.4em; } .ui-slider-horizontal .ui-slider-range { top: 0.2em; height: 8px; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .amshopby-narrow-by-list table td { vertical-align: top; } input[name^="amshopby"][id$="from"].input-text, input[name^="amshopby"][id$="to"].input-text{ width: auto; } .amshopby-item-top{ max-width: 225px; min-width: 180px; display: inline-block; vertical-align: top; height: 100%; } .amshopby-filters-top .block-content ol{ max-width: 250px; } .amshopby-item-top div.amshopby-column { width: auto; } .no-display-current, .no-display{ display: none; } .current .no-display-current, dd.current td.no-display{ display: block; } @media only screen and (max-width: 770px) { dl#narrow-by-list, dl#narrow-by-list2 { padding: 0px; } .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dt{background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;} .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content.accordion-open dl dt.current{background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;} } div.block-layered-nav ol:not(.single-choice) select option[selected] { color:white; background-color: rgba(171, 171, 171, 1); } .amshopby-apply-button {width: 180px; height: 40px; margin-top: 1em;} /** * All Brands page */ .content .ambrands-list { min-width: 180px; } /* FILE: itemslider.css */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/css/infortis/_shared/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:12px;height:12px;margin:5px 7px;background:#b58295;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#fe007c} /* FILE: generic-nav.css */ /* Generic arrows 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows2 .owl-controls .owl-buttons div { position:absolute; display:block; width:50px; height:50px; line-height:50px; text-align:center; cursor:pointer; text-decoration:none; overflow:hidden; text-indent:-9999px; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; opacity:0; filter:alpha(opacity=0); } .slider-arrows2:hover .owl-controls .owl-buttons div { opacity:1; filter:alpha(opacity=100); } .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; } .slider-arrows2 .owl-controls .owl-buttons .owl-prev { background-position:-2px 0; left:0; top:46%; } .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-2px -50px; } .slider-arrows2 .owl-controls .owl-buttons .owl-next { background-position:-48px 0; right:0; top:46%; } .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-48px -50px; } /* Generic arrows 3 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows3 .owl-controls .owl-buttons div { position:absolute; display:block; width:18px; height:30px; line-height:30px; text-align:center; cursor:pointer; text-decoration:none; overflow:hidden; text-indent:-9999px; background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/infortis/_shared/generic-nav/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; } .slider-arrows3 .owl-controls .owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#fff; /* Must be the same as default color */ } .slider-arrows3 .owl-controls .owl-buttons .owl-prev { background-position:-10px -10px; top:30%; left:-23px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-10px -60px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .slider-arrows3 .owl-controls .owl-buttons .owl-next { background-position:-60px -10px; top:30%; right:-12px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-60px -60px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Generic pagination 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-pagination1 .owl-controls .owl-page { display: inline-block; vertical-align: middle; zoom: 1; *display: inline;/*IE7 life-saver */ } .slider-pagination1 .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 7px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#eee; transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; } .slider-pagination1 .owl-controls.clickable .owl-page:hover span { background-color:#000; } .slider-pagination1 .owl-controls .owl-page.active span { background-color:#ccc; } /* Generic pagination 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-pagination2 .owl-controls .owl-page { display: inline-block; vertical-align: middle; zoom: 1; *display: inline;/*IE7 life-saver */ } .slider-pagination2 .owl-controls .owl-page span { display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); width:10px; height:10px; margin:8px; transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; /* transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;*/ } .slider-pagination2 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls .owl-page.active span { width:16px; height:16px; margin:5px; } .slider-pagination2 .owl-controls .owl-page.active { cursor:default; } /* Pagination position %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .pagination-pos-bottom-centered { padding-bottom: 50px; /* Additional space for bottom pagination */ } .pagination-pos-bottom-centered .owl-pagination { padding: 10px 0; text-align: center; position: absolute; width: 100%; } .pagination-pos-bottom-right .owl-pagination { padding: 10px 0; float: right; } .pagination-pos-bottom-left .owl-pagination { padding: 10px 0; float: left; } /* Over the slider */ .pagination-pos-over-bottom-centered .owl-pagination { text-align: center; margin-top: -35px; position: absolute; width: 100%; } .pagination-pos-over-bottom-right .owl-pagination { position:absolute; bottom:3.5%; right:1.5%; } .pagination-pos-over-bottom-left .owl-pagination { position:absolute; bottom:3.5%; left:1.5%; } /* FILE: brands.css */ /** * Brands */ /* Base %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .brand-name { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; line-height: 18px; text-align: center; } .brand-name-wrapper { display: table; min-height: 36px; /* Two lines of text */ margin: 0 auto; } .brand-name-wrapper .brand-name { display: table-cell; vertical-align: middle; } /* On product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .box-brand a { margin:0 auto; display:block; } .box-brand img { margin:0 auto; display:block; } .box-brand .brand-name {} .box-brand .brand-name .label {} /* Brand in secondary column on product page */ .product-secondary-column .box-brand .attribute { font-size:1.25em; /*15px*/ line-height:1.2em; /*18px*/ font-weight:bold; text-align:center; margin:10px 0; } /* Brand slider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .brand-slider .item { padding-bottom: 20px; padding-top: 20px; text-align: center; } .brand-slider .item a { display: block; } .brand-slider .owl-item.loading { min-height:60px; } /* FILE: accordion.css */ /* * Accordions and collapsible blocks */ /* Accordion %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion { padding:0; margin:0; list-style-type:none; } .accordion ul { display:block; /*display:none;*/ float:left; width:100%; padding:0; margin:0; } .accordion li { float:left; display:block; width:100% !important; padding:0 !important; margin:0; list-style-type:none; cursor:pointer; position:relative; } .accordion li a { display:block; padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } .accordion li li a { padding-left:20px; } .accordion li li li a { padding-left:40px; } .accordion li li li li a { padding-left:60px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion li.parent > a { padding-right:54px; } /* Opener -------------------------------------------------------------- */ .accordion .opener { position:absolute; right:0; top:0; display:block; cursor:pointer; text-align:center; width:49px; height:49px; line-height:49px; background: url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/infortis/_shared/accordion/opener.png) center center no-repeat; } .accordion .opener:hover { background-color:rgba(0,0,0, 0.05); } /* Active */ .accordion li.item-active > .opener { background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/infortis/_shared/accordion/opener-active.png); } /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Padding -------------------------------------------------------------- */ .accordion-style1 li a { padding:5px 10px; } .accordion-style1 li li a { padding-left:20px; } .accordion-style1 li li li a { padding-left:35px; } .accordion-style1 li li li li a { padding-left:50px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:33px; } /* Misc -------------------------------------------------------------- */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); font-size:1em; /*12px*/ line-height:1.5em; /*18px*/ } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Opener -------------------------------------------------------------- */ .accordion-style1 .opener { width:28px; height:28px; line-height:28px; /*background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/infortis/_shared/accordion/opener-small.png);*/ background-color:rgba(0,0,0, 0.03); } .accordion-style1 .opener:hover { background-color:rgba(0,0,0, 0.10); background-image: url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/infortis/_shared/accordion/opener-w.png); } /* Active */ /*.accordion-style1 li.item-active > .opener { background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/infortis/_shared/accordion/opener-small-active.png); }*/ .accordion-style1 li.item-active > .opener:hover { background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/infortis/_shared/accordion/opener-active-w.png); } /* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .collapsible .block-title { cursor: pointer; } .collapsible .block-title, .mobile-collapsible .block-title { padding-top:8px; /*padding-right:35px;*/ /* Rremoved space for opener */ padding-bottom:8px; border-bottom:1px solid #f2f2f2; border-color:rgba(0,0,0, 0.05); margin-bottom:0.625em; /*10px*/ font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ font-weight:normal; } .collapsible .block-content, .collapsible .block-content > * { margin-top:0; /* Prevent animation jumping */ } /* Deprecated: opener -------------------------------------------------------------- */ .collapsible .opener { position:absolute; right:0; top:2px; display:block; cursor:pointer; text-align:center; width:30px; height:30px; line-height:30px; background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/infortis/_shared/accordion/opener.png); background-position:center center; background-repeat:no-repeat; background-color:#f2f2f2; /*IE*/ background-color:rgba(0,0,0, 0.05); } .collapsible .opener:hover { background-color:#e5e5e5; /*IE*/ background-color:rgba(0,0,0, 0.1); background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/infortis/_shared/accordion/opener-w.png); } .collapsible.active .opener { background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/infortis/_shared/accordion/opener-active.png); } .collapsible.active .opener:hover { background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/infortis/_shared/accordion/opener-active-w.png); } /* FILE: menu.css */ /* * Main menu * * Old selector: New selector: * #nav --> .nav-regular * #nav.mobile --> .nav-mobile */ /* Common elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Category blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-block { margin-top: 1%; margin-bottom: 1%; } .nav-block--center { margin-top: 1%; margin-bottom: 1%; } /* Section line (separator) is lighter than other lines -------------------------------------------------------------- */ .nav-block .section-line { border-color: #eee; } /* Deprecated: custom static block block_header_nav_dropdown displayed as a dropdown -------------------------------------------------------------- */ #nav .nav-custom-link .header-nav-dropdown-wrapper .heading { margin: 10px 0; } /* Caret %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-regular .caret { display:inline-block; width:0; height:0; margin-bottom:2px; margin-left:2px; vertical-align:middle; content:""; border-color:#333 transparent transparent; border-style:solid solid none; border-width:4px 4px 0; } /* Only items with dropdown display the caret */ .nav-regular .caret { display: none; } .nav-regular .nav-item--parent > a .caret { display: inline-block; } /* Carets inside dropdowns - right side caret */ .nav-regular .nav-panel a .caret { border-color: transparent transparent transparent #333; border-style: solid none solid solid; border-width: 4px 0 4px 4px; margin-left: 5px; opacity: 0.2; } .nav-regular .nav-panel a:hover .caret { opacity: 1; } /* Home link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home link with icon inside a menu item -------------------------------------------------------------- */ /* Class "feature" inside an item */ .nav-regular .nav-item--home a {} .nav-regular .nav-item--home .ic { display: inline-block; font-size: 16px; padding: 0; width: 30px; text-align: center; vertical-align: middle; /* TODO: check for better option */ float: none; background-color: transparent !important; /* Remove default colors */ } /* Single icon as a home link -------------------------------------------------------------- */ #nav .nav-item--homeicon a { padding-left: 17px; /* The same as side padding of top-level items +5px */ padding-right: 5px; background: none !important; box-shadow: none !important; border: none !important; opacity: 1; transition: opacity 450ms ease-in-out; -moz-transition: opacity 450ms ease-in-out; -webkit-transition: opacity 450ms ease-in-out; -o-transition: opacity 450ms ease-in-out; } #nav .nav-item--homeicon a:hover { opacity: 0.6; transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Category labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cat-label { padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; text-transform:none; text-shadow:none; transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } li > a:hover > span > .cat-label { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* labels: 1st level -------------------------------------------------------------- */ li.level0 > a > span { position:relative; } li.level0 > a > span > .cat-label { position:absolute; top:-10px; /*-14px*/ right:0; padding:0 6px; font-size:14px; line-height:22px; } /* Add pin (1st level only) */ li.level0 > a > span > .pin-bottom:before { position:absolute; right:6px; top:22px; width:0; height:0; content:""; border-style:solid; border-width:4px; border-color:transparent; transition: border-color 450ms ease-in-out; -moz-transition: border-color 450ms ease-in-out; -webkit-transition: border-color 450ms ease-in-out; -o-transition: border-color 450ms ease-in-out; } li.level0 > a:hover > span > .pin-bottom:before { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* labels: 2nd level -------------------------------------------------------------- */ li.level1 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:5px; vertical-align:middle; } /* labels: 3rd level -------------------------------------------------------------- */ li.level2 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:2px; } /* Category labels inside mobile menu / vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-mobile li > a > span > .cat-label { position:static; display:inline-block !important; padding:0 4px; margin-left:5px; /* Label size: all levels */ font-size:14px; line-height:18px; } /* Hide pin */ .nav-mobile li > a > span > .pin-bottom:before { display:none; } /* Non-clickable links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav a.no-click { cursor: default; } /* Remove highlight color on tap %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav, .mobnav-trigger, .nav-regular .nav-item.level0 > a { -webkit-tap-highlight-color: transparent; } /* Base styles of the menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav { position: relative; /* Dropdown box position is relative to this container */ z-index: 2000; /* Without this dropdown goes under other elements */ -webkit-transform: translateZ(0); /* Fix possible glitches during animation */ } #nav.nav-mobile { display: none; } #nav.nav-mobile.show { display: block; } /* Standard menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Height of the menu bar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Top-level items and mobile menu trigger */ .mobnav-trigger, .nav-regular .nav-item.level0 > a { line-height:50px; } /* Additional classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Menu items centered within the menu bar -------------------------------------------------------------- */ .nav-regular.centered { text-align: center; } .nav-regular.centered li.level0 { float: none; display: inline-block; } .nav-regular.centered li.level0.right, .nav-regular.centered li.level0.left { float: none !important; } /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Openers */ .nav-regular .opener { display: none; } /* Hide elements */ .nav-regular .hide-in-desktop-menu { display: none !important; } /* Holder for additional elements in the menu bar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Important: added "#nav" id to make the rule more specific and override the default float direction */ #nav .nav-holder { float: right; } .nav-holder > * { display: block; } /* Drop-downs -------------------------------------------------------------- */ .nav-holder .dropdown .dropdown-heading .label { vertical-align: baseline; } /* Search box -------------------------------------------------------------- */ /* Common styles for search box in holder, wehn it's displayed inisde menu bar and inside mobile menu trigger. Important: added "ul.nav-regular" and ".header-regular" to make both rules more specific. */ ul.nav-regular .nav-holder .search-wrapper, .header-regular .nav-holders-wrapper-mobile .nav-holder .search-wrapper { width: inherit; /* Important: to avoid stretching the box to 100% */ float: none !important; display: inline-block; vertical-align: middle; padding-left: 7px; /* To center the search box vertically */ margin-bottom: 1px; /* Override styles of search box when its inside element with class ".hp-blocks-holder--stacked" */ max-width: none; margin: 0; } ul.nav-regular .nav-holder .search-wrapper .input-text, .header-regular .nav-holders-wrapper-mobile .nav-holder .search-wrapper .input-text { /* To center the search box vertically */ margin-bottom: 1px; } /* Mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger. Shares style with the 1st-level links from the standard menu. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger -------------------------------------------------------------- */ .mobnav-trigger { display:block; padding:0 15px; } /* Mobile menu icon */ .mobnav-trigger .trigger-icon { display:block; float:left; width:23px; padding-top:18px; margin:0 8px 0 0; } .mobnav-trigger .trigger-icon .line { display:block; background-color:#fff; height:3px; margin-bottom:2px; } /* Mobile menu trigger wrapper -------------------------------------------------------------- */ .mobnav-trigger-wrapper { display: none; } /* If trigger is next to the holders wrapper, make it float left */ .nav-holders-wrapper-mobile + .mobnav-trigger { float: left; } /* Wrapper of the menu holders. Holders are moved inside this wrapper when the menu is in the mobile mode. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-holders-wrapper-mobile { float: right; } .nav-holders-wrapper-mobile .nav-holder { float: right; } .nav-holders-wrapper-mobile .nav-holder > * { line-height: 50px; /* The same height as height of the mobile menu items and mobile menu trigger */ max-height: 50px; } /* Common styles with mobile menu trigger -------------------------------------------------------------- */ .mobnav-trigger, .nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading { font-size: 14px; } /* Drop-downs -------------------------------------------------------------- */ /* Set max height (the same as height of the mobile menu items and mobile menu trigger) to avoid issues with excessive height of the dropdown elements */ .nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading { max-height: 50px; line-height: 50px; } .nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading.cover > span, .nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading.cover > div { padding: 0 15px; } /* Drop-downs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Drop-downs inside mobile menu */ .nav-mobile .nav-panel--dropdown { /* To override width which can be added to dropdowns of the regular menu */ width: 100% !important; /* Reset of dropdown's inline positioning */ left: 0 !important; top: 0 !important; } /* Remove background color of dropdown in items containing only subcategories */ .nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown { background-color: transparent !important; } /* Show category blocks on selected levels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide blocks on all levels */ .nav-mobile .nav-block { display: none; } /* Structure of the selectors below: menu.modifier [level] item > panel > innerPanel > categoryBlocks */ /* Show on 0 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb0 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } /* Remove dropdown shadow and background color */ .nav-mobile.opt-sb0 .nav-item > div > div { padding: 0 !important; } /* Remove padding of inner panel */ .nav-mobile.opt-sb0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } /* Stretch the central column */ .nav-mobile.opt-sb0 .nav-item.nav-item--only-blocks { display: none; } /* Hide items containing only category blocks */ /* TODO: for top-level items: If "nav-item--only-blocks": hide only the dropdown and the opener, but not the item itself. Exception: if it's an item of "block_header_nav_dropdown", the item has to be hidden completely because it's not clickable so there is no sense to display it. */ /*.nav-mobile.opt-sb0 .nav-item.nav-item--only-blocks > .opener { display: none; }*/ /* Show on 1 level -------------------------------------------------------------- */ .nav-mobile.opt-sb1 li.level0 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb1 ul.level0 .nav-item.nav-item--only-blocks { display: none; } /* Show on 2 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb2 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb2 li.level1 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb2 ul.level1 .nav-item.nav-item--only-blocks { display: none; } /* Show on 3 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb3 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb3 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb3 li.level2 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb3 ul.level2 .nav-item.nav-item--only-blocks { display: none; } /* Show on 4 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb4 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level2 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level3 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb4 ul.level3 .nav-item.nav-item--only-blocks { display: none; } /* Show on 5 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb5 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level2 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level3 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level4 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb5 ul.level4 .nav-item.nav-item--only-blocks { display: none; } /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Carets -------------------------------------------------------------- */ .nav-mobile .caret { display: none !important; } /* Home link -------------------------------------------------------------- */ .nav-mobile .nav-item--home { display: none !important; } /* Hide elements -------------------------------------------------------------- */ .nav-mobile .hide-in-mobile-menu { display: none !important; } /* Hide containers for additional elements -------------------------------------------------------------- */ .nav-mobile .nav-holder { display: none !important; } /* Miscellaneous %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Other modules/components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Item sliders -------------------------------------------------------------- */ .nav .itemslider { margin-top:0; margin-bottom:0; } .nav .itemslider .item { padding-top:5px; padding-bottom:0; } .nav .itemslider .product-name a { display: inline-block; } .nav .itemslider .product-name { margin-top: 8px; } /* FILE: menu-accordion.css */ /** * Mobile menu accordion */ .acco { list-style-type:none; } .acco li.nav-item { list-style-type:none; display:block; float:left; width:100% !important; /* Use "!important" to override grid units styling */ padding:0 !important; margin:0 !important; position:relative; /* For opener positioning */ } .acco ul.nav-panel { display:block; float:left; width:100%; padding:0; margin:0; } /* Items %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .acco li.parent > a { padding-right:54px; } /* All levels -------------------------------------------------------------- */ .acco .nav-item > a { display: block; padding: 15px 10px; /* Set default line height in pixels because font size will be changed via admin (and that would also change the line height) */ font-size: 16px; /*1.3333em*/ line-height: 19px; /*1.125em*/ } /* Level 1 -------------------------------------------------------------- */ .acco li.level0 > a { font-size: 18px; text-transform: uppercase; } /* Level 2 -------------------------------------------------------------- */ .acco li.level1 > a { padding-left: 30px; font-size: 16px; text-transform: uppercase; } /* Level 3 -------------------------------------------------------------- */ .acco li.level2 > a { padding-left: 50px; font-size: 16px; text-transform: none; } /* Level 4 -------------------------------------------------------------- */ .acco li.level3 > a { padding-left: 70px; font-size: 14px; text-transform: none; } /* Level 5+ -------------------------------------------------------------- */ .acco li.level3 .nav-item > a /* Level 5+ */ { padding-left: 90px; font-size: 12px; text-transform: none; } /* Opener %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .acco .opener { position:absolute; right:0; top:0; display:block; cursor:pointer; text-align:center; width:49px; height:49px; line-height:49px; background: url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/infortis/_shared/accordion/opener.png) center center no-repeat; } .acco .opener:hover { background-color:rgba(0,0,0, 0.05); } /* Active */ .acco li.item-active > .opener { background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/infortis/_shared/accordion/opener-active.png); } /* FILE: menu-dropdown.css */ /** * Main menu dropdown boxes */ /* Common %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .nav-item { text-align: left; } .nav-regular .nav-item > a { display: block; text-decoration: none; } /* Level 1 only -------------------------------------------------------------- */ .nav-regular li.level0 { float: left; } .nav-regular li.level0 > a { padding: 0 12px; } /*TODO:holders*/ .nav-regular li.level0 > a > span { display: inline-block; white-space: nowrap; } /* Top-level item on hover: pull up the link above the dropdown */ .nav-regular li.level0:hover > a { z-index: 2001; /* One level above the dropdown */ position: relative; } /* Caret */ .nav-regular li.level0 > a .caret { opacity: 0.3; } .nav-regular li.level0.active > a .caret { opacity: 1; } .nav-regular li.level0:hover > a .caret { opacity: 1; } /* Dropdowns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .nav-panel--dropdown { display:none; position:absolute; top:0; z-index:2000; /* Pull above top-level menu items */ background-color:#fff; /* To avoid transparent menu */ /* Uncomment below line to fix possible glitches during animation in webkit browsers */ /*-webkit-transform: translateZ(0);*/ } /* Inner wrapper of the dropdown (for additional padding etc.) -------------------------------------------------------------- */ #nav .nav-panel-inner { padding: 23px; } /* Required value in pixels to keep padding consistent in different dropdowns */ #nav .nav-panel-inner:before, #nav .nav-panel-inner:after { display: table; line-height: 0; content: ""; } #nav .nav-panel-inner:after { clear: both; } /* Full width dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-regular .nav-panel.full-width { width:100%; } .nav-regular .nav-panel.tmp-full-width { width:100% !important; } /* Temporary class required by js */ /* Mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .mega > .nav-panel--dropdown { margin:0; } /* Level 2+ -------------------------------------------------------------- */ .nav-regular .nav-panel li.mega { position: relative; } /* Container of the dropdown has to be relative (only on levels 2+) */ .nav-regular .nav-panel li.mega > .nav-panel--dropdown {} .nav-regular .nav-panel li.mega:hover > .nav-panel--dropdown { display: block; left: 60px; top: 0; } /* Inside mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Align submenu's content (grid) with the submenu */ .nav-regular .nav-submenu--mega { margin-left: -1%; margin-right: -1%; } /* Inside mega dropdown, level 1: item -------------------------------------------------------------- */ .nav-regular .nav-submenu--mega > li { display: inline-block; float: none; vertical-align: top; padding-top: 0; padding-bottom: 5px; } .nav-regular .nav-submenu--mega > li > a { font-size: 16px; line-height: 1.25em; /*20px*/ } /* If item is a parent of subcategories, add bottom margin, but romove it if item is a parent of a dropdown */ .nav-regular .nav-submenu--mega > li.parent > a { margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li.nav-item--parent > a { margin-bottom: 0; } /* Inside mega dropdown, level 1: submenu -------------------------------------------------------------- */ /* Each submenu has to be static unless it's a dropdown itself (e.g. if type "classic" was applied to the item). Also, add bottom margin to panel, but romove it if it's a dropdown. */ .nav-regular .nav-submenu--mega > li > .nav-panel { position: static; margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li > .nav-panel--dropdown { position: absolute; margin-bottom: 0; } /* Inside mega dropdown, level 1: category blocks -------------------------------------------------------------- */ .nav-regular .nav-submenu--mega > li > .nav-block--top { margin-top: 0; margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li > .nav-block--bottom { margin-top: 10px; margin-bottom: 0; } /* Inside mega dropdown, level 2: item -------------------------------------------------------------- */ /* List bullets */ .nav-regular .nav-submenu--mega > li > ul > li { background: url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/infortis/ultra-megamenu/bullet.png) 3px 6px no-repeat; padding-left: 15px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } .nav-regular .nav-submenu--mega > li > ul > li:hover { background-position:6px 6px; } /* Important: if item is inside a dropdown (e.g. if type "classic" was applied to the parent item), remove bullets */ .nav-regular .nav-submenu--mega > li > ul.nav-panel--dropdown > li { background: none; padding-left: 0; } /* Other */ .nav-regular .nav-submenu--mega > li > ul > li > a { line-height: 1.6666em; /*20px*/ } /* Classic dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Level 2+ -------------------------------------------------------------- */ .nav-regular .classic > .nav-panel--dropdown > li > a { line-height: 1.6666em; /*20px*/ } .nav-regular .classic > .nav-panel--dropdown > li > a .caret { float: right; margin-top: 6px; } /* Dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .classic > .nav-panel--dropdown { margin:0; padding:20px; /*TODO:*/ width:16em; min-width:12em; } /* Level 2+ -------------------------------------------------------------- */ .nav-regular .nav-panel li.classic { position: relative; } /* Container of the dropdown has to be relative */ .nav-regular .nav-panel li.classic > .nav-panel--dropdown {} .nav-regular .nav-panel li.classic:hover > .nav-panel--dropdown { display:block; left:60px; top:0; } /* If classic dropdown is on the 1 level of mega dropdown, change positioning */ .nav-regular .nav-submenu--mega > li.classic:hover > .nav-panel--dropdown { left:60px; top:20px; } /* Simple submenu - no dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* If submenu has to be displayed not as a dropdown, but as a simple list (with slight left indent) */ /* List bullets */ .nav-regular .simple > ul { margin-top: 5px; margin-bottom: 5px; } .nav-regular .simple > ul > li { background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/infortis/ultra-megamenu/bullet-mini.png) 3px 5px no-repeat; padding-left:15px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } .nav-regular .simple > ul > li:hover { background-position:6px 5px; } .nav-regular .simple > ul > li > a { opacity: 0.6; transition: opacity 150ms ease-out; -moz-transition: opacity 150ms ease-out; -webkit-transition: opacity 150ms ease-out; -o-transition: opacity 150ms ease-out; } .nav-regular .simple:hover > ul > li > a { opacity: 1; } /* Itemgrid for menu dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dd-itemgrid > .nav-item { float:left; padding-left:1%; padding-right:1%; } /* Itemgrid: different numbers of columns -------------------------------------------------------------- */ /* Clear first item in each row (row: group of n items) */ /* Item grid: 1 column */ .dd-itemgrid-1col > .nav-item { width:98%; } /* Item grid: 2 columns */ .dd-itemgrid-2col > .nav-item { width:48%; } .dd-itemgrid-2col > .nav-item:nth-child(2n+1) { clear:left; } /* Item grid: 3 columns */ .dd-itemgrid-3col > .nav-item { width:31.3333%; } .dd-itemgrid-3col > .nav-item:nth-child(3n+1) { clear:left; } /* Item grid: 4 columns */ .dd-itemgrid-4col > .nav-item { width:23%; } .dd-itemgrid-4col > .nav-item:nth-child(4n+1) { clear:left; } /* Item grid: 5 columns */ .dd-itemgrid-5col > .nav-item { width:18%; } .dd-itemgrid-5col > .nav-item:nth-child(5n+1) { clear:left; } /* Item grid: 6 columns */ .dd-itemgrid-6col > .nav-item { width:14.6666%; } .dd-itemgrid-6col > .nav-item:nth-child(6n+1) { clear:left; } /* Item grid: 7 columns */ .dd-itemgrid-7col > .nav-item { width:12.2857%; } .dd-itemgrid-7col > .nav-item:nth-child(7n+1) { clear:left; } /* Item grid: 8 columns */ .dd-itemgrid-8col > .nav-item { width:10.5%; } .dd-itemgrid-8col > .nav-item:nth-child(8n+1) { clear:left; } /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Fade -------------------------------------------------------------- */ .nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent > .nav-panel--dropdown { display: block; /* Important: has to be visible before hover */ left: -10000px; opacity: 0; -moz-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms; -webkit-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms; -o-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms; transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms; } .nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent:hover > .nav-panel--dropdown { opacity: 1; transition-delay: 50ms; -moz-transition-delay: 50ms; -webkit-transition-delay: 50ms; -o-transition-delay: 50ms; } /* FILE: menu-sidebar.css */ /** * Simple vertical menu (sidebar menu) */ .vertnav { float: left; width: 100%; } /* Number of products in category */ .vertnav .number { color: #aaa; margin-left: 3px; } /* Category labels inside vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels */ .vertnav li > a > span > .cat-label { position: static; display: inline-block !important; padding: 0 4px; margin-left: 3px; /* Label size */ font-size: inherit; line-height: inherit; } /* Hide pin */ .vertnav li > a > span > .pin-bottom:before { display: none; } /* FILE: additional.css */ @media only screen and (max-width: 319px) { .nav-mobile .nav-block { display: none !important; } .nav-mobile .nav-item > div.nav-panel--dropdown { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile .nav-item > div > div { padding: 0 !important; } .nav-mobile .nav-item > div > div > .nav-block--center { margin: 0 !important; width: 100% !important; } .nav-mobile .nav-item.nav-item--only-blocks { display: none; } } /* FILE: style_v148.css */ .mbdialog img{ border:0; vertical-align:top; } .mbdialog p{ margin:0 0 10px; } .mbdialog{ color:#2f2f2f; } /*dpqzsjhiunbhfcjseepudpn*/ .mbdialog *, .mbdialog *:before, .mbdialog *:after{ /*dpqzsjhiunbhfcjseepudpn*/ box-sizing:content-box; } .mbdialog th, .mbdialog td{ vertical-align:top; } .mbdialog img{ display:inline; } .dialogBg{ background: rgba(255, 255, 255, 0.90); position:fixed; overflow-x: auto; overflow-y: scroll; z-index:99999999; left:0; top:0; bottom:0; right:0; /*visibility:hidden;*/ display:none; cursor:pointer; } .dialogBody{ overflow:hidden; text-align:left; -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); } .mbdialog{ display:none; cursor:default; margin: 0px auto; position:absolute; z-index:99999998; -webkit-backface-visibility: hidden; } @media (max-width: 500px) { .mbdialog,.dialogBody{ -webkit-transform:translate3d(0, 0, 0); //bugfix if theme has translate3d on field behind popup } } .dialogTool{ position:relative; } .dialogClose{ position:absolute; top:-20px; right:-26px; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/magebird_popup/close_dark.png); background-position:5px 5px; background-repeat:no-repeat; height:26px; width:26px; cursor:pointer; z-index:99999995; } .dialogCloseCustom{ cursor:pointer; } .dialogClose.overlay2{ background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/magebird_popup/close_white.png); background-position:5px 5px; background-repeat:no-repeat; } .dialogClose.style2{ background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/magebird_popup/close_big.png); height:29px; width:29px; top:-15px; right:-15px; } .dialogClose.style2:hover{ background-position:0 -29px; } .dialogClose.style4,.dialogClose.style3{ background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/magebird_popup/close_simple_white.png) no-repeat 4px 4px; height:25px; width:25px; } .dialogClose.style3{ background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/magebird_popup/close_simple_dark.png) no-repeat 4px 4px; } .dialogClose.style6{ background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/magebird_popup/close_big_x.png) no-repeat; top:7px; right:8px; width:20px; height:20px; } .dialogClose.style6{ background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/magebird_popup/close_big_x_d.png) no-repeat; } .dialogClose.style7{ background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/magebird_popup/close_transparent.png) no-repeat; } .dialogClose.style8{ background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/magebird_popup/close_big_x.png) no-repeat; } .dialogClose.style9{ background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/magebird_popup/close_big_x_bold.png) no-repeat; } .dialogClose.style10{ background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/magebird_popup/close_big_x_bold_d.png) no-repeat; } .dialogClose.style11{ background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/magebird_popup/white_circle.png) no-repeat; } .dialogClose.style6,.dialogClose.style7,.dialogClose.style8,.dialogClose.style9,.dialogClose.style10,.dialogClose.style11{ width:30px; height:30px; background-position:center; } .dialogClose.style7,.dialogClose.style11{ width:35px; height:35px; } .dialogClose.style4:hover,.dialogClose.style3:hover{ background-position:4px -17px; } .dialogClose.style1:hover{ opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); } .imgType img{ display:block; } .mbdialog .error, .mbdialog .warning{ border:1px solid #EED2D8; color:#B94A4A; font-size:12px; font-weight:normal; text-shadow:1px 1px #FFFFFF; background-color:#F2DDDE; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; margin:0 15px 15px 0; padding:2px 5px; -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33); position:absolute; z-index:999999; } .mbdialog .error p, .mbdialog .warning p{ margin:4px 0; } .transform-rotate-zoom1{ -moz-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; -moz-transform:rotate(0deg) scale(0.001); -webkit-transform:rotate(0deg) scale(0.001); -o-transform:rotate(0deg) scale(0.001); -moz-transform:rotate(0deg) scale(0.001); -ms-transform: rotate(0deg) scale(0.001); } .transform-rotate-zoom2{ -webkit-transform: rotate(360deg) scale(1); -moz-transform: rotate(360deg) scale(1); -o-transform: rotate(360deg) scale(1); -ms-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } .popuptransition{ -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; } .transform-elastic1, .moctoddribegam{ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transform:scale(0.001); -webkit-transform:scale(0.001); -o-transform:scale(0.001); -moz-transform:scale(0.001); -ms-transform:scale(0.001); } .transform-elastic2{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .transform-elastic3{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform:scale(1); transform: scale(1); } .mbdialog table { border-spacing:0; border-collapse:separate; } /*FOLLOW WIDGET*/ .followPopup{ line-height:1; } .followPopup ul { list-style-type: none; padding: 0px; margin: 0px; } .followPopup li{ float:left; margin-right:10px; height:62px; overflow:hidden; width:63px; text-align:center; } .followPopup li img{ width:auto; } .followPopup.tp2 li{ height:20px; } .followPopup li.twitterFollow img,.followPopup li.pinFollow img{ margin-bottom:3px; margin-left:5px; } .followPopup.tp3 li.twitterFollow img,li.twitterTweet img, .followPopup.tp3 li.pinFollow img{ margin-bottom:3px; margin-left:0px; } .followPopup .fbLike{ min-width:48px; margin-right:2px; margin-left:-3px; } .followPopup.tp3 .fbLike{ margin-left:0px; } .followPopup .twitterTweet{ /*width:58px;*/ } .followPopup .twitterTweet{ visibility:visible !important; } .followPopup .gplusRecommend{ width:50px; } .gplusRecommend div{ vertical-align:top !important; } .followPopup .pinFollow{ min-width:59px; } .followPopup.tp3 li{ float:none; width:63px !important; margin-right:0; text-align:center; margin-bottom:10px; } /*FB like bugfix for ie*/ .fb-like.fb_iframe_widget iframe{ min-width:49px !important; min-height:61px !important; left:0; } /*END FOLLOW WIDGET*/ /* FILE: fblogin.css */ .account-login .fb-login h2 { background-image:url("https://www.pinkgellac.com/skin/frontend/base/default/images/magestore/fblogin/fb.png"); background-repeat: no-repeat; /* padding-left: 40px; */ padding-bottom: 5px } button.fb_button.fb_button_medium span { min-width: 140px; } span.fb_button_text { display: block; height: 35px; text-align: center; padding-left: 40px; padding-right: 10px; line-height: 33px; color: white; background: url("https://www.pinkgellac.com/skin/frontend/base/default/css/magestore/fblogin/fb.png") no-repeat; min-width:140px; } .col-1.new-users li.button { min-width: 80px; background: none; display: block; text-align: left; } .fb-seprate{ margin-top:30px; } #connected{ text-align:center; margin-top:60px; } #connected #image{ margin-bottom:10px; } /* FILE: rewardpoints.css */ /** * Magestore * * NOTICE OF LICENSE * * This source file is subject to the Magestore.com license that is * available through the world-wide-web at this URL: * http://www.magestore.com/license-agreement.html * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Magestore * @package Magestore_RewardPoints * @copyright Copyright (c) 2012 Magestore (http://www.magestore.com/) * @license http://www.magestore.com/license-agreement.html */ /* ============ Reward Points Stylesheets ============ */ /* Cart Sidebar - MiniCart */ .rewardpoints-cart-sidebar {min-height: 22px; text-align: left; clear: both; margin-top: 5px;} .rewardpoints-cart-sidebar img {margin-right: 3px;} /* ============ Reward Points Slider ============ */ .rewardpoints-slider-input{clear:both} #rewardpoints-slider-container {} #rewardpoints-slider { position: relative; z-index: 9; height: 18px; margin: 12px auto 18px; padding: 0 24px; cursor: pointer; width: 209px; float: left;} #rewardpoints-slider-zoom-out { position: absolute; left: 1px; top: 0px;} #rewardpoints-track { position: relative; height: 18px; background: url('https://www.pinkgellac.com/skin/frontend/base/default/css/magestore/images/reward_rule.gif') -1px 0px repeat-x;} #rewardpoints-handle { position: absolute; top: -1px; width: 9px; height: 22px; background: url('https://www.pinkgellac.com/skin/frontend/base/default/css/magestore/images/magnifier_handle.gif') 0 0 no-repeat;} #rewardpoints-slider-zoom-in { position: absolute; right: 1px; top: 0px;} .rewardpoints-slider-label { margin: 5px 0 0 5px; float: left;} #rewardpoints-login-msg, #rewardpoints-needmore-msg { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px;line-height:13px; background:url('https://www.pinkgellac.com/skin/frontend/base/default/css/magestore/images/validation_advice_bg.gif') 2px 0 no-repeat; color:#eb340a;} #rewardpoints-needmore-points { font-size: 13px; font-weight: bold;} /* ============ Cart Page ============ */ .onestepcheckout-payment-methods .rewards-sales-rules {padding-left: 0 !important} .rewards-sales-rules dt {margin-top: 7px;} .rewards-sales-rules dt label {font-weight: bold; color: #666;} .rewards-sales-rules #rewardpoints-slider {margin-bottom: 10px;} .onestepcheckout-payment-methods .rewards-sales-rules #rewardpoints-slider {margin-bottom: 10px; margin-left: -16px} .rewards-sales-rules #reward_sales_rule {width: 157px; margin-left: 3px;} .onestepcheckout-payment-methods .rewards-sales-rules #reward_sales_rule {width: 140px !important; margin-left: 3px;} .rewardpoints-slider-input .input-point {/* text-align: center; */ display: inline-block; width: 300px;} .rewardpoints-slider-input .input-max {margin-top: 5px;} .rewardpoints-slider-input .input-max input {float: left; margin-right: 3px; margin-top: 2px;} #reward_sales_point {width: 49px !important;} #reward_ajax_loading {margin: 10px; text-align: center; font-style: italic;float:right;} .rule_refreshing_label {color: #666; font-style: italic;} /* ============ Checkout Page ============ */ .sp-methods #cart-rewards-form {width: 280px;} .onestepcheckout-payment-methods .sp-methods #cart-rewards-form {width: 260px !important;} .sp-methods #cart-rewards-form .rewards-sales-rules label {float: none;} .sp-methods .rewards-sales-rules dd label {font-weight: normal; color: #000;} /* ============ One Step Checkout Page ============ */ #cart-rewards-form dd.rewards-slider {margin-left: 17px;} /* ============ Rewards Points Summary ============ */ .rewardpoints-money {color: #3182be; font-size: 13px;} .product-view .add-to-cart .qty-wrapper img{margin-bottom: 2px;} .dashboard .box-rewardpoints-summary, .box-rewardpoints-summary{ color:#333; font-size: 13px; padding-bottom: 15px; border-bottom: 1px solid #cecece; margin-bottom: 15px; } .dashboard .box-rewardpoints-summary, .box-rewardpoints-summary .info-summary{ padding-top:5px; } .dashboard .box-rewardpoints-summary .box-head h2, .box-rewardpoints-summary .box-head h2 { background: url("https://www.pinkgellac.com/skin/frontend/base/default/css/magestore/images/rewards.png") no-repeat scroll 0 0 transparent; padding:5px 0 5px 25px; font-size: 15px; } .box-rewardpoints-history .box-head h2 { background: url("https://www.pinkgellac.com/skin/frontend/base/default/css/magestore/images/transactions.png") no-repeat scroll 0 center transparent; padding:5px 0 5px 25px; font-size: 15px; } .rewardpoints-name-img img{display:inline;} img.rewardpoint-img{display: inline;} #rewardpoints-referfriends-popup-body .referfriends-body-left-product{margin-top:20px} /* ============ Header Link - Fix for IE ============ */ .links span.rewardpoints-name {position: relative\9; padding-right: 18px\9;} .links span.rewardpoints-name img {/*position: absolute\9;margin-bottom: 8px;*/ margin: 0 !important;vertical-align: middle;} .discount .discount-form .rewards-sales-rules .input-max{ margin-top: 15px } .discount .discount-form .rewards-sales-rules .input-max #reward_max_points_used{ margin: 4px; } #behavior-ajax-loader { } .share-login #behavior-ajax-loader a img {vertical-align:top !important} .rewardpoints-product-view-earning{margin-bottom:20px; clear:both} .rewardpointsbehavior-checkout-action a img, #rewardpoints-navigation-rewardpoints.navigation a img, a.rewardpoints-name-img img { margin-bottom:-2px; } .rewardpoints-title{font-size: 15px; color: #3182be;} .rewardpoints-title-link{text-decoration: none; color: #3182be; font-weight: bold;} .rewardpoints-title-rate{margin-top: 5px;} .rewardpoints-dashboard-list{margin-bottom: 10px;} .rewardpoints-dashboard-ul {list-style: circle !important; margin: 0 0 0 2em !important; } .rewardpointsrule-rule-name-policy {color: #3182be;font-style: italic;} strong.rewardpoints-title{ text-transform: uppercase;} /* FILE: rewardpoints_new.css */ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Jul 8, 2014, 2:49:32 PM Author : Thu Thao */ @import url(https://fonts.googleapis.com/css?family=Raleway:400,700,300); /************edit shopping cart*************/ .cart-forms .discount h2{ font-size:12px;font-weight:bold;} .discount-form .rewards-sales-rules dt label{font-size: 14px;font-weight: normal;font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif;} .discount-form label{font-size: 14px;font-weight: normal;} /********************Checkout Success**********************/ .col-main .referfriends-body{height:450px !important;} .col-main .referfriends-body-left-description{float:left;} .col-main .referfriends-body-left{width: 49% !important;text-align: left;} .col-main .referfriends-body-right{float:right; width:250px;} .col-main .referfriends-body-right-ul li.referfriends-sharelink{text-align:left; float:left; width:100%;height:70px;} .col-main .referfriends-body-right-ul li.referfriends-sharefacebook{float:left; width:100%; text-align:left;} .col-main .referfriends-body-right-ul li.referfriends-sharegoogleplus{float:left;width:100%; text-align:left;} .col-main .referfriends-body-right-ul li.referfriends-sharetwitter{float:left; width:100%; text-align:left;} .col-main .referfriends-body-right-ul li.referfriends-shareemail {float:left; width:100%; text-align:left;} .col-main #rewardpoints-referfriends-popup{margin-left: auto;display: block;margin-right: auto;} @media (max-width:900px){ .col-main #rewardpoints-referfriends-popup{position:relative; height:auto; float:none !important; width:auto!important; left:auto !important;margin-left: auto;display: block;margin-right: auto;} .col-main .referfriends-body-left-earn{float:left !important;} } @media (max-width:720px){ .col-main #rewardpoints-referfriends-popup{position:relative; height:auto; width:auto; margin-left: auto;display: block;margin-right: auto;} .col-main .referfriends-body-right{display:block !important; } } @media (max-width:690px){ .col-main #rewardpoints-referfriends-popup{position:relative; height:auto; width:auto; margin-left: auto;display: block;margin-right: auto;} .col-main .referfriends-body-right{display:block !important; width:100% !important; text-align: left;float:left !important;} .col-main .referfriends-body-left{width: 100% !important;text-align: left;} .col-main .referfriends-body-left-description{width: 100% !important;text-align: left;} .col-main .referfriends-body-left-earn{padding-bottom:20px;} } /***********Edit Page Details*************/ .referfriends-body-right-1{display:none;} .referfriends-title{background:none !important;} .referfriends-body{background:none !important;} .referfriends-bottom{background:none !important;} .dialog_e{background:none !important;} .dialog_content{background:none; width:auto !important;} .referfriends-title h2{padding-top:20px !important; font-weight:500; border-bottom: 1px solid #CCC; padding-bottom:10px !important;} .referfriends-title a{top:5px !important; right:10px !important;} .referfriends-body-left-earn{height:55px !important;} #rewardpoints-referfriends-popup{border:1px solid #CCC; border-radius:5px;} @media(max-width:900px){ .dialog_e{display:none;} .dialog{position: absolute; left: 50% !important; top:32px !important; margin-left:-320px;width: 640px !important;float:left !important; height: auto !important;} #rewardpoints-referfriends-popup{position: absolute;left: 50%; margin-left:-320px;width: 640px !important;float:left !important; height: auto !important;} .referfriends-body-right-ul li.referfriends-sharelink{background-size: 35px !important;} .referfriends-body-right-ul li.referfriends-sharefacebook a{background-size: 35px !important;} .referfriends-body-right-ul li.referfriends-sharegoogleplus a{background-size: 35px !important;} .referfriends-body-right-ul li.referfriends-sharetwitter a{background-size: 35px !important;} .referfriends-body-right-ul li.referfriends-shareemail a{background-size: 35px !important;} .referfriends-body-right .referfriends-body-right-ul li.referfriends-sharelink{font-size:16px;} .referfriends-body-right .referfriends-body-right-ul li a{font-size:16px;} .referfriends-body-left-earn{height:58px !important;} .referfriends-body-left{width:300px !important;} .dialog{top:31px !important;} } @media(max-width:720px){ .dialog{position: absolute !important; left: 50% !important; margin-left: -270px !important; width: 540px !important; float:left !important; height: auto !important;} #rewardpoints-referfriends-popup{position: absolute;margin-left: -270px;left: 50%; width: 540px !important;float:left !important; height: auto !important;} .referfriends-body-right .referfriends-body-right-ul li.referfriends-sharelink{font-size:16px;} /* .referfriends-body-right-ul li.referfriends-sharelink{background-size: 30px !important;}*/ .referfriends-body-right-ul li.referfriends-sharefacebook {height: 50px !important;} .referfriends-body-right-ul li.referfriends-sharegoogleplus{height: 50px !important;} .referfriends-body-right-ul li.referfriends-sharetwitter {height: 50px !important;} .referfriends-body-right-ul li.referfriends-shareemail {height: 50px !important;} .referfriends-body-right .referfriends-body-right-ul li a{font-size:16px;} .referfriends-body-right .referfriends-body-right-ul li.referfriends-sharelink{font-size:14px;} .referfriends-body-left {width:500px !important; float:left;} .referfriends-body-left-earn{height:65px !important;} .referfriends-body-right {display:none;} .referfriends-body-right-1{display:block;position: absolute;top: 145px;left: 300px;} .referfriends-body-right-1 .referfriends-body-right-ul li.referfriends-sharelink{font-size:16px;} .referfriends-body-right-1 .referfriends-body-right-ul li a{font-size:16px;} .share-link-url {width:149px !important;} .referfriends-title{background:none !important;} .referfriends-body{background:none !important;} .referfriends-bottom {background:none !important;} .referfriends-body-left-product-title h3{width:240px;} } @media(max-width:620px){ .dialog{position: absolute !important; left: 50% !important; margin-left: -180px !important; width: 360px !important;float:left !important; height: auto !important;} #rewardpoints-referfriends-popup{position: absolute; margin-left: -180px;left: 50%; width: 360px !important;float:left !important; height: auto !important;} .referfriends-body-right-ul li.referfriends-sharelink{background-size: 27px !important;} .referfriends-body-right-ul li.referfriends-sharefacebook a{background-size: 27px !important;} .referfriends-body-right-ul li.referfriends-sharegoogleplus a{background-size: 27px !important;} .referfriends-body-right-ul li.referfriends-sharetwitter a{background-size: 27px !important;} .referfriends-body-right-ul li.referfriends-shareemail a{background-size: 27px !important;} .referfriends-body-right .referfriends-body-right-ul li a{font-size:16px;} .referfriends-body-left {width:300px !important; float:left;} .referfriends-body-right-1{display:block; position:static; } .referfriends-title{background:none !important;} .referfriends-body{background:none !important;} .referfriends-bottom {background:none !important;} } @media(max-width:460px){ #rewardpoints-referfriends-popup{position: absolute;margin-left: -150px;left: 50%; width: 300px !important;float:left !important; height: auto !important;} .referfriends-body-right-ul li.referfriends-sharelink{background-size: 27px !important;} .referfriends-body-right-ul li.referfriends-sharefacebook a{background-size: 27px !important;} .referfriends-body-right-ul li.referfriends-sharegoogleplus a{background-size: 27px !important;} .referfriends-body-right-ul li.referfriends-sharetwitter a{background-size: 27px !important;} .referfriends-body-right-ul li.referfriends-shareemail a{background-size: 27px !important;} .referfriends-body-right .referfriends-body-right-ul li a{font-size:16px;} .referfriends-body-left {width:260px !important; float:left;} .referfriends-body-right-1{display:block; position:static; } .referfriends-title{background:none !important;} .referfriends-body{background:none !important;} .referfriends-bottom {background:none !important;} } /* FILE: transactionpoint.css */ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Jul 8, 2014, 2:49:21 PM Author : Crystal */ /* */ .data-table#recent-transactions-history td .label-cell { display: none;} .data-table#recent-transactions-history td h2 {font-size: 13px; text-transform: none;} #rewardpoints-settings li.control label{background-color: #fff;} @media all { .sp-methods dl.rewardpoints-sp-methods dt label {background-color: #fff; padding: 0px;} .sp-methods dl.rewardpoints-sp-methods dt label:hover {background-color: #fff} } @media only screen and (max-width: 890px){ /* Force table to not be like tables anymore */ .data-table#recent-transactions-history thead{display: none;} .data-table#recent-transactions-history tbody tr{margin: 0; border-bottom: 1px solid silver;border-top: 1px solid silver;} .data-table#recent-transactions-history td.a-right.first{display: none;} .data-table#recent-transactions-history td .label-cell {margin:0; text-transform:uppercase; display:block; text-align: left;float: left; font-family: "Helvetica Neue",Verdana,Arial,sans-serif; font-size: 13px;} .data-table#recent-transactions-history td {display: block; text-align: right; border: none;} .data-table#recent-transactions-history td h2 {font-size: 13px; text-transform: none;text-align: left; margin-left: 280px;} .rewardpointsreferfriends-dashboard-right {float: left !important; width: 100% !important; display: block} } @media only screen and (max-width: 979px){ .rewardpointsreferfriends-dashboard-right {float: left !important; width: 100% !important; display: block} .rewardpointsreferfriends-dashboard-left {width: 100% !important; float: right; clear: both} .sp-methods dl.rewardpoints-sp-methods dt label {background-color: #fff; padding: 0px;} .sp-methods dl.rewardpoints-sp-methods dt label:hover {background-color: #fff} } @media only screen and (max-width: 760px){ .data-table#recent-transactions-history td h2{margin-left: 335px;} } @media only screen and (max-width: 700px){ .data-table#recent-transactions-history td h2{margin-left: 300px;} } @media only screen and (max-width: 650px){ .data-table#recent-transactions-history td h2{margin-left: 250px;} } @media only screen and (max-width: 550px){ .data-table#recent-transactions-history td h2{margin-left: 230px;} } @media only screen and (max-width: 450px){ .data-table#recent-transactions-history td h2{margin-left: 200px;} } @media only screen and (max-width: 770px){ .rewardpointsreferfriends-dashboard-left {width: 100% !important;} } /* FILE: rewardpointsbehavior.css */ .rewardpointsbehavior-checkout-action{ /*background-color: #FFE8DB;*/ float: left; margin: 2px 2px 7px 0px; padding: 1px; width: 172px; text-align: left; } .account-create .rewardpointsbehavior-checkout-action{ clear:both; } .account-create .rewardpointsbehavior-checkout-action1{ float: none; width: 100% !important; margin: 0px !important; } .account-login .rewardpointsbehavior-checkout-action1{ float: none; } .rewardpointsbehavior-checkout-action1{ /*background-color: #FFE8DB;*/ float: left; margin: 0px 0px 0px 5px; padding: 1px; width: 172px; text-align: left; } .rewardpointsbehavior-checkout-action .rewardpointsbehavior-icon{ float: right !important; } .rewardpointsbehavior-product-view{ width: 100%; float: left; } .rewardpointsbehavior-product-view .rewardpointsbehavior-checkout-action{ width: auto; } .twitter-count-horizontal, .behavior-facebook-like.behavior-social{ width: 85px !important; /*padding-right: 2px !important;*/ float:left; } #fb-send-id-behavior span{ vertical-align:baseline !important; } #___plusone_0, #___plusone_0 iframe{ width: 67px !important; /*padding-right: 2px !important;*/ } .behavior-google-plus {width: 67px; display: inline-block;} .behavior-linkedin {width: 100px; display: inline-block;} .share-social-button {display: inline;} /*.share-login {padding-left: 10px; }*/ .behavior-social {display: inline-block; vertical-align: top;} .behavior-facebook-share .share-button .label {display: inline-block;vertical-align: top;zoom: 1;padding: 1px 4px 0 23px;white-space: nowrap;} .behavior-facebook-share .share-button { font-size: 11px; font-family: 'Helvetica Neue', Arial, sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 20px; max-width: 100%; position: relative; display: inline-block; zoom: 1; background-color: #f8f8f8; background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede)); background-image: -moz-linear-gradient(top,#fff,#dedede); background-image: -o-linear-gradient(top,#fff,#dedede); background-image: -ms-linear-gradient(top,#fff,#dedede); background-image: linear-gradient(top,#fff,#dedede); border: #ccc solid 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #333; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,.5); text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; overflow: hidden; } .behavior-facebook-share .share-button i { position: absolute; top: 50%; left: 4px; margin-top: -7px; width: 14px; height: 14px; background: transparent url('https://www.pinkgellac.com/skin/frontend/base/default/css/magestore/images/facebook-icon.png') 0 0 no-repeat; background-image: url('https://www.pinkgellac.com/skin/frontend/base/default/css/magestore/images/facebook-icon.png'); } .behavior-facebook-share a.share-button:hover{ background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e8e8e8)); } /* FILE: referfriends.css */ /* Document : referfriend Created on : Aug 9, 2013, 9:19:32 AM Author : Hai Description: Purpose of the stylesheet follows. */ .rewardpoints-referfriend-dialog-refer .top, .rewardpoints-referfriend-dialog-refer .bot{ display: none; } .rewardpoints-referfriend-dialog-refer .dialog_e, .rewardpoints-referfriend-dialog-refer .dialog_w { width: 0; } #rewardpoints-referfriends-popup{ background-color: #ffffff; } .rewardpoints-referfriend-dialog-refer .dialog_close{ display: none; } .referfriends-title{ background: url("https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/bg-header2.gif") no-repeat scroll 0 0 transparent; height: 81px; padding: 0 40px; } .referfriends-title h2{ color: #525252; padding-top: 41px; font-size: 25px; } .referfriends-title a{ position: absolute; top: 20px; right: 40px; font-size: 15px; color: #e26703; text-decoration: none; } .referfriends-title a:hover{ text-decoration: underline; } .referfriends-body-refer{ background: url("https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/bg-referfriend.png") repeat scroll 0 0 transparent; border: 1px solid #d5d5d5; margin: 0; padding: 26px 32px 22px; height: 392px; font-size: 18px; color: #373737; } .referfriends-body-refer h3{ color: #df543d; } .referfriends-body-refer h3 .price{font-weight: bold;} .referfriends-body-refer .price{ color: #2f7eb5; font-weight: normal; } .offer-contact p, .offer-question p{ font-size: 16px; } .referfriends-body{ background: url("https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/bg-body-box.gif") repeat-y scroll 0 0 transparent; margin: 0; padding: 10px 40px; padding-bottom: 0 !important; height: 392px; font-size: 13px; color: #454545; } .referfriends-body-left{ float:left; width: 350px; } .referfriends-body-left-description{ margin-bottom: 10px; } .referfriends-body-left-earn{ height: 80px; } .referfriends-body-left-product-title h3{ font-size: 18px; font-weight: nomal; color: #e26703; } .referfriends-body-right{ float: left; width: 230px; margin-left: 20px; } .referfriends-body-right-ul li.referfriends-sharelink{ padding: 4px 1px 4px 60px; background: url('https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/share.png') no-repeat left center; height: 60px; color: #454545; font-size: 18px; font-weight: normal; } .referfriends-body-right-ul li.referfriends-sharelink .share-link-url{ padding: 4px; } .referfriends-body-right-ul li.referfriends-sharefacebook{ height: 60px; } .referfriends-body-right-ul li.referfriends-sharefacebook a{ height: 43px; padding: 13px 1px 4px 60px; background: url('https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/facebook.png') no-repeat left center; } .referfriends-body-right-ul li.referfriends-sharetwitter{ height: 60px; } .referfriends-body-right-ul li.referfriends-sharetwitter a{ height: 43px; padding: 13px 1px 4px 60px; background: url('https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/twitter.png') no-repeat left center; } .referfriends-body-right-ul li.referfriends-sharegoogleplus{ height: 60px; } .referfriends-body-right-ul li.referfriends-sharegoogleplus a{ height: 43px; padding: 13px 1px 4px 60px; background: url('https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/google.png') no-repeat left center; } .referfriends-body-right-ul li.referfriends-shareemail{ height: 60px; } .referfriends-body-right-ul li.referfriends-shareemail a{ height: 43px; padding: 13px 1px 4px 60px; background: url('https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/sendmail.png') no-repeat left center; } .referfriends-body-right-ul li{ height: 52px; } .referfriends-body-right-ul li a{ color: #454545; font-size: 18px; font-weight: normal; position: absolute; text-decoration: none; } .referfriends-bottom{ background: url("https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/bg-bottom.gif") no-repeat scroll 0 0 transparent; height: 17px; } .rewardpointsreferfriends-dashboard-left{ float: left; width: 58%; /*400px;*/ } .rewardpointsreferfriends-dashboard-right{ float: right; width: 39%; /*270px;*/ } .rewardpointsreferfriends-block-content-share{ padding-left: 8px !important; } .box-referfriends-content .box-head h2 { background: url("https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/icon-links.png") no-repeat scroll left center transparent; float: left; width: 100%; padding: 5px 0; text-indent: 25px; text-align: left; } .rewardpointsreferfriend-box-url .refer-content{ padding: 4px 1px 0px 60px; background: url('https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/share.png') no-repeat left center; height: 60px; color: #454545; font-size: 18px; font-weight: normal; margin: 0 5px; } .rewardpointsreferfriend-box-url .refer-content input{ width: 100%; } .refer-sharing-box-content{ background: #ffffff !important; padding: 8px !important; margin: 0 !important; text-align: justify !important; } .info-summary-special-offer p{ text-align: justify; } .info-summary-special-offer img{ max-width: 100%; } h2.email-logo{ background: url('https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/email-color.png') no-repeat; } strong.special-title-offer{ background: url('https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/i_ma-reviews.gif') no-repeat; padding-left: 20px } div.info-summary-special-offer{ padding-bottom: 15px; } div.info-summary-special-offer p{ padding-bottom: 0px; margin-bottom: 5px; } #rewardpoints-referfriends-landing{ text-align: center; } #rewardpoints-referfriends-landing p{ margin: 0; } .referfriends-body-offer-detail-description{ font-size: 16px; } .parent-body-offer{ height: auto; } .referfriends-body-offer-detail{ margin-bottom: 20px; text-align: left; } .referfriends-body-offer{ min-height: 100px; } .offer-howto{ overflow: hidden; margin: 20px 0 20px 0; text-align: left; } .offer-howto h3{ font-size: 18px; } .offer-howto .offer-question{ float: left; margin-right: 21px; width: 48%; } .btn-start-shopping { } .offer-contact{ width: 280px; float: left; } .offer-proceed{ font-size: 16px; font-weight: bold; height: 30px; text-align: center; } /* Refer a Friend */ .allow .step-title { cursor: pointer; } .allow .step-title:hover{ background: #F9F3E3; } .allow .step-title:hover .number{ background: #F18200; border-color: #F19900; color: #FFF; } .allow .step-title:hover h2{ color: #F18200; } .step, p.box-content{ padding: 8px; } .form-list textarea{ width: 100%; height: 100px; } .step-title span.logo{ width: 16px; height: 16px; margin-right: 4px; border: none; } /* Personal */ #input-personal-url{ width: 219px; float: right; } #input-personal-url #personal_url{ width: 215px; } #personal_referfriends_url{ width: 327px; text-align: center; } /* Email */ .step-title h2.email-logo{ background: url("https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/email-grayscale.png") no-repeat scroll 5px -2px / 20px 20px; } .active .step-title h2.email-logo, #referfriends-opc-email .step-title:hover h2.logo{ background: url("https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/email-color.png") no-repeat scroll 5px -2px / 20px 20px; } .rewardpointsreferfriends-dashboard-right .opc .section .step-title {border-top: 1px solid #ececec;} .rewardpointsreferfriends-dashboard-right .opc .section .step-title h2 {margin:0px; line-height: 1px;padding: 8px 0px 8px 90px;} .rewardpointsreferfriends-dashboard-right .opc .section .step-title .logo {max-width: 0px; min-height: 0px;margin-top: 5px;height: 5px !important;} .rewardpointsreferfriends-dashboard-right ol.opc.referfriends-opc {border-bottom: 1px solid #ececec;margin-bottom:20px;} .google-plus-share a img{float: left;margin-right: 33px} /* Google */ .step-title h2.google-logo{ background: url("https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/gplus-grayscale.png") no-repeat scroll 5px 0 / 18px 18px; } .active .step-title h2.google-logo, #referfriends-opc-google .step-title:hover h2.logo{ background: url("https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/gplus-color.png") no-repeat scroll 5px 0/ 18px 18px; } /* Facebook */ .step-title h2.facebook-logo{ background: url("https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/facebook-grayscale.png") no-repeat scroll 5px -1px / 20px 20px; } .active .step-title h2.facebook-logo, #referfriends-opc-facebook .step-title:hover h2.logo{ background: url("https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/facebook-color.png") no-repeat scroll 5px -1px / 20px 20px; } /* Tweeter */ .step-title h2.twitter-logo{ background: url("https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/tweet.png") no-repeat scroll -26px -27px / 53px 45px; } .active .step-title h2.twitter-logo, #referfriends-opc-twitter .step-title:hover h2.logo{ background: url("https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/tweet.png") no-repeat scroll -25px 1px / 53px 45px } .tweeter h2.h2{ -webkit-border-radius: 3px; border: #CCC solid 1px; padding: 2px; -moz-border-radius: 3px; border-radius: 3px; background-image: -moz-linear-gradient(top, white, #DEDEDE); background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#DEDEDE)); background-image: -ms-linear-gradient(top, white, #DEDEDE); background-image: linear-gradient(top, white, #DEDEDE); background-image: -o-linear-gradient(top, white, #DEDEDE); } button.tweeter h2.h2 h2{ background: url('https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/tweet.png') no-repeat -26px 3px; padding: 0px 3px 0px 24px; color: #1E7EC8; margin-left: 2px; } .buttons-set{ padding-top: 7px; border-top: 0px; margin-top: 0px; } .referfriends-opc li{ margin-bottom: 0px; border-bottom: none; } .referfriends-opc .step{ padding: 5px; } .referfriends-opc .allow .step-title { border-bottom: none; padding: 4px 8px 6px; } /*Fix*/ .action-shopping{ text-align:center; } a.btn-start-shopping { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; display:inline-block; } a.btn-start-shopping span { background: url("https://www.pinkgellac.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/btn_shopping.png") no-repeat scroll top left transparent; float: left; font-family: Arial; font-size: 16px; color:white; font-weight: bold; height: 34px; line-height: 34px; padding-left: 5px; position: relative; text-align: center; white-space: nowrap; } a.btn-start-shopping span span { background-position: 100% 0; padding:0 40px 0 22px; } .referfriends-title a img{ position: absolute; top: 20px; right: 40px; } .box-rewardpointsreferfriends-history { clear: both; } /* FILE: mirasvit_fpc.css */ .m-fpc-debug-info { width: 420px; min-height: 115px; position: fixed; bottom: 10px; left: 10px; background: #47bbb3; color: #fff; z-index: 100000; font-family:Arial; } .m-fpc-debug-info .m-fpc-h1 { font-family:Arial; background: rgb(57, 172, 163); color: #fff; padding: 3px 3px 5px 10px; font-size: 14px; font-weight: bold; text-align:left; text-transform:none; } .m-fpc-debug-info .m-fpc-debug-info-main-block { padding: 2px 5px 10px 5px; } .m-fpc-debug-info .m-fpc-action { font-family:sans-serif,Arial; padding:0px; margin: 5px 0px 5px 0px; text-align: center; font-size: 20px; font-weight: 400; color: rgba(255, 255, 255, 0.5); text-transform:none; padding-top:15px; } .m-fpc-debug-info .m-fpc-ignored { padding-top: 0px !important; } .m-fpc-debug-info .m-fpc-hit-info { font-family:sans-serif,Arial; padding:0px; margin: 5px 0px 0px 0px; text-align: center; font-size: 30px; font-weight: 400; color: rgba(255, 255, 255, 0.95); text-transform:none; } .m-fpc-debug-info .m-fpc-time-text { font-family:sans-serif,Arial; padding:0px; margin: 5px 0px 5px 0px; text-align: center; font-size: 20px; font-weight: 400; color: rgba(255, 255, 255, 0.5); text-transform:none; } .m-fpc-debug-info .m-fpc-time { font-family:Arial; text-transform: uppercase; font-size: 76px; font-weight: 700; line-height: 65px; text-align:center; } .m-fpc-debug-info .m-fpc-time-sec-text { font-family:sans-serif,Arial; font-size: 35px; text-align:center; text-transform:none; } .m-fpc-debug-info.m-fpc-debug-info-not-cacheable { height: 220px; box-shadow: 0 0 0 5px #E0E0E0; } .m-fpc-debug-info.m-fpc-debug-info-hit { box-shadow: 0 0 0 5px #CCFFD3; } .m-fpc-debug-info.m-fpc-debug-info-miss { box-shadow: 0 0 0 5px #FECBCB; } .m-fpc-debug-info .m-fpc-disabled-info { font-family:sans-serif,Arial; padding:0px; margin: 12px 0px 0px 0px; text-align: center; font-size: 14px; font-weight: bold; color: rgba(255, 255, 255, 0.95); text-transform:none; color: #911E42 !important; } .m-fpc-debug-info .m-fpc-detail-info-hide-show-button-style { float: right; padding-right: 10px; text-decoration: underline; cursor: pointer; } .m-fpc-debug-info .m-fpc-info-scroll-hide { display: none; } /*scroll*/ .m-fpc-debug-info .m-fpc-info-scroll { overflow-y: auto; height: 350px; padding: 0px 5px 10px 5px; text-align: justify; } .m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar { width: 7px; } .m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.2); border-radius: 7px; } .m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar-thumb { background-color: #EAEAEA; border-radius: 7px; } .m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar-thumb:hover { background-color: #EAEAEA; border-radius: 7px; } /*detail info table*/ .m-fpc-debug-info .m-fpc-detail-info-table { display:table; width:100%; padding-top: 3px; } .m-fpc-debug-info .m-fpc-detail-row { display:table-row; } .m-fpc-debug-info .m-fpc-detail-col { display:table-cell; text-align: left; padding: 2px; vertical-align: top; width: 50%; font-family:sans-serif,Arial; padding:5px; text-align: left; font-size: 10px; text-transform:none; color: #222 !important; } .m-fpc-debug-info .m-fpc-dark { background-color: #D9F0EE; } .m-fpc-debug-info .m-fpc-light { background-color: #ECF8F7; } /* FILE: amazon.css */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .searchautocomplete { position: relative; height: 34px; -webkit-border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px; background: #fff; display: block; } .searchautocomplete .sprite { background: none; } .searchautocomplete > label { float: left; margin-right: 10px; color: #333; font-weight: bold; } .searchautocomplete .nav { background: none; float: left; height: 34px; position: relative; width: 182px; } .searchautocomplete .nav .nav-search-in { position: absolute; top: 0px; left: 0px; z-index: 15; } .searchautocomplete .nav .nav-search-in .category { opacity: 0; filter: alpha(opacity=0); background: white; border: 1px solid #DDD; color: black; cursor: pointer; height: 29px; left: 5px; margin: 0; outline: 0; padding: 0; position: absolute; top: 5px; visibility: visible; width: auto; } .searchautocomplete .nav .nav-search-in .category-fake { -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; background-color: #fcfcfc; background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7)); background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7); background-image: -o-linear-gradient(top, #ffffff, #f7f7f7); background-image: linear-gradient(to bottom, #ffffff, #f7f7f7); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f7f7', GradientType=0); border-right: 1px solid #dddddd; color: #777; cursor: pointer; float: left; font-size: 11px; height: 27px; line-height: 27px; margin: 4px 0px 0px 2px; padding: 0px 25px 0px 10px; text-align: center; white-space: nowrap; } .searchautocomplete .nav .nav-search-in .nav-down-arrow { right: 10px; top: 16px; position: absolute; width: 0; height: 0; border-style: solid; border-width: 5px 4.5px 0 4.5px; border-color: #000000 transparent transparent transparent; line-height: 0px; } .searchautocomplete .nav .nav-search-in:hover .category-fake { background-color: #eeeeee; background-image: -moz-linear-gradient(top, #f7f7f7, #e1e1e1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#e1e1e1)); background-image: -webkit-linear-gradient(top, #f7f7f7, #e1e1e1); background-image: -o-linear-gradient(top, #f7f7f7, #e1e1e1); background-image: linear-gradient(to bottom, #f7f7f7, #e1e1e1); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f7f7', endColorstr='#ffe1e1e1', GradientType=0); } .searchautocomplete .nav .nav-search-in:hover .nav-down-arrow { background-position: -6px -34px; } .searchautocomplete .nav .nav-input { *zoom: 1; padding: 0px 5px 0px 5px; z-index: 12; position: relative; line-height: 30px; border: 1px solid #fe007c; border-radius:5px; height: 40px; } .searchautocomplete.active .nav .nav-input { border-radius: 10px 10px 0 0; } .searchautocomplete .nav .nav-input:before, .searchautocomplete .nav .nav-input:after { display: table; content: ""; line-height: 0; } .searchautocomplete .nav .nav-input:after { clear: both; } .searchautocomplete .nav .nav-input input { z-index: 10; padding: 0px; height: 37px; border: 0; font-size: 13px; background: transparent; color: #888; outline: 0px; width: 80%; border: 0 !important; } .searchautocomplete .nav .nav-input input.suggest { display: none; color: #999; z-index: 9; } .searchautocomplete .nav-submit-button { background: none; background-position: 0px -34px; background-repeat: no-repeat; float: right; height: 30px; line-height: 30px; } .searchautocomplete .nav-submit-button .button { width: 39px; height: 30px; padding: 0px 9px; margin: 0px; margin-top: 3px; cursor: pointer; font-weight: bold; color: #666666; line-height: 12px; font-size: 13px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444c55', endColorstr='#ff313a44', GradientType=0); border-left: 0; z-index: 14; } .searchautocomplete .searchautocomplete-placeholder { -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background: #FFF; border: 1px solid #fe007c; padding: 15px 10px 5px 10px; position: absolute; right: 166px; top: 39px; width: 230px; z-index: 102; } .searchautocomplete .searchautocomplete-placeholder:before { border-color: transparent transparent #CCC transparent; content: ""; position: absolute; border-style: solid; border-width: 5px; height: 0; width: 0; top: -11px; left: 95px; } .searchautocomplete .searchautocomplete-placeholder ul { list-style: none; padding: 0; margin: 0; } .searchautocomplete .searchautocomplete-placeholder ul li { *zoom: 1; text-align: left; padding: 5px 5px; margin-bottom: 5px; border: 1px solid #ccc; overflow: hidden; } .searchautocomplete .searchautocomplete-placeholder ul li:before, .searchautocomplete .searchautocomplete-placeholder ul li:after { display: table; content: ""; line-height: 0; } .searchautocomplete .searchautocomplete-placeholder ul li:after { clear: both; } .searchautocomplete .searchautocomplete-placeholder ul li a { text-decoration: none; } .searchautocomplete .searchautocomplete-placeholder ul li a.name { color: #444; font-weight: bold; display: block; margin-bottom: 3px; line-height: 20px; } .searchautocomplete .searchautocomplete-placeholder ul li a .pull-right { float: right; } .searchautocomplete .searchautocomplete-placeholder ul li.active { background-color: #eeffee; cursor: pointer; } .searchautocomplete .searchautocomplete-placeholder ul li.active a { text-decoration: none; } .searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image { float: left; margin: 0px 10px 5px 0px; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box { font-weight: bold; font-size: 13px; color: #C76200; float: right; height: 35px; } .searchautocomplete .searchautocomplete-placeholder ul li .old-price { display: none; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label, .searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label, .searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label { display: none; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label { font-weight: normal; color: #999; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price { font-size: 0.9em; color: #999; } .searchautocomplete .searchautocomplete-placeholder ul li .highlight strong { color: #f00; } .searchautocomplete .searchautocomplete-placeholder ul li .ratings { margin: 0; line-height: 14px; } .searchautocomplete .searchautocomplete-placeholder ul li .ratings .rating-box { float: left; margin: 0 5px 0 0; } .searchautocomplete .searchautocomplete-placeholder .index-title { text-align: right; color: #0A263C; border-bottom: 1px solid #CCC; padding: 2px 5px; } .searchautocomplete .searchautocomplete-placeholder .index-title span { color: #666; font-size: 0.9em; } .searchautocomplete .searchautocomplete-placeholder .all { text-align: right; margin: 10px 4px 5px 10px; } .searchautocomplete .searchautocomplete-loader { position: absolute; width: 18px; height: 18px; top: 9px; right: 10px; z-index: 99; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); display: none; } .searchautocomplete .searchautocomplete-loader div { position: absolute; background-color: #FFFFFF; height: 3px; width: 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-animation-name: f_autocomplete_loader; animation-name: f_autocomplete_loader; -webkit-animation-duration: 0.64s; animation-duration: 0.64s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; } .searchautocomplete .searchautocomplete-loader div#g01 { left: 0px; top: 7px; -webkit-animation-delay: 0.24s; animation-delay: 0.24s; } .searchautocomplete .searchautocomplete-loader div#g02 { left: 2px; top: 2px; -webkit-animation-delay: 0.32s; animation-delay: 0.32s; } .searchautocomplete .searchautocomplete-loader div#g03 { left: 7px; top: 0px; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .searchautocomplete .searchautocomplete-loader div#g04 { right: 2px; top: 2px; -webkit-animation-delay: 0.48s; animation-delay: 0.48s; } .searchautocomplete .searchautocomplete-loader div#g05 { right: 0px; top: 7px; -webkit-animation-delay: 0.56s; animation-delay: 0.56s; } .searchautocomplete .searchautocomplete-loader div#g06 { right: 2px; bottom: 2px; -webkit-animation-delay: 0.64s; animation-delay: 0.64s; } .searchautocomplete .searchautocomplete-loader div#g07 { left: 7px; bottom: 0px; -webkit-animation-delay: 0.72s; animation-delay: 0.72s; } .searchautocomplete .searchautocomplete-loader div#g08 { left: 2px; bottom: 2px; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } @-moz-keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } @-webkit-keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } @-ms-keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } @-o-keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } @keyframes f_autocomplete_loader { 0% { background-color: #000000; } 100% { background-color: #ffffff; } } .searchautocomplete-widget { position: relative; top: auto; left: auto; bottom: auto; right: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* FILE: mirasvit_searchindex.css */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .searchindex-results { *zoom: 1; margin-bottom: 10px; border-bottom: 1px solid #a0b3c3; } .searchindex-results:before, .searchindex-results:after { display: table; content: ""; line-height: 0; } .searchindex-results:after { clear: both; } .searchindex-results li { margin-bottom: -1px; float: left; *zoom: 1; margin: 0px 2px; } .searchindex-results li:before, .searchindex-results li:after { display: table; content: ""; line-height: 0; } .searchindex-results li:after { clear: both; } .searchindex-results li a { font-size: 12px; font-weight: bold; color: #333; display: block; cursor: pointer; padding: 2px 5px 1px 5px; line-height: 20px; border: 1px solid transparent; border-bottom: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; text-decoration: none; } .searchindex-results li a:hover { background-color: #f1f1f1; background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff); background-image: -o-linear-gradient(top, #e8e8e8, #ffffff); background-image: linear-gradient(to bottom, #e8e8e8, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0); border: 1px solid #a0b3c3; border-bottom: none; } .searchindex-results li a span { font-weight: normal; font-size: 0.9em; } .searchindex-results li.active a { background-color: #f1f1f1; background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff); background-image: -o-linear-gradient(top, #e8e8e8, #ffffff); background-image: linear-gradient(to bottom, #e8e8e8, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0); cursor: default; border: 1px solid #a0b3c3; border-bottom: none; } .searchindex-result li { padding: 5px; } .searchindex-result li .title a { font-weight: bold; color: #203548; font-size: 13px; } .searchindex-result.searchindex-result-category { margin-bottom: 20px; } .searchindex-result.searchindex-result-category li { padding: 1px 0px; } .searchindex-result.searchindex-result-category li a { font-weight: bold; color: #203548; } .searchindex-highlight { background-color: #ff0; } /* FILE: messages.css */ a.postnl-message {color:#EA7601 !important; text-decoration:underline;} /* FILE: generic-cck.css */ /** * Theme Content Construction Kit */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Vertically centered content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .v-centered-content { display:table; } .v-centered-content .v-center { display:table-cell; vertical-align:middle; } /* Heading of a content section %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-title { clear:both; margin:0; display:block; } .section-title.padding-right { padding-right:80px !important; } /* Horizontal line */ .section-line { clear:both; display:block; font-size:0; line-height:0; height:0; margin:0 0 10px; padding:10px 0 0; background:none; border-bottom:1px solid #e5e5e5; text-indent:-9999em; overflow:hidden; } /* Custom sidebars %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .custom-sidebar-right { float:right !important; } .custom-sidebar-right .inner { padding-left:10px; border-left:1px solid #e5e5e5; } .custom-sidebar-left { float:left !important; } .custom-sidebar-left .inner { padding-right:10px; border-right:1px solid #e5e5e5; } /* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .links > li { line-height:36px; } .links > li > a { padding:0 0.5833em; } /* 0px 7px */ .links > li.label { padding-right:0.5833em; } /* 7px */ /* Basic links, no separators -------------------------------------------------------------- */ .links > li { float:left; } .links > li > a { display:block; } /* Links with separators (at the right side) -------------------------------------------------------------- */ .links-wrapper-separators .links > li { margin-left:-1px; } .links-wrapper-separators .links > li > a { background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/img/link-separator.png); background-position:right center; background-repeat:no-repeat; } .links-wrapper-separators .links > li.last > a { background-image:none; } .links-wrapper-separators .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators .links > li.separator-left > a { background-position:left center; } /* Links with separators (at the left side) -------------------------------------------------------------- */ .links-wrapper-separators-left .links > li { margin-left:-1px; } .links-wrapper-separators-left .links > li > a { background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/img/link-separator.png); background-position:left center; background-repeat:no-repeat; } .links-wrapper-separators-left .links > li.first > a { background-image:none; } .links-wrapper-separators-left .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators-left .links > li.separator-right > a { background-position:right center; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Link with an arrow */ a.go { background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/infortis/_shared/cck/bullet.png) 97% 50% no-repeat; padding-right:17px; display:inline !important; } /* FILE: dropdown.css */ /** * Drop-down block */ /* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown { position:relative; } .dropdown:hover { z-index:4000; } /* Dropdown heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-heading { display:inline-block; cursor:default; line-height:36px; max-height:36px; /* Set static height to improve layout of inline elements inisde the dropdown heading */ } /* In case a link ("a" tag) is used as a dropdown heading */ .dropdown a.dropdown-heading { /* Inherit color to have the same color as the text in the containing section (e.g. in primary header). */ color: inherit; /* Remove transition */ transition: none; transition-delay: unset; } .dropdown a.dropdown-heading:hover { /* Inherit color to have the same color as the text in the containing section (e.g. in primary header). Otherwise the dropdown heading on hover would blink showing standard link hover color. */ color: inherit; } /* Inside dropdown heading -------------------------------------------------------------- */ /* Child elements of the heading have to be aligned vertically */ .dropdown .dropdown-heading > * { display:inline-block; vertical-align: middle; } /* If heading has additional inner wrapper (to cover the shadow of the dropdown), properties of that element needs to be reset (e.g. element shouldn't be "inline-block") */ .dropdown .dropdown-heading.cover > span, .dropdown .dropdown-heading.cover > div { display: block; vertical-align: baseline; } .dropdown .dropdown-heading.cover > span > *, .dropdown .dropdown-heading.cover > div > * { display:inline-block; vertical-align: middle; } /* Elements of the dropdown heading */ .dropdown .dropdown-heading .label {} .dropdown .dropdown-heading .value { margin-left: 2px; } .dropdown .dropdown-heading .dropdown-icon { /* e.g. for flags */ width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } /* Cover shadow of "dropdown-heading" and "dropdown-content" with additional div inside the heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-heading.cover > span, .dropdown .dropdown-heading.cover > div { padding:0 10px; } .dropdown.open > .dropdown-heading.cover > span, .dropdown.open > .dropdown-heading.cover > div { background-color:#fff; z-index:4001; position:relative; } /* Dropdown content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-content { display:none; position:absolute; top:100%; left:0; z-index:4000; padding:20px; min-width:130px; line-height:1.5em; text-align:left; list-style:none; background-color:#fff; } .dropdown .dropdown-content.left-hand { left:auto; right:0; } /* When dropdown content is an unordered list -------------------------------------------------------------- */ /* Everything is inline-block, except links */ .dropdown .dropdown-content > li * { display:inline-block; } .dropdown .dropdown-content > li > a { display:block; } .dropdown .dropdown-content > li { white-space:nowrap; } .dropdown .dropdown-content > li .label { margin-right:8px; } .dropdown .dropdown-content .dropdown-icon { width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } /* FILE: itemgrid.css */ /** * Itemgrid */ .itemgrid .item { float:left; padding-left:1%; padding-right:1%; } /* Itemgrid: different numbers of columns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear every first item in each row (row: group of n items) */ /* Item grid: 1 column */ .itemgrid-1col .item { width:98%; } /* Item grid: 2 columns */ .itemgrid-2col .item { width:48%; } .itemgrid-2col > li:nth-of-type(2n+1) { clear:left; } /* Item grid: 3 columns */ .itemgrid-3col .item { width:31.3333%; } .itemgrid-3col > li:nth-of-type(3n+1) { clear:left; } /* Item grid: 4 columns */ .itemgrid-4col .item { width:23%; } .itemgrid-4col > li:nth-of-type(4n+1) { clear:left; } /* Item grid: 5 columns */ .itemgrid-5col .item { width:18%; } .itemgrid-5col > li:nth-of-type(5n+1) { clear:left; } /* Item grid: 6 columns */ .itemgrid-6col .item { width:14.6666%; } .itemgrid-6col > li:nth-of-type(6n+1) { clear:left; } /* Item grid: 7 columns */ .itemgrid-7col .item { width:12.2857%; } .itemgrid-7col > li:nth-of-type(7n+1) { clear:left; } /* Item grid: 8 columns */ .itemgrid-8col .item { width:10.5%; } .itemgrid-8col > li:nth-of-type(8n+1) { clear:left; } /* FILE: common.css */ /** * Common styles for multiple elements */ /* Blocks and headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .sidebar .block:first-child { margin-top:6px; } /* To align with page title */ .cms-index-index .sidebar .block:first-child { margin-top:0; } /* Remove margin on home page */ /* Headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Page Heading -------------------------------------------------------------- */ .my-account .page-title, .category-title { border-bottom:1px solid #e5e5e5; } /* Block titles and section headings -------------------------------------------------------------- */ /* Sidebar blocks */ .block .block-title, /* Filters */ .block-layered-nav .block-subtitle--filter, /* Section title */ .section-title, /* Cart */ .cart .crosssell h2, .cart .discount h2, .cart .shipping h2 { /* padding:13px 0 7px; */ /*TODO*/ padding-top:7px; padding-bottom:7px; border-bottom:1px solid #e5e5e5; font-weight:normal; font-size:1.5em; /*18px*/ line-height:1.2222em; /*22px*/ } /* Secondary headings -------------------------------------------------------------- */ /* Log in */ .account-login h2, /* Checkout log in */ #opc-login h3, /* Fieldset and multiple checkout */ .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { padding-bottom:7px; border-bottom:1px solid #e5e5e5; font-weight:normal; font-size:1.5em; /*18px*/ line-height:1.2222em; /*22px*/ margin-bottom:15px; } /* Account headings -------------------------------------------------------------- */ /* Primary */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2 {} /* Secondary */ .dashboard .box .box-title h3, .dashboard .box .box-title h4, .order-info-box h2 {} /* Other headings -------------------------------------------------------------- */ /* Page title */ .category-title, /* Account */ .my-account .page-title, .box-account .box-head, .dashboard .box .box-title { border-color:#e5e5e5; } /* Colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with horizontal border - standard -------------------------------------------------------------- */ /* Blocks */ .block .actions, /* CMS */ .section-line, /* Misc */ .buttons-set, .toolbar { border-color:#e5e5e5; } /* Elements with horizontal border - lighter -------------------------------------------------------------- */ /* Product page - Add-to-cart area */ .product-view .product-type-data, .product-view .product-type-data .price-box, .container1-wrapper, .container2-wrapper, .product-view .add-to-box, /* Product grid/list */ .category-products-grid .item, .products-list li.item, /* Pop-ups */ .remember-me-popup h3, .map-popup-heading { border-color:#f5f5f5; } /* Elements with vertical border - standard -------------------------------------------------------------- */ /* Ratings separator */ .product-view .ratings .rating-links .separator, /* Product page */ .custom-sidebar-right .inner, .custom-sidebar-left .inner { border-color:#e5e5e5; } /* Elements with vertical border - lighter -------------------------------------------------------------- */ /* Product grid/list */ .products-list .product-shop-inner { border-color:#f5f5f5; } /* Elements with darker border -------------------------------------------------------------- */ /* Cart */ .data-table thead, .cart-table thead tr, /* Availability */ .availability-only-details thead { border-color:#e5e5e5; /*Currently the same color as other borders*/ } /* Other elements with border -------------------------------------------------------------- */ .swatch-link { border-color:#cccccc; } /* Background colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with light gray background -------------------------------------------------------------- */ /* Product page - increaments */ .extrahint-wrapper .product-pricing, /* Account */ .addresses-list .addresses-primary .item, .order-info-box, /* Advanced search */ .advanced-search-summary, /* Checkout */ .opc .gift-messages-form { background-color:#f5f5f5; } /* Text color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with lighter text -------------------------------------------------------------- */ /* Product grid/list */ .products-list .ratings, .products-grid .ratings, .products-list .ratings a, .products-grid .ratings a, /* Layered navigation count */ .block-layered-nav dl dd ol > li > a .count, /* Breadcrumbs */ .breadcrumbs li, .breadcrumbs a, /* Product page */ .block-related-simple .related-add-to-wishlist, .block-related-thumbnails .related-add-to-wishlist, /* Availability */ .availability, /* Reviews */ .product-view .box-reviews dd .date, /* Product options */ .item-options dd, .product-options p.note { color:#aaa; } /* Forms %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product options form colors -------------------------------------------------------------- */ .product-options dd select, .product-options dd .input-text, .product-options dd textarea, .product-options ul.options-list { color:#888; } .product-options dd select:hover, .product-options dd select:focus, .product-options dd textarea:hover, .product-options dd textarea:focus, .product-options ul.options-list:hover { color:#333; } /* Fonts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Shadows: for pop-ups, drop-downs etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sticky header */ .sticky-header .sticky-container, /* Dropdowns */ .dropdown.open > .dropdown-heading.cover, .dropdown.open .dropdown-content, /* Mini cart options */ .truncated .truncated_full_value .item-options, /* Menu dropdowns - to have the same style of shadow as other dropdowns */ .nav-regular .nav-panel--dropdown, /* Search autocomplete */ .form-search .search-autocomplete ul, /* Pop-ups */ .remember-me-popup, .map-popup, #subscribe-form .input-box .validation-advice { -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15); } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Links and other selected elements -------------------------------------------------------------- */ /* IMPORTANT: link transitions should be placed before other transitions */ a, .mobnav-trigger .trigger-icon .line, .opener, a > .ib, a.feature-icon-hover > .ib /*, .header-mobile .skip-link*/ { transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } a:hover, .mobnav-trigger:hover .trigger-icon .line, .opener:hover, .nav-item > a:hover + .opener, /* Opener following a link in mobile menu */ a:hover > .ib, a.feature-icon-hover:hover > .ib { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Carets - in menu -------------------------------------------------------------- */ .nav-regular a > .caret { transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out; -moz-transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out; -webkit-transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out; -o-transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out; } .nav-regular a:hover > .caret { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Carets - in dropdown-heading -------------------------------------------------------------- */ /*.dropdown > .dropdown-heading .caret { transition: border-color 0ms ease-in-out, opacity 0ms ease-in-out; -moz-transition: border-color 0ms ease-in-out, opacity 0ms ease-in-out; -webkit-transition: border-color 0ms ease-in-out, opacity 0ms ease-in-out; -o-transition: border-color 0ms ease-in-out, opacity 0ms ease-in-out; } .dropdown.open > .dropdown-heading .caret { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; }*/ /* Interface icons: toolbar icons, pager, prev/next slide etc. -------------------------------------------------------------- */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, /* Add-to links */ .add-to-links.addto-icons a, /* Scroll to top */ #scroll-to-top { transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /* Elements with animated color, background color and borders -------------------------------------------------------------- */ /* Forms */ input.input-text, select, textarea, .product-options ul.options-list, /* Search */ .form-search .button, /* Product image thumbnails */ .product-view .product-img-box .more-views .thumbnails li a, /* Product mini-lists */ .mini-products-list .product-image, .cart .crosssell .product-image, /* Tabs & accordion */ .gen-tabs .tabs a, .gen-tabs .acctab, /* OPC accordion */ .opc .step-title { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; } /* FILE: override-components.css */ /* Deprecated: accordion/collapsible openers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion .opener, .collapsible .opener, .acco .opener /* Menu opener */ { /* Override default background image */ background-image: none !important; /* Font icons */ display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Icon size */ font-size: 12px; } .accordion .opener:before, .collapsible .opener:before, .acco .opener:before { content: "\e23c"; } /* Active opener */ .accordion li.item-active > .opener:before, .collapsible.active .opener:before, .acco li.item-active > .opener:before { content: "\e23d"; } /* FILE: override-theme.css */ /** * Override all Magento base styles. * Add theme-specific styles. */ /** * * * OVERRIDE/EXTEND styles.css * * */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper { border-top-style:solid; border-top-width:5px; } /* Additional margin for sidebars -------------------------------------------------------------- */ .col-left > *, .col-left .widget-static-block { margin-right: 32px; } .col-right > *, .col-right .widget-static-block { margin-left: 32px; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin:0; min-height:1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */ } .category-title { margin-bottom:0; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .note-msg.empty-catalog { background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/img/empty-catalog.png) 10px 10px no-repeat transparent !important; color:inherit; min-height:70px; padding:40px 20px 40px 160px !important; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs { line-height:1.5em; /*18px*/ margin:0 0 5px; } /* Breadcrumbs on product page */ .catalog-product-view .breadcrumbs { margin-bottom:10px; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Line breaker */ .user-menu .line-break-after { clear:both; margin-bottom: 1px; } /* Regular header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Skip link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .skip-link { display: none; } /* Products counter */ .skip-link .count { display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: red; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /* To display products counter sticked above the icon, uncomment this code: */ /* margin-left: -14px; margin-right: -7px; margin-top: -22px; position: relative; */ } /* Selected skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Cart + compare -------------------------------------------------------------- */ /* Skip links has to be hidden except cart and compare */ .header-regular .mini-cart-heading, .header-regular .mini-compare-heading { display: block; } .header-regular .mini-cart-heading .label.no-display, .header-regular .mini-compare-heading .label.no-display { display: none; } /* Vertically aligned grid (in "Header - Primary" section) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .hp-blocks-holder { display:table; width:100%; } .header-regular .hp-blocks-holder .hp-block { float:none; display:table-cell; vertical-align:middle; } .header-regular .hp-blocks-holder .hp-block:before, .header-regular .hp-blocks-holder .hp-block:after { display: table; content: " "; } .header-regular .hp-blocks-holder .hp-block:after { clear: both; } /* Selected elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search -------------------------------------------------------------- */ /* Let the search box have the same width as containing block */ .header-regular .search-wrapper { width: 100%; } /* Header sections %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .left-column { text-align: left; } .header-regular .central-column { text-align: center; padding-left: 10px; padding-right: 10px; } .header-regular .right-column { text-align: right; } /* Left column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdowns -------------------------------------------------------------- */ /* Force left-aligned edge of dropdowns */ .header-regular .left-column .dropdown .dropdown-content { left: 0; right: auto; } /* Avoid dropdown heading stretched in containing block */ .header-regular .left-column .dropdown { display: inline-block; } /* Search box -------------------------------------------------------------- */ .header-regular .left-column .search-wrapper { float: left; } /* Elements of User Menu -------------------------------------------------------------- */ .header-regular .left-column .user-menu .search-wrapper, .header-regular .left-column .user-menu .mini-cart, .header-regular .left-column .user-menu .mini-compare, .header-regular .left-column .user-menu .top-links, .header-regular .left-column .user-menu .top-links ul { float: left; } /* Right column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdowns -------------------------------------------------------------- */ /* Force right-aligned edge of dropdowns */ .header-regular .right-column .dropdown .dropdown-content { left: auto; right: 0; } /* Avoid dropdown heading stretched in containing block */ .header-regular .right-column .dropdown { display: inline-block; } /* Search box -------------------------------------------------------------- */ .header-regular .right-column .search-wrapper { float: right; } /* Elements of User Menu -------------------------------------------------------------- */ .header-regular .right-column .user-menu .search-wrapper, .header-regular .right-column .user-menu .mini-cart, .header-regular .right-column .user-menu .mini-compare, .header-regular .right-column .user-menu .top-links, .header-regular .right-column .user-menu .top-links ul { float: right; } /* Main menu -------------------------------------------------------------- */ .header-regular .right-column .nav-container { float: right; } /* Central column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search box -------------------------------------------------------------- */ /* Centered search box */ .header-regular .central-column .form-search { margin:0 auto; } /* Elements of User Menu -------------------------------------------------------------- */ /* Elements of the central column are centered so the "user-menu" container also needs to be centered: so it needs to be inline-block, it can't float and can't have 100% width. */ .header-regular .central-column .user-menu { display: inline-block; float: none; width: auto; } .header-regular .central-column .user-menu .search-wrapper, .header-regular .central-column .user-menu #mini-cart-wrapper-regular, /* IMPORTANT: cart wrapper also needs to float */ .header-regular .central-column .user-menu .mini-cart, .header-regular .central-column .user-menu .mini-compare, .header-regular .central-column .user-menu .top-links, .header-regular .central-column .user-menu .top-links ul { float: right; } /* Hidden elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .logo-wrapper--mobile, .header-regular .logo--mobile, .header-regular .header-collateral, .header-regular .after-mobile-logo, .header-regular .skip-links-clearer, .header-regular #search-wrapper-mobile, .header-regular #user-menu-wrapper-mobile, .header-regular #account-links-wrapper-mobile, .header-regular #mini-cart-wrapper-mobile, .header-regular #mini-compare-wrapper-mobile { display: none; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.header-regular .header-top .lang-switcher, .header-regular .header-top .currency-switcher, */ .header-regular #lang-switcher-wrapper-regular, .header-regular #currency-switcher-wrapper-regular, .header-regular .header-top .dropdown { margin:0; } /* Mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Some skip links are also displayed in regular header so the styles specific to mobile header have to be applied with "header-mobile" class */ .header-mobile .skip-link { position: relative; float: left; width: 20%; height: 50px; line-height: 50px; text-align: center; cursor: pointer; } .header-mobile a.skip-link { text-decoration: none; } /*.header-mobile .skip-link:not(.skip-active):hover*/ .header-mobile .skip-link:hover { opacity: 0.7; } .header-mobile .skip-link.skip-active:hover { opacity: 1; } /* Elements -------------------------------------------------------------- */ .header-mobile .skip-link .icon { display: inline-block; vertical-align: middle; margin-right: 3px; font-size: 16px; line-height: 16px; } .header-mobile .skip-link .label { display: inline-block !important; /* Added "!important" because label can be hidden in cart and in compare */ vertical-align: middle; line-height: 16px; font-size: 14px; } .header-mobile .skip-link .count { display: inline-block; vertical-align: middle; } .header-mobile .skip-link .caret { display: none; } /* Active link -------------------------------------------------------------- */ .header-mobile .skip-link.skip-active, .header-mobile .skip-link:hover { color: inherit; } .header-mobile .skip-link.skip-active span { color: inherit; } .header-mobile .skip-link.skip-active .count { color: #fff; } /* Size -------------------------------------------------------------- */ .header-mobile .skip-links--1 .skip-link { width: 100%; } .header-mobile .skip-links--2 .skip-link { width: 50%; } .header-mobile .skip-links--3 .skip-link { width: 33.33%; } .header-mobile .skip-links--4 .skip-link { width: 25%; } .header-mobile .skip-links--5 .skip-link { width: 20%; } .header-mobile .skip-links--6 .skip-link { width: 16.66%; } /* Selected skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Compare -------------------------------------------------------------- */ /* Hide compare block's heading (only heading) */ .header-mobile .mini-compare .mini-compare-heading { display: none; } .header-mobile .mini-compare .actions { border: none; padding-top: 0; } /* Cart + compare -------------------------------------------------------------- */ /* Important: possible value "relative" of the "position" property. In mobile header, we need to reset "position" of the dropdown container so that it doesn't cover other skip links. We also need to remove float. */ .header-mobile .mini-cart, .header-mobile .mini-compare { position: static; float: none; } .header-mobile .mini-cart-content, .header-mobile .mini-compare-content { clear: both; width: 100%; } /*.header-mobile .skip-cart { float: right; } .header-mobile .skip-compare { float: right; }*/ /* Skip content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .skip-content { display: none; } .header-mobile .skip-content.skip-active { display: block; } /* Styls required in skip-content blocks are added through special class so that we can control which blocks are styled -------------------------------------------------------------- */ .header-mobile .skip-content--style { padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Skip content blocks have to be reset the same as all grid units because skip content blocks can have grid units */ width:100% !important; /* Added "!important" to override units with "no-gutter" */ margin: 0; } .header-mobile .skip-content--style:before, .header-mobile .skip-content--style:after { display: table; content: " "; } .header-mobile .skip-content--style:after { clear: both; } /* Containers -------------------------------------------------------------- */ /* In mobile header set new bottom padding for primary header to show space at the very bottom of skip links and skip content blocks (which are inside primary header) */ .header-mobile .header-primary { padding-bottom: 20px; } /* Main menu is outside primary header so we need to pull it up to get rid of the gap between menu and its skip link. Important: but only when menu is in the full width container (so when it's child of ".header-container3" element) and not when menu is inside one of other containers. */ .header-mobile .header-container3 > .nav-container { margin-top: -20px; margin-bottom: 20px; } /* Selected skip content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search -------------------------------------------------------------- */ .header-mobile .form-search { width: 100%; } .header-mobile .form-search .input-text { width: 100%; } /* Cart + compare -------------------------------------------------------------- */ .header-mobile .mini-cart-content, .header-mobile .mini-compare-content { clear: both; width: 100%; } /* Vertically aligned grid of blocks (in "Header - Primary" section). In mobile header all blocks are stretched to full width and stack vertically. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .hp-blocks-holder .hp-block { width: 100%; margin-left: 0; margin-right: 0; } @media only screen and (max-width: 960px) { /* If special class exists, reset blocks below this breakpoint - blocks become full width and stack vertically. */ .header-regular .hp-blocks-holder--stacked .hp-block { display: block; width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } /* Remove floating of the menu container */ .header-regular .hp-blocks-holder--stacked .nav-container { float: none; } .header-regular .hp-blocks-holder--stacked .right-column { text-align: inherit; } /* Logo -------------------------------------------------------------- */ .header-regular .hp-blocks-holder--stacked .logo-wrapper { text-align: center; } .header-regular .hp-blocks-holder--stacked .logo-wrapper .logo { max-width: 60%; margin-left: auto; /* Margins "auto" not needed. Left in case custom CSS removes "display:inline-block" from the ".logo" element. */ margin-right: auto; } /* Search -------------------------------------------------------------- */ .header-regular .hp-blocks-holder--stacked .search-wrapper { float: none; max-width: 440px; margin: 10px auto; /* Add space above and below search box */ } } /* Top links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .top-links { float: none !important; clear: both; } .header-mobile .top-links ul { float: none !important; } /* Generic vertical inline links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .skip-content .links > li { float: none; line-height: 44px; font-size: 16px; } .header-mobile .skip-content .links > li > a { background-image: none; /* Remove link separators */ } /* Logo and collateral elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Regular logo */ .header-mobile .logo-wrapper--regular { display: none; } /* Mobile logo */ .header-mobile .logo-wrapper--mobile { width: 60%; margin-left: auto; margin-right: auto; text-align: center; } .header-mobile .logo-wrapper--mobile .logo { display: block; margin-top: 5px; margin-bottom: 5px; } /* Header collateral elements */ .header-mobile .header-collateral { float: right; text-align: right; } /* If collateral next to logo, logo floats left */ .header-mobile .header-collateral + .logo-wrapper--mobile { float: left; text-align: left; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .line-break-after { display: none !important; } /* User menu -------------------------------------------------------------- */ .header-mobile .user-menu { float: none !important; margin: 0; /* Important: remove margins to collapse the block completely */ } /* Language/currency switcher -------------------------------------------------------------- */ /*.header-mobile #lang-switcher-wrapper-regular, .header-mobile #currency-switcher-wrapper-regular { display: none; }*/ .header-mobile.move-switchers #lang-switcher-wrapper-regular, .header-mobile.move-switchers #currency-switcher-wrapper-regular { display: none; } /* Mobile menu inside mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide/show basic elements */ .header-mobile .mobnav-trigger-wrapper { display: none !important; } /* Always hidden */ .header-mobile .nav-mobile { display: block !important; } /* Always displayed */ /* Remove side padding from inner container when menu container has "simple" class */ .header-mobile .nav.simple .inner-container { padding-left: 0; padding-right: 0; } /* Containers -------------------------------------------------------------- */ /* Important: menu container is also a "skip-content" block */ .header-mobile .nav-container { /* Padding for menu container may be added via admin panel so we need to remove it here */ padding: 0; /* If needed, reset also other styles which are added to standard "skip-content" blocks */ /* Remove background color */ background-color: transparent; } /* Menu bar -------------------------------------------------------------- */ /* Remove shadow */ .header-mobile .nav-container .nav, .header-mobile .nav-container #nav { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .header-mobile .nav-border-bottom { border-bottom: none; } /* Menu items -------------------------------------------------------------- */ /* Mobile menu - remove possible gap from the top of the very first item. Gaps are added as dividers between items of the mobile menu accordion. */ .header-mobile .nav-mobile .nav-item.nav-1 { margin-top: 0 !important; } /* Hidden elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .container_header_primary_left_1, .header-mobile .container_header_primary_central_1, .header-mobile .container_header_primary_right_1 { display: none; } /* Sticky header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .sticky-header .sticky-container { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; background-color: #fff; } /* Reset selected styles of the menu bar in sticky header -------------------------------------------------------------- */ /* Remove additional padding above and below the menu container */ .sticky-header .nav-container { padding-top: 0; padding-bottom: 0; } /* Remove background color and vertical padding (they work as an outline of the menu bar) from the nav container */ .sticky-header .nav-container .nav { background-color: transparent; padding-top: 0; padding-bottom: 0; } /* Remove shadow from the menu bar and from the menu bar container */ .sticky-header .nav-container .nav, .sticky-header .nav-container #nav { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } /* Category labels -------------------------------------------------------------- */ /* Make top-level category labels invisible */ .sticky-header .nav-regular .nav-item.level0 > a .cat-label { display: none; } /* Alternatively, we can make the labels smaller */ /*.sticky-header .nav-regular .nav-item.level0 > a .cat-label { font-size: 11px; line-height: 15px; padding: 0 4px; top: 2px; } .sticky-header .nav-regular .nav-item.level0 > a .pin-bottom:before { display: none; }*/ /* Full width content -------------------------------------------------------------- */ .sticky-header .sticky-container--full-width .container { /* Stretch the container to take all available space */ max-width: none; width: 100%; } .sticky-header .sticky-container--full-width .inner-container { padding-left: 0; padding-right: 0; } /* Hide selected elements -------------------------------------------------------------- */ /* Text label of the dropdown when inside sticky header */ .sticky-header .nav-holder .dropdown-heading .label { display: none; } /* Sticky header + mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.sticky-header .nav-container { height: 55px; } .sticky-header .nav-mobile { height: 300px; overflow-y: auto; overflow-x: hidden; }*/ /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { padding-left: 0; list-style: none; } .block-viewed .block-content li.item, .block-compare .block-content li.item, .block-compared .block-content li.item { background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/img/bullet.png) no-repeat 3px 10px; padding-left:15px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Align block title with the tabs on product page */ /*.block-related .section-title { padding-top: 19px; }*/ /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title { background:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; } .block-account .block-content { padding:10px 0 0; } .block-account li > * { padding: 2px; } .block-account li.current strong { font-weight:bold; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-grid .item { -webkit-tap-highlight-color: transparent; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability { float:right; margin:15px 0 10px; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Bundle product */ .price-box-bundle { border-bottom:1px solid #e5e5e5; margin:-10px 0 15px; /* Move up to align with the main price box */ padding-bottom:15px; } /* Main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Margin before price box */ .product-view .space-before-avail { margin:0 0 15px; height:0; line-height:0; } /* Upper part of the container */ .product-view .product-type-data > .price-box { border-top-style:solid; border-top-width:1px; margin:15px 0 0; padding:10px 0; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Reviews */ .product-view .box-reviews .buttons-set { margin-left:0; margin-right:0; } /* New elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .sku { margin: 15px 0; } .product-view .sku .label { font-weight: bold; } /* Product type specific data %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .is-type-grouped .availability { margin-top:0; margin-bottom:0; } .product-view .grouped-items-table input.input-text { height: 26px; padding:4px; /* Decrease default height and padding */ } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.my-account .pager { margin: -1px 0 20px; }*/ /** * * * MISCELLANEOUS * * */ /* Accordion/collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Deprecated: opener -------------------------------------------------------------- */ .accordion-style1 .opener { background-color:rgba(0,0,0, 0.03); } /* Collapsible blocks. Set position and other properties of arrow icon. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Different types of collapsible blocks share the same styles */ /* Generic tabs - accordion */ .gen-tabs .acctab:after, /* Collapsible blocks */ .collapsible .block-title:after, .mobile-collapsible .block-title:after, /* Sidebar blocks */ .sidebar .block .block-title:after, /* Layered navigation */ .block-layered-nav .block-title:after { float: right; font-size: 22px; } /* Blocks collapsible only on mobile - hide arrow */ .mobile-collapsible .block-title:after, .sidebar .block .block-title:after, .block-layered-nav .block-title:after { display: none !important; } /* Icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icons applied with icon codes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* These icons needs to have the same basic styles as standard font icons. Except line height - it would override individual size of each icon. */ .form-search .button:before, .buttons-set .back-link a:before, .map-popup-close:before, .remember-me-popup-head .remember-me-popup-close:before, .btn-edit:before, .breadcrumbs .sep, /* Generic tabs - accordion */ .gen-tabs .acctab:after, /* Collapsible block icon */ .sidebar .block .block-title:after, .block-layered-nav .block-title:after { display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Apply icon codes -------------------------------------------------------------- */ .form-search .button:before { content: "\e235"; } .map-popup-close:before, .remember-me-popup-head .remember-me-popup-close:before { content: "\e22d"; } .breadcrumbs .sep:before { content: "\e228"; font-size: 8px; } .gen-tabs .acctab:after, .sidebar .block .block-title:after, .block-layered-nav .block-title:after { content: "\e261"; } .gen-tabs .acctab.current:after, .sidebar .block .block-title.active:after, .block-layered-nav .block-title.active:after { content: "\e262"; } /* Other modifications %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Menu container %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Simple menu container - when menu is inside the container which is not full-width but is narrow and placed in one of the header sections. Override the width of the "nav" class. */ .nav.simple { width: 100%; } /* Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Collateral boxes - full width */ .cart-left-column .grid-full, .cart-right-column .grid-full { width:100%; } /** * * * BUILT-IN STATIC BLOCKS * * */ .block_category_above_collection { margin:10px 0; } .block_category_below_collection { margin:10px 0; } .block_category_above_empty_collection { margin:10px 0; } .block_mini_cart_above_products { margin:0 0 10px; } .block_cms_page_top { margin:0 0 15px; } .block_footer_payment { margin-bottom:10px; margin-left:20px; } /* Sample block content -------------------------------------------------------------- */ .sample-block { color:#999; margin-top:10px; padding: 0 !important; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .sample-block:hover { color:#333; } /** * * * HIGH-RESOLUTION READY IMAGES (RETINA-READY) * * */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and ( -o-min-device-pixel-ratio: 3/2), only screen and ( -ms-min-device-pixel-ratio: 1.5), only screen and ( min-device-pixel-ratio: 1.5) { /* Rating */ .rating-box, .rating-box .rating { background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/img/rating@2x.png); background-size:14px 43px; } /* Icons below are obsolete and will be removed in future releases. Icons created with image sprites were replaced with font icons. Font icons should be used instead of old sprite image icons. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Theme icons IMPORTANT: Deprecated: will be removed in next versions (sprite image icons were replaced with font icons). -------------------------------------------------------------- */ /* To top */ #scroll-to-top, /* Search button */ .header .form-search .button span, /* All icons from icons-theme.css */ /* Row 1: */ .icon.i-wishlist, .icon.i-wishlist-w, .icon.i-wishlist-bw, .icon.i-wishlist-wb, .icon.i-compare, .icon.i-compare-w, .icon.i-compare-bw, .icon.i-compare-wb, .icon.i-recommend, .icon.i-recommend-w, .icon.i-recommend-bw, .icon.i-recommend-wb, .icon.i-lowstock, .icon.i-lowstock-w, .icon.i-lowstock-bw, .icon.i-lowstock-wb, .icon.i-cart, .icon.i-cart-w, .icon.i-cart-bw, .icon.i-cart-wb, /* Row 2: */ .icon.i-home, .icon.i-home-w, .icon.i-home-bw, .icon.i-home-wb, .icon.i-left, .icon.i-left-w, .icon.i-left-bw, .icon.i-left-wb, .icon.i-right, .icon.i-right-w, .icon.i-right-bw, .icon.i-right-wb, .icon.i-top, .icon.i-top-w, .icon.i-top-bw, .icon.i-top-wb, .icon.i-bottom, .icon.i-bottom-w, .icon.i-bottom-bw, .icon.i-bottom-wb /* Last selector without trailing coma */ { background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/sprite@2x.png); background-size:500px 200px; } /* All icons from icons-social.css -------------------------------------------------------------- */ /* Row 1: */ .icon.i-telephone, .icon.i-telephone-w, .icon.i-mobile, .icon.i-mobile-w, .icon.i-skype, .icon.i-skype-w, .icon.i-letter, .icon.i-letter-w, .icon.i-location, .icon.i-location-w, /* Row 2: */ .icon.i-twitter, .icon.i-twitter-w, .icon.i-facebook, .icon.i-facebook-w, .icon.i-googleplus, .icon.i-googleplus-w, .icon.i-youtube, .icon.i-youtube-w, .icon.i-vimeo, .icon.i-vimeo-w, .icon.i-wordpress, .icon.i-wordpress-w, .icon.i-pinterest, .icon.i-pinterest-w, .icon.i-linkedin, .icon.i-linkedin-w, .icon.i-blogger, .icon.i-blogger-w, .icon.i-envato, .icon.i-envato-w /* Last selector without trailing coma */ { background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/default/images/sprite-icons-social@2x.png); background-size:500px 200px; } } /* end: media query */ /* FILE: grid12.css */ /* * 12-column grid system */ /* Grid units %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, /* Alias for full-width unit */ /* Special grid units */ .grid-col2-sidebar, .grid-col2-main { /*position:relative;*/ display:inline; float:left; margin-left:1%; margin-right:1%; } /* Basic grid units width */ .grid12-1 { width:6.33%; } .grid12-2 { width:14.66%; } .grid12-3 { width:23%; } .grid12-4 { width:31.33%; } .grid12-5 { width:39.67%; } .grid12-6 { width:48%; } .grid12-7 { width:56.33%; } .grid12-8 { width:64.67%; } .grid12-9 { width:73%; } .grid12-10 { width:81.33%; } .grid12-11 { width:89.67%; } .grid12-12, .grid-full { width:98%; } /* Grid units without left gutter (margin) */ .no-left-gutter.grid12-1 { margin-left:0; width:7.33%; } .no-left-gutter.grid12-2 { margin-left:0; width:15.66%; } .no-left-gutter.grid12-3 { margin-left:0; width:24%; } .no-left-gutter.grid12-4 { margin-left:0; width:32.33%; } .no-left-gutter.grid12-5 { margin-left:0; width:40.67%; } .no-left-gutter.grid12-6 { margin-left:0; width:49%; } .no-left-gutter.grid12-7 { margin-left:0; width:57.33%; } .no-left-gutter.grid12-8 { margin-left:0; width:65.67%; } .no-left-gutter.grid12-9 { margin-left:0; width:74%; } .no-left-gutter.grid12-10 { margin-left:0; width:82.33%; } .no-left-gutter.grid12-11 { margin-left:0; width:90.67%; } .no-left-gutter.grid12-12, .no-left-gutter.grid-full { margin-left:0; width:99%; } /* Grid units without right gutter (margin) */ .no-right-gutter.grid12-1 { margin-right:0; width:7.33%; } .no-right-gutter.grid12-2 { margin-right:0; width:15.66%; } .no-right-gutter.grid12-3 { margin-right:0; width:24%; } .no-right-gutter.grid12-4 { margin-right:0; width:32.33%; } .no-right-gutter.grid12-5 { margin-right:0; width:40.67%; } .no-right-gutter.grid12-6 { margin-right:0; width:49%; } .no-right-gutter.grid12-7 { margin-right:0; width:57.33%; } .no-right-gutter.grid12-8 { margin-right:0; width:65.67%; } .no-right-gutter.grid12-9 { margin-right:0; width:74%; } .no-right-gutter.grid12-10 { margin-right:0; width:82.33%; } .no-right-gutter.grid12-11 { margin-right:0; width:90.67%; } .no-right-gutter.grid12-12, .no-right-gutter.grid-full { margin-right:0; width:99%; } /* Grid units without any gutter (margin) */ .no-gutter.grid12-1 { margin-left:0; margin-right:0; width:8.33%; } .no-gutter.grid12-2 { margin-left:0; margin-right:0; width:16.66%; } .no-gutter.grid12-3 { margin-left:0; margin-right:0; width:25%; } .no-gutter.grid12-4 { margin-left:0; margin-right:0; width:33.33%; } .no-gutter.grid12-5 { margin-left:0; margin-right:0; width:41.67%; } .no-gutter.grid12-6 { margin-left:0; margin-right:0; width:50%; } .no-gutter.grid12-7 { margin-left:0; margin-right:0; width:58.33%; } .no-gutter.grid12-8 { margin-left:0; margin-right:0; width:66.67%; } .no-gutter.grid12-9 { margin-left:0; margin-right:0; width:75%; } .no-gutter.grid12-10 { margin-left:0; margin-right:0; width:83.33%; } .no-gutter.grid12-11 { margin-left:0; margin-right:0; width:91.67%; } .no-gutter.grid12-12, .no-gutter.grid-full { margin-left:0; margin-right:0; width:100%; } /* Special grid units: basic structure of pages with 1 and 2 sidebars -------------------------------------------------------------- */ /* 2 columns: fixed-width sidebar unit and fluid main unit. Sidebar unit has the same width for all screen sizes equal or greater than 1280px. Width of the main unit is fluid. */ .grid-col2-sidebar { width:23%; } .grid-col2-main { width:73%; } .no-gutter.grid-col2-sidebar { margin-left:0; margin-right:0; width:25%; } .no-gutter.grid-col2-main { margin-left:0; margin-right:0; width:75%; } /* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */ .grid-col3-sidebar { width:31.52%; } .grid-col3-main { width:65.90%; } .no-gutter.grid-col3-sidebar { margin-left:0; margin-right:0; width:31.52%; } .no-gutter.grid-col3-main { margin-left:0; margin-right:0; width:65.90%; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:table; width:100%; } .v-grid { float:none; display:table-cell; vertical-align:middle; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */ .alpha { margin-left:0; } .omega { margin-right:0; } /* Hide element if screen width is lower than the width specified in the class name */ .hide-below-1680 { display:none !important; } .hide-below-1440 { display:none !important; } .hide-below-1360 { display:none !important; } .hide-below-1280 { display:none !important; } /* Containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Main container for page content. Max width of the page is applied to elements with this class. -------------------------------------------------------------- */ .container { margin-left:auto; margin-right:auto; } .nested-container { width:102%; margin-left:-1%; } /* Deprecated */ /* Inner container. Additional container, horizontal padding is applied to elements with this class. -------------------------------------------------------------- */ .inner-container { padding-left: 15px; padding-right: 15px; /* Clear floats */ *zoom: 1; clear: both; } /* Clear floats */ .inner-container:before, .inner-container:after { display: table; line-height: 0; content: ""; } .inner-container:after { clear: both; } /* Full width container -------------------------------------------------------------- */ .container.full-width { width: 100%; max-width: none; } /* Expanded container (without inner side padding) -------------------------------------------------------------- */ .container.no-side-padding > .inner-container { padding-left: 0; padding-right: 0; } /* Grid units containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Grid units container: clears floats (place grid units inside "div" with this class) -------------------------------------------------------------- */ .grid-container { *zoom: 1; clear: both; } .grid-container:before, .grid-container:after { display: table; line-height: 0; content: ""; } .grid-container:after { clear: both; } /* Grid unit container: clears floats and adds vertical margin between units -------------------------------------------------------------- */ .grid-container-spaced { *zoom: 1; clear: both; } .grid-container-spaced:before, .grid-container-spaced:after { display: table; line-height: 0; content: ""; } .grid-container-spaced:after { clear: both; } .grid-container-spaced .grid12-1, .grid-container-spaced .grid12-2, .grid-container-spaced .grid12-3, .grid-container-spaced .grid12-4, .grid-container-spaced .grid12-5, .grid-container-spaced .grid12-6, .grid-container-spaced .grid12-7, .grid-container-spaced .grid12-8, .grid-container-spaced .grid12-9, .grid-container-spaced .grid12-10, .grid-container-spaced .grid12-11, .grid-container-spaced .grid12-12, .grid-container-spaced .grid-full { margin-bottom: 2%; } /* Grid presentation -------------------------------------------------------------- */ .show-grid [class*="grid12-"] { background-color: #eee; text-align: center; min-height: 40px; line-height: 40px; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } .show-grid [class*="grid12-"]:hover { background-color: #F08080; } /* FILE: design_pink_com.css */ /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2016-11-09 08:47:40 */ body { color: #333333; background-color: #f5f5f5; font-size: 12px; } a { color: #333333; } a:hover, .vertnav li.current > a, h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover { color: #333333; } .caret { border-top-color: #333333; } .button { background-color: #ff0076; color: #ffffff; } .button:hover, .button:focus { background-color: #5db53f; color: #ffffff; } .product-view .btn-cart, .btn-checkout { background-color: #333333; color: #ffffff; } .product-view .btn-cart:hover, .btn-checkout:hover { background-color: #5db53f; color: #ffffff; } .links > li > a:hover { background-color: #ffffff; color: #000000 !important; } .sticker.new { background-color: #50b9ff; color: #ffffff; } .sticker.sale { background-color: #f25755; color: #ffffff; } .price-box .price, /* All prices in price-box */ .price-as-configured .price /* Bundle product - final price on product page */ { color: #ff0076; } .special-price .price, .special-price .price-label, .minimal-price-link .price { color: #ee001c !important; } .price-notice .price, .old-price, .price-box .old-price .price, #map-popup-msrp, /* MSRP prices */ .map-popup-msrp .price { color: #aaa; } .additional-bg-color, .block-layered-nav .currently, .block-layered-nav .actions, .cart .totals, .checkout-agreements li { background-color: #f5f5f5; } .skip-link .count { background-color: #e5247d; } /* Custom content class */ .main-font, /* Headings */ h1, h2, h3, h4, h5, .section-title, .products-list .product-name, .products-grid .product-name, h3.product-name, /*TODO:remove*/ .block-layered-nav .block-subtitle--filter, /* Filters */ /* Generic */ .feature .heading, .accordion .heading, /* Main menu */ /* Regular mode */ .nav-regular .nav-item.level0 > a, /* level 1 */ /* Mega dropdown */ .nav-regular .nav-submenu--mega > li > a, /* First level of mega dropdown */ /* Containers for additional elements in the menu bar */ .nav-regular .nav-holder .dropdown-heading, /* Mobile mode */ .mobnav-trigger, .nav-mobile .nav-item.level0 > a, /* level 1 */ .nav-mobile .nav-item.level1 > a, /* level 2 */ .nav-mobile .nav-item.level2 > a, /* level 3 */ /* Holders for additional elements in the menu bar */ .nav-regular .nav-holder .dropdown-heading, .nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading, /* Mobile header skip links */ .header-mobile .skip-link .label, /* Block headings */ .block .block-title, /* Checkout headings */ #opc-login h3, /* Multiple checkout */ /*.fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend,*/ /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* Product page */ .product-view .box-reviews dt .heading, .gen-tabs .tabs a, /* Footer headings */ .footer .heading, #subscribe-form label, /* Captions */ .caption .heading { font-family: "Questrial", "Century Gothic", Futura, sans-serif; } /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages a, .pager .pages .current, /* Add-to links */ .add-to-links .ic, /* Slider arrows */ .slider-arrows1 .owl-controls .owl-buttons div, .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page span, .slider-pagination2 .owl-controls .owl-page span, /* Lightbox */ #cboxPrevious, #cboxNext, #cboxClose, /* Accordion and collapsible: opener */ .accordion-style1 .opener, .collapsible .opener, /* Scroll to top */ #scroll-to-top { background-color: #f5f5f5; color: #333333; } /* Toolbar */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover, /* Add-to links */ .add-to-links .ic:hover, .add-to-links .feature-icon-hover:hover .ic, /* Slider arrows */ .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Lightbox */ #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, /* Accordion and collapsible: opener */ .accordion-style1 .opener:hover, .collapsible .opener:hover, /* Scroll to top */ #scroll-to-top:hover { background-color: #ff0076; color: #ffffff; } /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page.active span, .slider-pagination1 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .slider-pagination2 .owl-controls .owl-page.active span, .slider-pagination2 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .sorter .view-mode span.grid, .sorter .view-mode span.list, .pager .pages .current { background-color: #e5e5e5; color: #333333; } .ib, /* For backward compatibility: */ .feature > span.icon { background-color: #ff0076; color: #ffffff; } .ib-hover:hover, .feature-icon-hover:hover .ib, /* For backward compatibility: */ .icon-hover:hover, .feature-icon-hover:hover > span.icon { background-color: #f25755 !important; color: #ffffff !important; } .ib.icon-color-productview, span.icon.icon-color-productview { background-color: #eeeeee; } .ib-hover.icon-color-productview:hover, .feature-icon-hover:hover .ib.icon-color-productview, .feature-icon-hover:hover span.icon.icon-color-productview { background-color: #30a5ff !important; } .wrapper { border: none !important; background-color: #ffffff; } .inner-container { padding-left: 12px; padding-right: 12px; } .header-container { } .header { background-color: transparent; } .header a { } .header a:hover { } .header-container3 { } .header .caret { border-top-color: #333333; } .header-regular .search-wrapper { max-width: 300px; } .form-search .input-text { background-color: #ffffff; border-color: transparent; } .form-search .input-text:hover, .form-search .input-text:focus { background-color: #ffffff; border-color: transparent; } .form-search .input-text, .form-search .button { color: #95bcda; } .form-search .input-text:hover, .form-search .input-text:focus, .form-search .input-text:hover + .button, .form-search .button:hover { } .form-search .input-text { border: none; } .header-container .dropdown .dropdown-content, .header-container .dropdown.open > .dropdown-heading.cover > *, .header-container .truncated .truncated_full_value .item-options, .header-container .form-search .search-autocomplete { background-color: #ffffff; color: #333333; } .header-container .dropdown .dropdown-content a, .header-container .dropdown.open > .dropdown-heading.cover a, .header-container .form-search .search-autocomplete li { color: #333333; } .header-container .dropdown .dropdown-content a:hover, .header-container .dropdown.open > .dropdown-heading.cover a:hover, .header-container .form-search .search-autocomplete li:hover { } .header-container .dropdown.open > .dropdown-heading.cover .caret, .nav-holder .dropdown.open > .dropdown-heading.cover .caret { border-top-color: #333333; } .header-top-container { } .header-top { background-color: transparent; color: #666666; } .header-top a { color: #666666; } .header-top a:hover { } .header-top, .header-top .dropdown .dropdown-heading, .header-top .links > li { line-height: 28px; } .header-top .dropdown .dropdown-heading { max-height: 28px; } .header-primary-container { background-color: transparent; } .header-primary { background-color: transparent; } .header-primary .dropdown .dropdown-heading, .header-primary .links > li { font-size: 16px; line-height: 36px; } .header-primary .dropdown .dropdown-heading { max-height: 36px; } .header-mobile .skip-link { background-color: #fafafa; color: #333333; } .header-mobile .skip-link:hover { color: #333333; } .header-mobile .skip-link.skip-active { background-color: #f5f5f5; color: #30a5ff; } .header-mobile .skip-content--style { background-color: #f5f5f5; color: #333333; } .header-mobile .skip-content--style a { color: #333333; } .header-mobile .skip-content--style a:hover { } .cat-label-label1 { background-color: #333333; color: #ffffff; } .cat-label-label2 { background-color: #99cb33; color: #ffffff; } li.level0 > a > span > .cat-label-label1.pin-bottom:before { border-top-color: #333333; } li.level0 > a > span > .cat-label-label2.pin-bottom:before { border-top-color: #99cb33; } li > a:hover > span > .cat-label, .nav-regular li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */ { background-color: #f25755; color: #ffffff; } li.level0 > a:hover > span > .pin-bottom:before, .nav-regular li.level0:hover > a > span > .pin-bottom:before { border-top-color: #f25755; } #nav .nav-panel--dropdown { background-color: #ffffff; color: #333333; } #nav .nav-panel--dropdown a { color: #333333; } #nav .nav-panel--dropdown a:hover { color: #30a5ff; } #nav .nav-panel--dropdown a .caret { border-left-color: #333333; border-right-color: #333333; } #nav .nav-panel--dropdown a:hover .caret { border-left-color: #30a5ff; border-right-color: #30a5ff; } /* All types*/ .nav-regular .nav-panel--dropdown { -moz-box-shadow:0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow:0 3px 10px rgba(0,0,0, 0.15); box-shadow:0 3px 10px rgba(0,0,0, 0.15); } .nav-mobile div.nav-panel--dropdown { -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15); z-index: 1; position: relative; } .nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .nav-container { background-color: #ffffff; } .nav { } .sticky-header .nav-container, .sticky-header .nav-regular { background-color: #ffffff; } .sticky-header .nav-regular .nav-item.level0 > a, .sticky-header .nav-regular .nav-holder .dropdown-heading, .sticky-header .nav-regular .nav-item--homeicon a, .sticky-header .nav-regular .nav-item--homeicon.active a { color: #666666; } .sticky-header .nav-regular .nav-item.level0.parent > a .caret, .sticky-header .nav-regular .nav-holder .dropdown-heading .caret { border-top-color: #666666; } .sticky-header .nav-border-bottom { border-bottom: none; } .sticky-header #nav.nav-regular { border-bottom: none; } .nav-regular { background-color: ; } .nav-regular .nav-item.level0 > a, #nav .nav-item--homeicon a, .nav-regular .nav-holder .dropdown-heading, .nav-regular .nav-holder a.dropdown-heading:hover { color: #666666; } .nav-mobile .nav-item.level0 > a { background-color: ; color: #666666; } .nav-mobile .nav-item.level0 > .opener { color: #666666; } #nav.nav-mobile ul.level0 .nav-item > a { background-color: ; color: #666666; } .nav-mobile ul.level0 .nav-item > .opener { color: #666666; } .nav-regular .nav-item.level0.active > a { background-color: ; color: #666666; } .nav-mobile .nav-item.level0.current > a { background-color: ; color: #666666; } .nav-mobile .nav-item.level0.current > .opener { color: #666666; } #nav.nav-mobile ul.level0 .nav-item.current > a { background-color: ; color: #666666; } .nav-mobile ul.level0 .nav-item.current > .opener { color: #666666; } .nav-regular .nav-item.level0:hover > a { background-color: #ffffff; color: #666666; } .nav-mobile .nav-item.level0 > a:hover { background-color: #ffffff; color: #666666; } .nav-mobile .nav-item.level0 > a:hover + .opener { color: #666666; } #nav.nav-mobile ul.level0 .nav-item > a:hover { background-color: #ffffff; color: #666666; } .nav-mobile ul.level0 .nav-item > a:hover + .opener { color: #666666; } .nav-regular .nav-item.level0 > a { line-height: 50px; } .nav-regular .nav-holder > * { line-height: 50px; max-height: 50px; } .nav-regular .nav-holder .dropdown-heading { line-height: 50px; max-height: 50px; } .nav-regular .nav-item.level0.parent > a .caret, .nav-holder .dropdown-heading .caret { border-top-color: #666666; } .nav-regular .nav-item.level0.parent.active > a .caret { border-top-color: #666666; } .nav-regular .nav-item.level0.parent:hover > a .caret { border-top-color: #666666; } .mobnav-trigger-wrapper { background-color: ; color: #666666; } .mobnav-trigger { background-color: ; color: #666666; } .mobnav-trigger:hover { background-color: #ffffff; color: #666666; } .mobnav-trigger.active { background-color: #ffffff; color: #666666; } .mobnav-trigger .trigger-icon .line { background-color: #666666; } .mobnav-trigger:hover .trigger-icon .line { background-color: #666666; } .mobnav-trigger.active .trigger-icon .line { background-color: #666666; } .nav-regular .nav-item.level0 > a, .nav-regular .nav-holder .dropdown-heading, .nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading { font-size:18px; } .nav-regular .nav-submenu--mega > li > a { font-size:16px; } .nav-mobile li.nav-item > a { font-size:14px; } .mobnav-trigger, .nav-mobile .nav-item.level0 > a { font-size:16px; text-transform: uppercase; } .nav-mobile .nav-item.level1 > a { font-size:16px; text-transform: none; } .main-container { background-color: transparent; } .main { background-color: #ffffff; padding-top: 20px; padding-bottom: 20px; } .truncated .item-options { background-color: #ffffff; } .category-products-grid .item, .products-list .item { } .category-products-grid .item:hover, .products-list .item:hover { } .gen-tabs .tabs { background-color: transparent; } .gen-tabs .tabs a { background-color: #f5f5f5; color: #333333; } .gen-tabs .tabs a:hover /*, .gen-tabs .tabs a:focus */ { background-color: #eeeeee; color: #333333; border-color: #eeeeee; border-bottom-color: transparent; } .gen-tabs .tabs a.current { background-color: #ffffff; color: #30a5ff; } .gen-tabs .tabs-panels { background-color: #ffffff; border-top-color: #e5e5e5; } .gen-tabs .tabs a.current { border-color: #e5e5e5; border-bottom-color: transparent; } .gen-tabs .tabs a.current:hover { border-bottom-color: transparent; } .gen-tabs .acctab { background-color: transparent; color: #333333; border-color: #e5e5e5; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color: #ffffff; color: #30a5ff; } /* Slider arrows */ .the-slideshow .owl-controls .owl-buttons div, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls .owl-page span, /* For pagination2 default color overrides color of active state and hover state */ .the-slideshow.slider-pagination2 .owl-controls .owl-page span, .the-slideshow.slider-pagination2 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span { background-color: #fe007c; color: #ffffff; } /* Slider arrows */ .the-slideshow .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page:hover span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page:hover span { background-color: #ffffff; color: #fe007c; } .the-slideshow.slider-pagination1 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span /* Active state overrides hover state */ { background-color: #fe007c; } .footer-container { background-color: #f5f5f5; } .footer { background-color: transparent; } .footer a { } .footer a:hover { } .footer .button { background-color: #e5e5e5; color: #555555; } .footer .button:hover, .footer .button:focus { background-color: #a5db00; color: #ffffff; } .footer .ib, .footer span.icon /* For backward compatibility */ { background-color: #30a5ff; color: #ffffff; } .footer .ib-hover:hover, .footer span.icon-hover:hover, /* For backward compatibility */ .footer .feature-icon-hover:hover .ib, .footer .feature-icon-hover:hover span.icon /* For backward compatibility */ { background-color: transparent !important; color: #30a5ff !important; } /* Slider arrows */ .footer .slider-arrows1 .owl-controls .owl-buttons div, .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .footer .slider-arrows2 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls .owl-page span, .footer .slider-pagination2 .owl-controls .owl-page span, /* Accordion and collapsible: opener */ .footer .accordion-style1 .opener, .footer .collapsible .opener { background-color: #f5f5f5; color: #333333; } /* Slider arrows */ .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Accordion and collapsible: opener */ .footer .accordion-style1 .opener:hover, .footer .collapsible .opener:hover { background-color: #30a5ff; color: #ffffff; } .footer-top-container { background-color: #ffffff; } .footer-top { background-color: transparent; } .footer-top a { } .footer-top a:hover { } .footer-primary-container { background-color: #323232; padding-top: 30px; } .footer-primary { background-color: transparent; color: #e9e9e9; padding-top: 20px; padding-bottom: 50px; } .footer-primary a { color: #e9e9e9; } .footer-primary a:hover { color: #e9e9e9; } .footer-secondary-container { background-color: #323232; } .footer-secondary { background-color: transparent; color: #747474; padding-bottom: 50px; } .footer-secondary a { color: #a9a9a9; } .footer-secondary a:hover { color: #a9a9a9; } .footer-bottom-container { background-color: #323232; } .footer-bottom { background-color: transparent; color: #747474; padding-top: 20px; padding-bottom: 50px; } .footer-bottom a { color: #a9a9a9; } .footer-bottom a:hover { color: #a9a9a9; } .social-links .ib, .social-links a > span.icon /* For backward compatibility */ { background-color: transparent; color: #333333; } .social-links .ib-hover:hover, .social-links a > span.icon-hover:hover /* For backward compatibility */ { background-color: transparent !important; color: #ff0076 !important; } body.shadow .nav, body.shadow .main, body.shadow .show-bg, .drop-shadow { -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } /* FILE: grid_pink_com.css */ /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2016-11-09 08:47:40 */ /* Grid container %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .container { width:96%; max-width: 1034px; } .lte-ie8 .container { max-width:1034px; } /* Design for a width of less than 1024 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 1024px */ @media only screen and (max-width: 1023px) { /* Hide */ .hide-below-1024 { display:none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { max-width:737px; } /* Hide */ .hide-below-960 { display:none !important; } } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { .nested-container { width:100%; margin-left:auto; } /* Nav container with outline (if nav container has background color). Apply the same vertical margins, as container's side padding. */ .nav.has-outline > .grid-full { margin-top: 2%; margin-bottom: 2%; } /* Below 768px all grid units are stretched (full width) and stack vertically */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, .grid-col2-sidebar, .grid-col2-main, .grid-col3-sidebar, .grid-col3-main { width:100% !important; /* Added "!important" to override units with "no-gutter" */ margin-left:0; margin-right:0; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:block; } .v-grid { float:inherit; display:block; width:100%; } } /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { max-width:440px; } /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } /* Deprecated: persistent grid units (will be removed in the next update) -------------------------------------------------------------- */ /* Half */ .persistent-grid2-1 { width:48%; margin-left:1%; margin-right:1%; } /* One-third + two-thirds */ .persistent-grid3-1 { width:31.33%; margin-left:1%; margin-right:1%; } .persistent-grid3-2 { width:64.67%; margin-left:1%; margin-right:1%; } /* One-fourth + two-fourths + three-fourths */ .persistent-grid4-1 { width:23%; margin-left:1%; margin-right:1%; } .persistent-grid4-2 { width:48%; margin-left:1%; margin-right:1%; } .persistent-grid4-3 { width:73%; margin-left:1%; margin-right:1%; } /* Mobile grid (for browser viewport between 480px and 768px): Below 768px all grid units are stretched (full width) and stack vertically. The "mobile-grid" class forces narrow grid units to stay narrow, but the width is increased to avoid too small columns. -------------------------------------------------------------- */ .mobile-grid.grid12-1 { width:14.66% !important; margin-left:1%; margin-right:1%; } /* 1/12 turns into 1/6 */ .mobile-grid.grid12-2 { width:31.33% !important; margin-left:1%; margin-right:1%; } /* 1/6 turns into 1/3 */ .mobile-grid.grid12-3 { width:48% !important; margin-left:1%; margin-right:1%; } /* 1/4 turns into 1/2 */ /* Force other grid units to take half of the available width */ .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; } } /* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { .container { max-width:590px; } } /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Enlarge containers to full width and remove max width */ .container { max-width: none !important; width: 100%; } } /* Mobile (Portrait) - design for a width of 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } } /* Mobile (Portrait) - design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } .hide-below-320 { display:none !important; } } /* FILE: layout_pink_com.css */ /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * To override or extend default CSS styles use custom.css file (refer to the user guide for details). * 2018-07-16 12:36:57 */ /* Design for a width of 960-1280 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) { /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ .product-view .sticker { width:80px; height:80px; } } /* Design for menu for a width of less than 1280 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media only screen and (min-width: 1024px) and (max-width: 1279px) { /* Menu */ .nav-regular .nav-item.level0 > a, .nav-regular .nav-holder .dropdown-heading { font-size: 16px; } .nav-regular .nav-item.level0 > a { padding: 0 6px; } } @media only screen and (min-width: 960px) and (max-width: 1023px) { /* Menu */ .nav-regular .nav-item.level0 > a, .nav-regular .nav-holder .dropdown-heading { font-size: 16px; } .nav-regular .nav-item.level0 > a { padding: 0 4px; } } @media only screen and (max-width: 959px) { /* Menu */ .nav-regular .nav-item.level0 > a, .nav-regular .nav-holder .dropdown-heading { font-size: 15px; } .nav-regular .nav-item.level0 > a { padding: 0 3px; } } /* Mobile, small old desktop - design for a width of less than 960px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 960px */ @media only screen and (max-width: 959px) { /* Products grid: override size of elements (values like size-s) -------------------------------------------------------------- */ /* Product labels */ .products-grid .sticker { width:45px; height:45px; font-size:1em; } .products-grid .item:hover .sticker { width:50px; height:50px; } /* Misc -------------------------------------------------------------- */ /* Scroll to top button */ #scroll-to-top { /*display:none !important;*/ width:40px; height:40px; line-height:40px; font-size:28px; bottom:81px; right:0; border-radius:0; } /* Hide Sign Up link in Top Links */ #link-sign-up { display:none; } /* Hide amount. Note: has to be defined after aligning ".amount" center */ .toolbar .sorter .amount { display:none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Default Magento classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Cart -------------------------------------------------------------- */ .cart-table .product-name { font-size:1em; font-family: inherit; } .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ /* Related - simple */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px !important; } /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:2.0833em; } .caption p { font-size:1.1666em; } .caption button.button span span { height: 35px; line-height: 35px; padding: 0 15px; } } /* All desktop - design for a width of 768px and wider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* Mobile collapsible -------------------------------------------------------------- */ .footer .mobile-collapsible .block-title { border-bottom:none; } /* Hide line when not on mobile */ } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid and basic layout -------------------------------------------------------------- */ /* Margin for basic Magento columns */ .col-main, .col-left, .col-right { margin-bottom:30px; } /* Product view: margin for all grid units */ .product-view .grid12-1, .product-view .grid12-2, .product-view .grid12-3, .product-view .grid12-4, .product-view .grid12-5, .product-view .grid12-6, .product-view .grid12-7, .product-view .grid12-8, .product-view .grid12-9, .product-view .grid12-10, .product-view .grid12-11, /* deprecated */ .product-view .grid4-1, .product-view .grid4-2, .product-view .grid4-3, .product-view .grid2-1 /* end:deprecated */ { margin-bottom:30px; } /* Remove additional margin for sidebars */ .col-left > *, .col-left .widget-static-block { margin-right: 0; } .col-right > *, .col-right .widget-static-block { margin-left: 0; } /* Magento utility classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Forms -------------------------------------------------------------- */ .form-list .field, .form-list input.input-text, .form-list textarea, .form-list select, .form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide textarea, .form-list li.wide select { max-width:100%; } /* Tables -------------------------------------------------------------- */ .data-table thead .nobr { white-space:normal !important; } .data-table th, .data-table td { padding:5px; } /* Data tables formatting -------------------------------------------------------------- */ /* Basic formatting */ .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead { display:none; } .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody { background:transparent !important; } .cart .data-table tr, .cart .data-table td, .my-wishlist .data-table tr, .my-wishlist .data-table td, .my-account .data-table tr, .my-account .data-table td, .order-review .data-table tr, .order-review .data-table td { border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; } .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr { border-bottom:1px solid #e5e5e5 !important; margin-bottom:20px; } /* Highlight first cell in table footer */ .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child { font-weight:bold; } /* Show cell label */ .data-table .cell-label { display:inline-block; width:30%; min-width:100px; max-width:140px; margin-right:10px; font-weight:bold; } /* Header -------------------------------------------------------------- */ /* Global notices -------------------------------------------------------------- */ .global-site-notice .notice-inner { background:none; padding:10px 0; text-align:center; } .global-site-notice .notice-inner p { width:100%; padding:0 0 10px; } .global-site-notice .notice-inner .actions { padding-bottom:5px; } /* Items in the top header -------------------------------------------------------------- */ /* Make side margins smaller */ .header .item-left { margin-right: 5px; } .header .item-right { margin-left: 5px; } /* Other -------------------------------------------------------------- */ /* User menu (Top Links) */ .user-menu { width:100%; margin-left:0; margin-right:0; } /* Top links */ .top-links { float:left; } /* Line breaker - disable on narrow screens */ .user-menu .line-break-after { clear:none; } /* Header - old styles applied when mobile header mode is not enabled and the "header-regular" class is not removed from header container on narrow screens -------------------------------------------------------------- */ /* Vertically aligned blocks. Reset block below this breakpoint - blocks become full width and stack vertically -------------------------------------------------------------- */ .header-regular .hp-blocks-holder { display:block; } .header-regular .hp-blocks-holder .hp-block { float:inherit; display: block; width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } /* Logo -------------------------------------------------------------- */ .header-regular .header .logo-wrapper { text-align:center; } .header-regular .header .logo-wrapper .logo { width:70%; margin-left:auto; margin-right:auto; } /* Quick search -------------------------------------------------------------- */ /* Search: mobile (search bar layout for narrow screens) -------------------------------------------------------------- */ .header-regular .search-wrapper-mobile { display: block; /* To override possible inline styles */ clear: both; width: 100%; margin: 10px 0; /*float: none;*/ } .header-regular .search-wrapper-mobile .form-search { width: 100%; max-width: 440px; margin-left: auto; margin-right: auto; } .header-regular .search-wrapper-mobile .form-search .input-text { width: 100%; min-width: 100%; /* Cancel minimum width */ } /* Search: header inline -------------------------------------------------------------- */ /* Note: added .header class to override other selectors */ .header-regular .header .search-wrapper-inline { display: block; clear: both; width: 100%; margin: 10px auto; } /* Main -------------------------------------------------------------- */ /* On mobile there is no need to set minimum height of the content area */ .main { min-height: 100px; } /* Footer -------------------------------------------------------------- */ /* Footer elements - align center */ .footer .mobile-inline-container { text-align:center; } .footer .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } .footer-primary-top-spacing, .footer-primary-bottom-spacing, .footer-top .links, .footer-bottom { text-align:center; } .footer-primary-top-spacing .item, .footer-primary-bottom-spacing .item, #subscribe-form, .footer-bottom .item, .footer-top .links li { float:none; display:inline-block; } .footer-top .item { float:none; } /* Simplify links */ .footer .links-wrapper-separators .links li a, .footer .links-wrapper-separators-left .links li a { background-image:none; } /* Footer elements */ .footer-primary-bottom-spacing .item { width:100%; margin:0; } .footer-bottom .item { margin-left:5px; margin-right:5px; } /* Copyright - remove space */ .footer-copyright { margin-left:0; } /* Primary and secondary section: additional inner padding */ .footer-primary > .grid-full > .section, .footer-secondary > .grid-full > .section { padding:15px 10px; } /* Breadcrumbs on product page -------------------------------------------------------------- */ .catalog-product-view .breadcrumbs { text-align: center; } .catalog-product-view .breadcrumbs > * { display: inline-block; } /* Layered navigation -------------------------------------------------------------- */ .block-layered-nav { margin-top: 30px; margin-bottom: 30px; } /* Hide main heading of the block */ .block-layered-nav .block-title { display: none; } .block-layered-nav .block-content { font-size: 14px; padding: 0; } #narrow-by-list, #narrow-by-list2 { margin: 0 15px; } /* Attributes -------------------------------------------------------------- */ .block-layered-nav .block-content > dl > dt { cursor: pointer; padding: 7px 10px 7px 25px; border-bottom: 1px solid #f5f5f5; text-transform: uppercase; } .block-layered-nav .block-content > dl > dt:after { display: block; /* Show on mobile */ content: ''; position: absolute; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #ddd; border-right: none; } .block-layered-nav .block-content > dl > dd { display: none; padding: 10px 0; } /* Accordion opened */ .block-layered-nav .block-content.accordion-open > dl > dt.current:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #ddd; border-bottom: none; left: 6px; top: 50%; margin-top: -3px; } .block-layered-nav .block-content.accordion-open > dl > dd.current { display: block; } /* Block subtitle -------------------------------------------------------------- */ .block-layered-nav .block-subtitle--filter { margin: 0; display: block; } /* Single filter -------------------------------------------------------------- */ .block-layered-nav dl dd ol > li > a, .block-layered-nav dl dd ol > li > span { position: static; padding: 7px 14px; margin-bottom: 5px; } .block-layered-nav dl dd ol > li > a:before { display: none; /* Hide on mobile */ } .block-layered-nav dl dd ol > li > a { color: inherit; background-color: #f9f9f9; padding: 5px 10px; } .block-layered-nav dl dd ol > li > a:hover { text-decoration: none; background: #f5f5f5; } /* Toolbar -------------------------------------------------------------- */ /* All elements - align center and increase vertical spacing */ .pager, .sorter { text-align:center; } .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { display:inline-block; float:none; padding-top:0; padding-bottom:0; } .toolbar .sort-by, .toolbar .sorter .amount { border-right:none; } .sorter .per-page, .pager .per-page { display:none; } /* Category view -------------------------------------------------------------- */ .note-msg.empty-catalog { background-position:center 10px !important; color:inherit; padding:150px 10px 10px !important; text-align:center; } /* Page heading with RSS link */ .page-title { position:relative; } .page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; } /* Products list -------------------------------------------------------------- */ .products-list .product-shop-inner { padding-right:0; border-right:none; } /* Products grid: override size of elements (values like size-s) -------------------------------------------------------------- */ /* Product name */ .products-grid .product-name { font-size:1.1666em; /*14px*/ line-height:1.2307em; /*16px*/ } /* Product page -------------------------------------------------------------- */ /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */ .product-view .box-additional { margin-top:0; } /* Related: remove bottom margin */ .block-related-slider { margin-bottom:0; } /* Sidebar */ .product-view .custom-sidebar-right .inner { padding-left:0; border-left:none; } .product-view .custom-sidebar-left .inner { padding-right:0; border-right:none; } /* Add-to links */ .product-view .add-to-links { text-align: center; } .product-view .add-to-links li { float: none; display: inline-block; } /* Cart -------------------------------------------------------------- */ /* Buttons below table: align center */ .cart-table tfoot tr.first td { text-align:center !important; padding:0; margin-bottom:20px; } .cart-table tfoot button { display:inline-block; float:none !important; margin:0 0 3px; padding:0; } /* One Page Checkout -------------------------------------------------------------- */ /* Step title - link "edit" */ .opc .allow .step-title a { display:none; } /* Form */ /*.opc form fieldset { display:table-column-group; }*/ /* Account -------------------------------------------------------------- */ .my-wishlist .product-image { max-width: none; } /* Items slider -------------------------------------------------------------- */ .control-nav.control-paging { display:none; } /* Deprecated */ /* If only one item exists */ .itemslider.single-item .slides > li { margin: 0 auto; } /* Deprecated */ /* Slideshow -------------------------------------------------------------- */ .the-slideshow-wrapper-outer { margin-top: 0 !important; /* Reset nagative top margin */ } /* Slideshow navigation: move buttons to the top right corner */ .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-prev { top:10px; right:60px; left:auto; } .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-next { top:10px; right:10px; left:auto; } /* Deprecated */ .the-slideshow .direction-nav .prev { top:4%; right:63px; left:auto; } .the-slideshow .direction-nav .next { top:4%; right:2%; } /* Pagination */ .the-slideshow-wrapper .owl-pagination { display: none; } /* Slideshow caption */ /* Shrink font, hide all elements except heading */ .caption > * { display:none !important; } .caption .heading { display:inline-block !important; font-size:2.0833em; margin-bottom:1px; } .caption p { font-size:1.1666em; margin-bottom:1px; } .caption button.button span span { height: 30px; line-height: 30px; padding: 0 10px; } /* Cloud Zoom -------------------------------------------------------------- */ /* Hide zoom */ .cloud-zoom-big, .cloud-zoom-lens { display:none !important; } .cloud-zoom-lens { cursor:default !important; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 16%; } /* Lightbox -------------------------------------------------------------- */ #cboxTitle, #cboxCurrent { display:none !important; } /* Accordion -------------------------------------------------------------- */ .accordion-style1 li a { padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } /* Space for openner if item has children. It has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:53px; } .accordion-style1 .opener { width:48px; height:48px; line-height:48px; } /* Different types of collapsible blocks -------------------------------------------------------------- */ /* Sidebar blocks */ .sidebar .block { margin-bottom: 20px; } /* Blocks collapsible only on mobile, so icon visible only on mobile */ .mobile-collapsible .block-title:after, .sidebar .block .block-title:after, .block-layered-nav .block-title:after { /* Show only on mobile */ display: inline-block !important; } .mobile-collapsible .block-title, .sidebar .block .block-title, .block-layered-nav .block-title { cursor: pointer; } } /* end: width < 768px */ /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Category view -------------------------------------------------------------- */ .products-list .product-shop, .products-list .right-column, .products-list .product-image-wrapper { width:48%; margin-left:1%; margin-right:1%; } /* Cloud zoom -------------------------------------------------------------- */ /* Broaden the slider if at least 4 thumbnails */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Shrink and align center the main image */ .img-box .product-image { width:60.4651%; /*364px*/ } } /* end: 480px <= width < 768px */ /* Design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:31.3333%; clear:none !important; } .itemgrid.itemgrid-adaptive > li:nth-of-type(3n+1) { clear:left !important; } } /* end: 640px <= width < 768px */ /* Design for a width of less than 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 640px */ @media only screen and (max-width: 639px) { h1 { font-size:2em; line-height:1.25em; /*24px, 30px*/ } h2 { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } h3 { font-size:1.3333em; line-height:1.25em; /*16px, 20px*/ } h4 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ } h5 { font-size:1em; line-height:1em; /*12px, 12px*/ } h6 { font-size:1em; line-height:1em; /*12px, 12px*/ } /* Mobile header -------------------------------------------------------------- */ .header-mobile .skip-link .label { display: none !important; } .header-mobile .skip-link .icon { margin-right: 0; } .header-mobile .skip-link .count { margin-right: 0; /* Reset negative margin to align content of a skip-link */ } /* Dropdowns in mobile header collaterals */ .header-mobile .header-collateral .dropdown .dropdown-heading { line-height: 24px; } /* Cloud zoom -------------------------------------------------------------- */ /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 19%; } } /* end: width < 640px */ /* Design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480 <= width < 640px */ @media only screen and (min-width: 480px) and (max-width: 639px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; } } /* end: 480 <= width < 640px */ /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Products grid -------------------------------------------------------------- */ .products-grid.category-products-grid.hover-effect .item .add-to-links, /* To override "display-onhover" */ .products-grid .item .add-to-links { display: none !important; } /* Buttons - stretch full width -------------------------------------------------------------- */ .buttons-set .button, .title-buttons .button, .cart .btn-checkout, .mini-cart .actions .button, .mini-compare .actions .button { float: none; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 7px; } .buttons-set .button:last-child, .cart .btn-checkout:last-child, .mini-cart .actions .button:last-child { margin-bottom: 0; } /* Button on product page - stretch full width and remove vertical alignment -------------------------------------------------------------- */ .product-view .add-to-cart .btn-cart { display: block; width: 100%; margin: 0 0 7px; } .product-view .add-to-cart { display: block; float: none; } /* Buttons set -------------------------------------------------------------- */ .buttons-set .back-link { display: none; } .buttons-set .required { display: none; } /* Grid elements -------------------------------------------------------------- */ .col2-set .col-1, .col2-set .col-2 { width:100%; } /* Header -------------------------------------------------------------- */ /* Simplify horizontal links */ .header .links-wrapper-separators .links li a, .header .links-wrapper-separators-left .links li a { background-image:none; } /* Header elements - align center. TODO: apply or remove in future updates. -------------------------------------------------------------- */ .header .mobile-inline-container { text-align:center; } .header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Header top elements - align center -------------------------------------------------------------- */ /*.header-top { text-align:center; } .header-top .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; } .header-top .links { text-align:center; } .header-top .links li { float:none; display:inline-block; }*/ /* Header - old styles applied when mobile header mode is not enabled and the "header-regular" class is not removed from header container on narrow screens -------------------------------------------------------------- */ /* Header elements - align center -------------------------------------------------------------- */ /* Links */ .header-regular .header .links { text-align:center; } .header-regular .header .links li { float:none; display:inline-block; } /* User menu */ .header-regular .user-menu { text-align:center; } .header-regular .user-menu > *, .header-regular .user-menu .links, .header-regular .dropdown { float:none !important; display:inline-block !important; } /* Products list -------------------------------------------------------------- */ .products-list .item { margin-bottom:20px; } .products-list .item:first-child { margin-top:1px; /* Move item down to uncover the border of the toolbar */ } .products-list .product-image { margin-bottom:20px; } /* Products list: disable hover effect -------------------------------------------------------------- */ /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */ .products-list.hover-effect .item { border-top: none; } .products-list.hover-effect .item:hover { margin-left:0; margin-right:0; padding-left:0; padding-right:0; box-shadow: none !important; } /* Products grid: override size of elements (values like size-xs) -------------------------------------------------------------- */ /* Product labels */ .products-grid .sticker { width:40px; height:40px; font-size:0.9166em; } .products-grid .item:hover .sticker { width:45px; height:45px; } /* Product page -------------------------------------------------------------- */ /* Reviews */ .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { padding:6px 1px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:90%; } /* Add-to links */ .product-view .add-to-links { text-align: inherit; } /* Toolbar -------------------------------------------------------------- */ .toolbar .limiter { display:none; } .sorter .view-mode { display:none; } .sorter .sort-by { background:none; margin-right:0; margin-left:0; padding-right:0; padding-left:0; } /* Remove right divider */ /* Account -------------------------------------------------------------- */ /* Account info + Order info */ /* .box-account.box-info .col-1, .order-info-box .col-1 { border-right:none; } .box-account.box-info .col-1 .box, .order-info-box .col-1 .box { padding-right:0; } */ .my-account .col2-set .col-1 { border-right:none; margin-bottom:20px; } .my-account .col2-set .col-1 .box { padding-right:0; } /* Order details */ .order-items .sub-title .separator { display:none; } /* Checkout -------------------------------------------------------------- */ .opc .step-title h2 { font-size:1em; line-height:2.8333em; } /* Advanced search results -------------------------------------------------------------- */ .advanced-search-summary ul { width: 100%; margin-right: 0; } /* Footer -------------------------------------------------------------- */ #subscribe-form label { display: inline-block; float: none; line-height: 1em; margin: 15px 0 2px; } #subscribe-form .input-box { display: inline-block; float: none; margin: 5px 0; position: relative; width: 100%; } #subscribe-form .input-text { width:100%; max-width:100%; } #subscribe-form .button { display: inline-block; float: none; } /*TOOD: check on mobiles*/ #subscribe-form .input-box .validation-advice { width: 100%; left: 0; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow .control-nav { display:none; } /* Deprecated */ /* Slideshow caption */ /* Shrink font. Hide all elements, even with class "permanent" (except heading with "permanent") */ .caption > *, .caption .heading, .caption .permanent { display:none !important; } .caption .heading.permanent { display:inline-block !important; } .caption .heading { font-size:1.3333em; } .caption p { font-size:1em; } /* Itemslider -------------------------------------------------------------- */ /* Pagination */ .itemslider .owl-pagination { display: none; } /* Cloud zoom -------------------------------------------------------------- */ #zoom-btn { display:none; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 24%; } } /* end: width < 480px */ /* Design for a width of 320px (mobile - portrait) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:237px; } /*3*/ /*{ max-width:158px; }*/ /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* end: 320px <= width < 480px */ /* Design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Disable hover effect -------------------------------------------------------------- */ /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */ .category-products-grid.hover-effect .item { border-top: none; } .category-products-grid.hover-effect .item:hover { margin-left:0; margin-right:0; padding-left:1%; padding-right:1%; box-shadow: none !important; } /* Show elements normally displayed only on hover */ .category-products-grid.hover-effect .item .display-onhover { display:block !important; } /* Show full name even if enabled: display name in single line */ .products-grid.single-line-name .item .product-name { overflow: visible; white-space: normal; } /* Spaces between items */ .category-products-grid.hover-effect .item { margin-bottom: 20px; } /* Mobile header -------------------------------------------------------------- */ .header-mobile .header-collateral { float: none; text-align:center; } .header-mobile .header-collateral > * { display: inline-block; } .header-mobile .logo-wrapper--mobile { float: none !important; text-align: center !important; } /* Product page -------------------------------------------------------------- */ /* Related - thumbnails */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } .block-related-thumbnails .product-details .price-box { display: inline-block; margin-right:5px; } .block-related-thumbnails .product-details .related-add-to-wishlist { display: inline-block; } /* Item grid -------------------------------------------------------------- */ /* Always show 1 column */ /* Important: added ".itemgrid" class to override other styles */ .itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow-wrapper .owl-buttons { display: none; } .the-slideshow .direction-nav { display:none; } /* Deprecated */ } /* end: width < 320px */ /* Design for a width of 240px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 240px <= width < 320px */ @media only screen and (min-width: 240px) and (max-width: 319px) { /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px; } /*2*/ } /* end: 240px <= width < 320px */ /* Design for a width of lass than 240px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 240px */ @media only screen and (max-width: 239px) { /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-2, .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:79px !important; } /*1*/ /* Direction navigation */ .itemslider-thumbnails.count-2 .direction-nav, .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* end: width < 240px */ /* FILE: override-config.css */ /** * Override styles configured via admin panel */ /* Additional styles for interface icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icons with no background -------------------------------------------------------------- */ /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li a, /* Slider arrows (for zoom thumbnails) */ .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:transparent; } /* Other icons -------------------------------------------------------------- */ /* Add-to links icons in product grid - square, no rounding */ .products-grid .addto-links-icons span.icon { border-radius: 0; } /* Pager */ .pager .pages li a { background-color:#f5f5f5; } /* Add-to links */ .addto-links-icons .ic { background-color:#fff; } /* FILE: custom.css */ /** ======== BASE ======== **/ body, input, select, textarea, button{ font-family: "Open Sans", "Century Gothic", Futura, sans-serif !important; font-size: 13px; } a:hover { text-decoration: underline; } table { margin-bottom: 1.5em; } iframe { border: none; } h1 { font-size: 1.8em; } .catalog-product-view .col-main a, .cms-index-index .col-main a, .cms-page-view .col-main a { text-decoration: underline; } .col-main .std ul { list-style: outside none disc; margin-left: 15px; } /** ======== MENU ======== **/ .nav-container { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } ul.nav-regular .nav-holder .search-wrapper { width: 174px; } ul.nav-regular .nav-holder .search-wrapper .input-text, .header-regular .nav-holders-wrapper-mobile .nav-holder .search-wrapper .input-text { border: 1px solid #e6e6e6; } .form-search .input-text, .form-search .button, .form-search .input-text:hover, .form-search .input-text:focus, .form-search .input-text:hover + .button, .form- search .button:hover { color: #a9a9a9; } /** ======== SLIDER ======== **/ div.the-slideshow-wrapper-outer { margin-top: 0px !important; } .pagination-pos-bottom-centered .owl-pagination { text-align: right; margin-top: -36px; margin-left: -5px; } .pagination-pos-bottom-centered { padding-bottom: 35px !important; } /** ======== BUTTONS & BANNERS ======== **/ .wsite-button-inner { height: 31px; line-height: 31px; display: block; font-weight: bold; border: none; text-decoration: none; padding: 2px 10px 2px 10px; background: #e5e5e6; text-align: center; } a.wsite-button { color: #CC66CD !important; } #banner-inner { background: #fff; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; border-bottom: 3px solid #000; padding: 10px; margin-top: 40px; clear: both; } .heart { position: relative; width: 100px; height: 90px; border-radius: 0px; display: block; } .heart p { display: inline-flex; position: relative; z-index: 99; color: #FFF; font-size: 1.1em; font-weight: bold; top: 16px; } .heart:before, .heart:after { position: absolute; content: ""; left: 50px; top: 0; width: 50px; height: 80px; background: #fe007c; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } .heart:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; } .add-to-cart-small { background: url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/bestellen_small.png); width: 76px; height: 30px; border: none; margin: 0 auto; display: block; margin-top: 4px; } .add-to-cart-small:hover { cursor: pointer; } /*------------------------------------*\ CMS PAGE \*------------------------------------*/ .cms-index-index .main { padding-top: 0px; } .cms-index-index .nav-container { margin-bottom: 0px; } .cms-page-view .main { padding-top: 0; } .cms-page-view .form-list { margin-left: 0px !important; } .col-left .wp-sidebar { margin-right: 0px; } .col-left .block { margin: 0px 32px 35px 0px; } /*------------------------------------*\ MY ACCOUNT \*------------------------------------*/ .my-account { padding-top: 12px; } .my-account .page-title h1 { color: #ff0076; } .my-account .customer-dob .rewardpointsbehavior-checkout-action { color: #ff0076; } .rewardpoints-index-index .page-title, .rewardpoints-index-transactions .page-title, .rewardpoints-index-settings .page-title { border-bottom: 1px solid #e5e5e5; padding-top: 12px; margin-bottom: 20px; } .rewardpoints-index-index .page-title h1, .rewardpoints-index-transactions .page-title h1, .rewardpoints-index-settings .page-title h1 { color: #ff0076; } /*------------------------------------*\ CHECKOUT \*------------------------------------*/ .account-login button.fb_button_medium { border-radius: 5px; border: none; } .facebook-login .fb_button:hover { cursor: pointer; } .facebook-login .new-users { margin-bottom: 0 !important; width: 100%; } @media only screen and (min-width: 768px) { .checkout-login-container { height: 50px; } .osc-login { display: block; overflow: hidden; } .facebook-login { display: inline-block; float:left; padding-right: 10px; } p.onestepcheckout-login-link { padding-top: 0 !important; display: inline-block; line-height: 50px; vertical-align: middle; float: left; } .facebook-login .button { padding: 0px !important; } .facebook-login .account-login button.fb_button_medium { right: 0; } } @media only screen and (max-width: 768px) { .facebook-login .new-users li.button { text-align: center !important; margin-left: 25px; position: relative; } } .icon-svg.icon-fb { width: 20px; margin-right: 10px; } /*------------------------------------*\ SUCCESSS \*------------------------------------*/ .checkout-onepage-success .owl-carousel .owl-wrapper-outer { padding-top: 25px; } /*------------------------------------*\ FOOTER \*------------------------------------*/ .footer-primary .block-content ul li { list-style: none; } .footer-primary .collapsible .block-title, .mobile-collapsible .block-title { font-size: 1.1em; font-weight: bold; } /*------------------------------------*\ COLORWHEEL \*------------------------------------*/ td#naillabel { text-align: center; } @media only screen and (min-width: 960px) and (max-width: 1020px) { .cms-page-view table img { max-width: 95%; } } ._51mz { width: 100% !important; } /*------------------------------------------------------------------*\ @media only screen and (max-width: 959px) and (min-width: 768px) \*------------------------------------------------------------------*/ @media only screen and (max-width: 959px) and (min-width: 768px) { .cms-page-view table td { text-align: center; } .cms-page-view table img { max-width: 95%; } .product-view .color-table .color-item { margin-top: -15px; } .product-view .color-table .color-item img { width: 75px; } .product-view .btn-cart { min-width: 160px; font-size: 12px; } .product-view .btn-cart i.fa-shopping-cart { padding-right: 8px; } .product-view .btn-cart i.fa-chevron-right { display: none; } .product-view .product-type-data .price-box .special-price { font-size: 1em; } } @media only screen and (max-width: 760px) { .cms-page-view { /* Force table to not be like tables anymore */ /* Hide table headers (but not display: none;, for accessibility) */ } .cms-page-view table, .cms-page-view thead, .cms-page-view tbody, .cms-page-view th, .cms-page-view td, .cms-page-view tr { display: block; } .cms-page-view thead tr { position: absolute; top: -9999px; left: -9999px; } .cms-page-view td { /* Behave like a "row" */ border: none; position: relative; width: 100% !important; margin-bottom: 2em; } .cms-page-view iframe { width: 95%; margin: 0; } .cms-page-view td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } } @media only screen and (max-width: 768px) { .header-mobile .header-primary { position: relative; } .header-mobile .language-switcher { padding-top: 0; } .header-mobile .skip-links--4 .skip-link { margin-top: 1em; } .header-mobile .right-column .dropdown-heading { max-height: 0px; line-height: 0px; } .header-mobile .logo-wrapper--mobile { float: left; width: 35%; } .header-mobile .hp-block.central-column { display: block; } .header-mobile .hp-block.central-column.disable { display: none; } .header-mobile .hp-block.right-column { position: absolute; right: 0; top: 0; padding-right: 10px; } .header-mobile .hp-block.right-column .tel { display: block; position: absolute; right: 0px; top: 50px; text-align: center; width: 140px; } .header-mobile .hp-block.right-column .tel i { float: left; color: #e5257b; padding-top: 10px; font-size: 2.2em; } .searchautocomplete .nav { width: 350px; } .searchautocomplete .nav .nav-input { border: none; } .searchautocomplete .nav .nav-input input { width: 294px !important; } .searchautocomplete .searchautocomplete-placeholder { left: 0px; top: 34px; border: 1px solid #eee !important; } .comodo-logo-header { display: none; } .hp-block.right-column .dropdown-heading { margin: 0; } .header-mobile .logo-wrapper--mobile .logo { margin: 1em 0 1em 0; } .header-mobile .logo-wrapper--mobile .logo img { margin-top: -13px; } .header-container .usp-list { float: left; margin-top: 2.5em; } .language-switcher { clear: none; padding-top: 12px; } .product-secondary-column .block { text-align: center; } .product-secondary-column .block img { display: block; margin: 0 auto 1em; } .home-blocks .block { text-align: center; } .product-view .add-to-box { border: none; text-align: center; } .product-view .add-to-box .add-to-cart { width: 225px; margin: 0 auto; } .product-view .color-table { text-align: center; border: none; } .product-view .color-table h2 { display: none; } .product-view .color-table .color-item { margin-top: -10px; } .product-view .color-table .color-item img { width: 40px; } .product-view .product-options { padding-top: 1em; width: 280px; text-align: center; margin: 0 auto; } .product-view .product-options dt { float: left; line-height: 35px; margin-right: 10px; } .product-view .product-options dd select { width: 200px; } .product-view .product-options-bottom .add-to-cart { width: 225px; margin: 0 auto; } .product-view .product-options-bottom .subtext-buy { text-align: center; } .product-view .product-type-data .price-box { color: #747474; font-size: 1.1em; } .product-view .product-type-data .price-box .old-price .price { font-size: 1.25em; } .product-view .product-type-data .price-box .special-price { font-size: 1.2em; } .product-view .product-type-data .price-box .special-price .specialprice { font-weight: bold; font-size: 1.2em; } .product-view .rewardpoints-product-view-earning .rewardpoints-image-pink { width: 45px; height: 45px; background-size: 45px; } .product-view .rewardpoints-product-view-earning .rewardpoints-image-pink .circle-points { top: 13px; left: 16px; font-size: 1em; } .product-view .rewardpoints-product-view-earning .rewardpoints-image-pink span.circle-points-100 { font-size: 1em; left: 12px; top: 14px; } .product-view .shipping-banner-mobile { display: block; color: #Fff; font-size: 1.2em; font-weight: bold; text-align: center; background-color: #e5257b; padding: 20px 0px; max-width: 350px; margin: 0 auto; } .product-view .container_product_image_1 { display: none; } .product-view .product-secondary-column .product-options dl dt { float: left; margin-right: 10px; } .product-view .product-secondary-column .product-options dl dd { float: left; width: 50%; } .product-view .trustpilot { margin-top: 0; } .onestepcheckout-totals td.title { width: 50% !important; } .onestepcheckout-totals td.value { width: 50% !important; } .checkout-top .checkout-help { color: #ff0076; float: none; clear: both; display: block; font-size: 16px; } .checkout-onepage-success table { width: auto !important; } .checkout-onepage-success img { max-width: 100%; } .cms-page-view table td { text-align: center; } .cms-page-view table img { float: none !important; } span.service-number { font-size: 40px !important; } .blog-home .post-list { text-align: center; } .rewardpoints-product-view-earning .rewardpoints-image-pink span { width: 14px; } } @media only screen and (max-width: 479px) { .header-container .usp-list { margin-right: 0; } .header-mobile .skip-links--4 .skip-link { margin-top: 2em; } .mobilebanner { display: block; } .mobilebanner .banner { min-height: 375px; background-size: cover !important; } .mobilebanner .inner { padding: 15px; } .mobilebanner .inner span.title { padding-top: 30px; font-family: "bebasneue_bold"; font-weight: 400; font-stretch: none; font-size: 38px; line-height: 50px; color: #fff; text-transform: uppercase; } .mobilebanner .inner p { font-size: 22px; line-height: 1em; font-family: "Open Sans"; font-weight: 300; color: #fff; } .mobilebanner .inner .btn-cta { margin-top: 50px; display: inline-block; font-size: 18px; font-weight: 600; color: #fff; border-radius: 38px; background-color: #5db53f; border: 10px solid #389e32; line-height: 22px; text-transform: uppercase; padding: 13px 23px; box-shadow: inset 1px -2px 0 0 #2b8f09; text-align: center; } .mobilebanner .inner .btn-cta i { font-style: normal; line-height: 1em; vertical-align: middle; font-size: 1.5em; } .mobilebanner .inner .btn-cta i.fa-angle-right { padding-left: 10px; margin-top: -4px; } .cart .proceed-top { float: none; margin-top: 12px; } .cart .proceed-top .btn-proceed-checkout { width: 100%; padding: 0; } .product-view .add-to-cart .btn-cart { display: block; float: none; margin: 0 auto; width: 223px; } .onestepcheckout-coupons .input-text { width: 155px !important; } .onestepcheckout-coupons #onestepcheckout-coupon-add { padding: 0 15px; } .home-blocks .block img { width: 100%; } .product-view .product-type-data { text-align: center; } .product-view .product-options { margin: 0 auto; text-align: center; width: 280px; } .product-view .product-primary-column { margin-bottom: 0; } .product-view .product-secondary-column .product-name { display: block; text-align: center; float: none !important; } .mobile-buttons .add-to-box .subtext-buy, .mobile-buttons .product-options-bottom .subtext-buy { text-align: center; } } /* FILE: main.min.css */ @charset "UTF-8";.rewardpoints-cart-sidebar{display:none}.rewardpoints-product-view-earning{text-align:center;margin-bottom:0;color:#666}@media (max-width:768px){.rewardpoints-product-view-earning{margin:0 auto}}.rewardpoints-product-view-earning .rewardpoints-image-pink{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/pg_munt.png) no-repeat;height:65px;width:65px;position:relative;float:left}.rewardpoints-product-view-earning .rewardpoints-image-pink span{top:22px;left:21px;width:23px;position:absolute;color:#fff;font-size:1.5em;text-align:center}.rewardpoints-product-view-earning .rewardpoints-image-pink span.circle-points-100{font-size:1.3em;left:17px;top:22px}.rewardpoints-product-view-earning .rewardpoints-text-pink{overflow:hidden;color:#666}.rewardpoints-sp-methods #cart-rewards-form dd.rewards-slider{margin-left:0!important}.rewardpoints-sp-methods .form-list,.rewardpoints-sp-methods dd{padding:0!important}.rewardpoints-title{color:#fe007c}.rewardpoints-money{font-weight:700;color:#000}.rewardpointsreferfriends-index-index .page-title{margin-bottom:5px;padding-top:2px;border-bottom:1px solid #e5e5e5}.rewardpointsreferfriends-index-index .page-title h1{color:#ff0076}.referfriends-opc li{padding-top:5px}.referfriends-opc .step-title h2{padding-left:35px;background-position:5px 7px}.referfriends-opc .step-title h2.twitter-logo{background-position:-26px -18px}.referfriends-opc .step-title:hover h2{background-position:5px 7px!important;color:#ff0076}.referfriends-opc .step-title:hover h2.twitter-logo{background-position:-25px 10px!important}.referfriends-opc .active .step-title h2{background-position:5px 7px}.referfriends-opc .active .step-title h2.twitter-logo{background-position:-25px 10px!important}.referfriends-banner img{margin:15px 0}.refer-sharing-box-content{padding:0!important}.refer-sharing-box-content h2{color:#ff0076;font-size:18px;margin-top:25px}.refer-sharing-box-content .rewardpointsreferfriend-box-url .refer-content{background:none;padding:0;margin:0}.rewardpointsreferfriends-info h2{color:#ff0076;font-size:18px}.rewardpointsreferfriends-info p{margin-bottom:25px}.rewardpointsreferfriends-info p.heading{margin-bottom:5px;font-weight:700}.wordpress-index-index .page-title h1,.wordpress-index-index .page-title h2{margin:0;min-height:1.4125em;border-bottom:1px solid #e5e5e5;padding-bottom:8px}.blog-home .pager .pages{text-align:center;float:none}.blog-home .pager .pages strong{float:none}#post-list{overflow:hidden}#post-list .post-list-item{min-height:300px}#post-list .post-list-item h2{font-size:1.2em;clear:both;padding-top:10px;margin-bottom:0}#post-list .post-list-item h2 a{color:#fe007c;margin-bottom:0}#post-list .post-list-item .date{font-size:.8em}#post-list .post-list-item .featured-image{border:none;padding:0;margin:0}.post-entry .gallery img{border:none!important}#fp-gallery{z-index:5000!important}.post-entry ul li{color:#333;background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/hartje.png) no-repeat;background-size:20px;padding-left:30px;font-size:14px;padding-bottom:5px}.wp-sidebar{background-color:#f4f4f4;width:90%}.wp-sidebar .block{margin:0 15px 35px!important}.wp-sidebar .block .block-content img{margin-bottom:15px}.header-checkout .logo img{width:65px}@media (max-width:320px){.header-checkout .checkout-right-block-wrapper{padding:0}}.header-checkout .checkout-right-block{padding-top:20px;float:right;text-align:right}@media only screen and (max-width:768px){.header-checkout .checkout-right-block{float:none;text-align:center}}.header-checkout .checkout-right-block .icon-ssl{float:right;color:#fe007c;width:45px;height:45px;font-size:3.5em;margin-right:10px;margin-top:-25px}@media only screen and (max-width:768px){.header-checkout .checkout-right-block .icon-ssl{display:none}}.header-checkout .checkout-right-block .ssl-secure-checkout{float:right;margin-bottom:15px;width:250px}@media only screen and (max-width:768px){.header-checkout .checkout-right-block .ssl-secure-checkout{float:none}}.header-checkout .checkout-right-block .checkout-title{display:block;float:right;padding-bottom:8px;color:#fe007c;font-size:20px}@media only screen and (max-width:768px){.header-checkout .checkout-right-block .checkout-title{float:none}}.header-checkout .checkout-right-block .checkout-phone{display:inline-block;float:right;clear:both;min-width:210px}@media only screen and (max-width:768px){.header-checkout .checkout-right-block .checkout-phone{float:none}}.onestepcheckout-index-index #header-nav{border-bottom:none}.onestepcheckout-index-index #header-nav .nav.container{display:none}.onestepcheckout-index-index .main.container{padding-top:0}.onestepcheckout-index-index .checkout-top{display:block;overflow:hidden}.onestepcheckout-index-index .checkout-top .onestepcheckout-title{float:left;color:#fe007c}@media (max-width:768px){.onestepcheckout-index-index .checkout-top .onestepcheckout-title{text-align:center;font-size:18px;float:none}}.onestepcheckout-index-index .checkout-top .checkout-help{color:#fe007c;float:right;font-size:20px}@media (max-width:768px){.onestepcheckout-index-index .checkout-top .checkout-help{text-align:center;font-size:16px;float:none;margin-bottom:1em}}@media (max-width:768px){.onestepcheckout-index-index .onestepcheckout-login-link{text-align:center}}@media only screen and (max-width:960px){.onestepcheckout-threecolumns .onestepcheckout-column-left,.onestepcheckout-threecolumns .onestepcheckout-column-middle,.onestepcheckout-threecolumns .onestepcheckout-column-right{width:100%!important;margin:0!important;padding-right:0!important;background:none!important}}.onestepcheckout-threecolumns .input-box input.input-text{vertical-align:inherit;height:42px;font-size:14px}.onestepcheckout-threecolumns .input-box select{height:42px}@media only screen and (max-width:960px){.onestepcheckout-index-index .onestepcheckout-threecolumns div.onestepcheckout-column-middle{padding-top:15px!important}}hr.checkout-line{display:none}@media (max-width:480px){hr.checkout-line{display:block;border:1px solid #fe007c;width:80%;margin:20px auto 10px}}p.onestepcheckout-numbers{text-transform:none!important;overflow:hidden;height:auto!important;line-height:35px!important;padding:2px 0 10px!important}p.onestepcheckout-numbers span{background:none;position:relative;background-color:#433f40;color:#fff;border-radius:50%;width:32px;height:32px;line-height:32px;display:block;float:left;text-align:center;margin-right:20px}p.onestepcheckout-numbers .icon-check{width:15px;height:15px}#billing_address.spain .input-box.input-city,#billing_address.spain .input-box.input-postcode,#shipping_address.spain .input-box.input-city,#shipping_address.spain .input-box.input-postcode{width:50%}#billing_address .input-box.input-email,#shipping_address .input-box.input-email{width:100%}@media (max-width:480px){#billing_address .input-box.input-firstname,#shipping_address .input-box.input-firstname{padding:0 0 10px}}@media (max-width:480px){#billing_address .input-box.input-lastname,#shipping_address .input-box.input-lastname{padding:10px 0 0}}#billing_address .input-box.input-country,#billing_address .input-box.input-region,#billing_address .input-box.input-telephone,#shipping_address .input-box.input-country,#shipping_address .input-box.input-region,#shipping_address .input-box.input-telephone{width:100%!important}@media (max-width:480px){#billing_address .input-box.input-country,#billing_address .input-box.input-region,#billing_address .input-box.input-telephone,#shipping_address .input-box.input-country,#shipping_address .input-box.input-region,#shipping_address .input-box.input-telephone{width:95%!important}}#billing_address .input-box.input-country select,#billing_address .input-box.input-region select,#billing_address .input-box.input-telephone select,#shipping_address .input-box.input-country select,#shipping_address .input-box.input-region select,#shipping_address .input-box.input-telephone select{width:95%!important}#billing_address .input-box.input-address input,#shipping_address .input-box.input-address input{margin:0}#billing_address .input-box.input-address input:nth-of-type(2),#shipping_address .input-box.input-address input:nth-of-type(2){margin-top:10px}#billing_address .input-box.input-address-short.address-1 input,#shipping_address .input-box.input-address-short.address-1 input{margin:0}#billing_address .input-box.input-address-short.address-2,#billing_address .input-box.input-address-short.address-3,#shipping_address .input-box.input-address-short.address-2,#shipping_address .input-box.input-address-short.address-3{float:left}@media (max-width:768px){#billing_address .input-box.input-address-short.address-2,#billing_address .input-box.input-address-short.address-3,#shipping_address .input-box.input-address-short.address-2,#shipping_address .input-box.input-address-short.address-3{float:left!important;width:49%!important}}#billing_address .input-box.input-address-short.address-2 input,#billing_address .input-box.input-address-short.address-3 input,#shipping_address .input-box.input-address-short.address-2 input,#shipping_address .input-box.input-address-short.address-3 input{margin:0}#billing_address .input-box.input-password label,#shipping_address .input-box.input-password label{font-size:12px}.input-different-shipping{margin-top:0!important}#shipping_address .shipping-address-title{margin-top:20px}#billing_address_list li.clearfix,#shipping_address_list li.clearfix{padding:0}#billing_address_list li.clearfix .input-box,#shipping_address_list li.clearfix .input-box{padding:10px 0}#billing_address_list li.clearfix .check-box:first-child,#shipping_address_list li.clearfix .check-box:first-child{margin-top:10px}#billing_address_list #osc_postnl,#shipping_address_list #osc_postnl{width:100%!important}#billing_address_list #osc_postnl .input-extension,#billing_address_list #osc_postnl .input-housenumber,#billing_address_list #osc_postnl .input-postcode,#shipping_address_list #osc_postnl .input-extension,#shipping_address_list #osc_postnl .input-housenumber,#shipping_address_list #osc_postnl .input-postcode{float:left!important}#billing_address_list #osc_postnl .input-extension .input-text,#billing_address_list #osc_postnl .input-housenumber .input-text,#billing_address_list #osc_postnl .input-postcode .input-text,#shipping_address_list #osc_postnl .input-extension .input-text,#shipping_address_list #osc_postnl .input-housenumber .input-text,#shipping_address_list #osc_postnl .input-postcode .input-text{width:100%}#billing_address_list #osc_postnl .input-postcode,#shipping_address_list #osc_postnl .input-postcode{width:40%!important;margin-right:10px}@media only screen and (min-width:960px) and (max-width:1050px){#billing_address_list #osc_postnl .input-postcode,#shipping_address_list #osc_postnl .input-postcode{width:36%!important}}#billing_address_list #osc_postnl .input-housenumber,#shipping_address_list #osc_postnl .input-housenumber{width:28%!important;margin-right:10px}@media only screen and (min-width:960px) and (max-width:1050px){#billing_address_list #osc_postnl .input-housenumber,#shipping_address_list #osc_postnl .input-housenumber{width:32%!important}}#billing_address_list #osc_postnl .input-extension,#shipping_address_list #osc_postnl .input-extension{width:21%!important}#billing_address_list #osc_postnl .postnl-loading,#shipping_address_list #osc_postnl .postnl-loading{position:relative;padding-top:10px;clear:both;right:0;top:0}@media (max-width:320px){#billing_address_list #osc_postnl .input-postcode,#shipping_address_list #osc_postnl .input-postcode{width:34%!important}#billing_address_list #osc_postnl .input-housenumber,#shipping_address_list #osc_postnl .input-housenumber{width:31%!important}#billing_address_list #osc_postnl .input-extension,#shipping_address_list #osc_postnl .input-extension{width:23%!important}}#billing_address_list .customer-address,#shipping_address_list .customer-address{max-width:95%;margin:10px 0;padding:8px 15px;border-radius:5px;background-color:#f3f8f2;color:#666}#billing_address_list .customer-address .city,#billing_address_list .customer-address .street,#billing_address_list .customer-address .title,#shipping_address_list .customer-address .city,#shipping_address_list .customer-address .street,#shipping_address_list .customer-address .title{display:block;text-transform:lowercase}#billing_address_list .customer-address .city:first-letter,#billing_address_list .customer-address .street:first-letter,#billing_address_list .customer-address .title:first-letter,#shipping_address_list .customer-address .city:first-letter,#shipping_address_list .customer-address .street:first-letter,#shipping_address_list .customer-address .title:first-letter{text-transform:uppercase}.onestepcheckout-shipping-method-block .shipment-methods dd{display:none}.onestepcheckout-shipping-method-block .shipment-methods dt input{margin-left:100px}.onestepcheckout-shipping-method-block .shipment-methods input{margin-right:3px}.onestepcheckout-shipping-method-block .shipment-methods #carrier_postnl.options-available{padding:6px 10px 0 0}#postnl_address_error_billing{padding-top:5px;line-height:15px}#postnl_add_location .search-location .btn-search,.postnl-container .button-set .button{line-height:25px}#carrier_postnl.options-available{background:none!important}#carrier_postnl input.validate-one-required-by-name,#carrier_postnl label{display:none}#carrier_postnl #postnl_add_moment{margin:10px 0}#carrier_postnl #postnl_add_moment .option{border-bottom:none;background:none;border-radius:0 0 8px 8px}#carrier_postnl #postnl_add_moment .option .bkg{background-color:#f3f8f2;color:#666}#carrier_postnl #postnl_add_moment .option .bkg .option-time{display:none}#carrier_postnl #postnl_add_moment .option *{color:#666}#carrier_postnl #postnl_add_moment .location{margin:0;border-top:none;background-color:#fff}#carrier_postnl #postnl_add_moment .location .bkg{border-radius:8px 8px 0 0;background-color:#f3f8f2;color:#666}#carrier_postnl #postnl_add_moment .location .location-name{color:#666}#carrier_postnl .popup-window #timeframes .option-time{display:none}.payment-methods #checkout-payment-method-load dt{padding:6px 0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (max-width:480px){.payment-methods #checkout-payment-method-load dt{padding:8px 4px}}.payment-methods #checkout-payment-method-load dt label{padding-left:6px}.payment-methods #checkout-payment-method-load #payment_form_portfolio_a label{float:none!important;width:94%;display:inline-block;color:#000}.payment-methods #checkout-payment-method-load #payment_form_portfolio_a label[for=portfolio_a_termsAndConditions]{display:initial}.payment-methods #checkout-payment-method-load #rewardpoints_payment_method{margin-right:3px}.payment-methods #checkout-payment-method-load .rewardpoints-slider-input .input-point{width:auto}.payment-methods #checkout-payment-method-load .rewardpoints-sp-methods{margin-left:100px}.payment-methods #checkout-payment-method-load .rewardpoints-sp-methods .cant-earn-points-spend{font-size:10px}.payment-methods #checkout-payment-method-load .rewardpoints-sp-methods .rewards-sales-rules label{padding-left:0}.payment-methods .payment-logos{float:left;width:100px}.payment-methods .payment-logo-checkout{float:right;height:16px;margin-right:10px}.payment-methods .payment-logo-checkout.adyen_hpp_discover,.payment-methods .payment-logo-checkout.adyen_hpp_klarna,.payment-methods .payment-logo-checkout.adyen_hpp_klarna_account,.payment-methods .payment-logo-checkout.adyen_hpp_sepadirectdebit,.payment-methods .payment-logo-checkout.adyen_hpp_visa,.payment-methods .payment-logo-checkout.adyen_openinvoice{height:12px}.payment-methods .validation-advice{text-align:center;padding-left:10px}.payment-methods .adyen_select_issuer{max-width:175px;margin-left:100px}@media only screen and (min-width:960px) and (max-width:1050px){.payment-methods .adyen_select_issuer{max-width:150px}}.payment-methods #payment_form_adyen_openinvoice{margin-top:15px}.payment-methods #payment_form_adyen_openinvoice label.required{color:#333}.payment-methods #payment_form_adyen_openinvoice label.required em{display:block!important;right:-12px}.payment-methods #payment_form_adyen_openinvoice label.required:after{content:normal}.onestepcheckout-summary.german{background-color:#f9f9f9;margin-bottom:15px}.onestepcheckout-summary.german th{padding:5px}.onestepcheckout-summary.german td{padding:8px!important}.onestepcheckout-summary.german td.image img{margin-left:0}.onestepcheckout-summary.german .onestepcheckout-totals{margin-bottom:0}@media (max-width:768px){.onestepcheckout-summary th.total{padding-right:5px}}.onestepcheckout-summary td{vertical-align:middle}.onestepcheckout-summary td.image{width:17%}.onestepcheckout-summary td.image img{margin-left:-10px}.onestepcheckout-summary td.name-de{width:35%!important}@media (max-width:768px){.onestepcheckout-summary td.total{padding-right:5px}}.onestepcheckout-totals tr td strong{font-weight:400}.onestepcheckout-totals tr td.a-right:last-child{min-width:110px}@media (max-width:768px){.onestepcheckout-totals tr td.a-right:last-child{padding-right:5px}}.onestepcheckout-totals tr.last-child{font-weight:400}.onestepcheckout-enable-terms.lang-de a{font-weight:700;text-decoration:underline}.onestepcheckout-coupons{overflow:hidden;margin-bottom:5px}.onestepcheckout-coupons .checkout-coupon-input{overflow:hidden}.onestepcheckout-coupons .checkout-coupon-input.coupon-de{display:block!important}.onestepcheckout-coupons label[for=id_couponcode]{color:#aaa}.onestepcheckout-coupons .input-text{float:left;width:195px!important;border-right:none}.onestepcheckout-coupons #onestepcheckout-coupon-add{float:left;line-height:36px;border-radius:0 15px 15px 0;background-color:#ccc;color:#fff}.onestepcheckout-coupons #onestepcheckout-coupon-remove{border-radius:5px;line-height:35px}@media (max-width:480px){.onestepcheckout-place-order-wrapper{text-align:center!important}}.onestepcheckout-place-order-wrapper .place-order-osc{float:right;width:100%;border-radius:10px;padding:16px 5px 14px;box-shadow:none;background-color:#5db53f;color:#fff;font-size:18px}.onestepcheckout-place-order-wrapper .place-order-osc:hover{background-color:#4a8f32;cursor:pointer}.onestepcheckout-index-index #casengo-chat-wrapper,.onestepcheckout-index-index .checkout-top,.onestepcheckout-index-index .footer-container,.onestepcheckout-index-index .footer-mobile-bottom,.onestepcheckout-index-index .footer-mobile-fixed{display:none!important}@media (max-width:768px){.onestepcheckout-index-index #osc_scrollbar_container{width:768px}}@media (max-width:480px){.onestepcheckout-index-index #osc_scrollbar_container{width:480px}}@media (max-width:320px){.onestepcheckout-index-index #osc_scrollbar_container{width:320px}}.onestepcheckout-enable-newsletter-remove input[type=checkbox],.onestepcheckout-enable-newsletter-remove input[type=radio]{position:absolute;width:1px;height:1px;opacity:0}.onestepcheckout-enable-newsletter-remove input[type=checkbox]:checked+label:after,.onestepcheckout-enable-newsletter-remove input[type=checkbox]:checked+label:before,.onestepcheckout-enable-newsletter-remove input[type=radio]:checked+label:after,.onestepcheckout-enable-newsletter-remove input[type=radio]:checked+label:before{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/pink-check.svg) no-repeat 50%/65%}.onestepcheckout-enable-newsletter-remove input[type=checkbox]+label,.onestepcheckout-enable-newsletter-remove input[type=radio]+label{position:relative;padding-left:35px;font-weight:700;display:block}.onestepcheckout-enable-newsletter-remove input[type=checkbox]+label:after,.onestepcheckout-enable-newsletter-remove input[type=checkbox]+label:before,.onestepcheckout-enable-newsletter-remove input[type=radio]+label:after,.onestepcheckout-enable-newsletter-remove input[type=radio]+label:before{content:"";position:absolute;left:0;top:3px;width:25px;height:25px;border:1px solid #ccc;border-radius:4px}.onestepcheckout-enable-newsletter-remove input[type=checkbox]+label.newsletter,.onestepcheckout-enable-newsletter-remove input[type=radio]+label.newsletter{font-weight:400;font-size:14px}.onestepcheckout-enable-newsletter-remove input[type=checkbox]+label.newsletter:after,.onestepcheckout-enable-newsletter-remove input[type=checkbox]+label.newsletter:before,.onestepcheckout-enable-newsletter-remove input[type=radio]+label.newsletter:after,.onestepcheckout-enable-newsletter-remove input[type=radio]+label.newsletter:before{top:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}*,:after,:before{box-sizing:border-box}a{color:#666;text-decoration:none}a:focus,a:hover{color:#666;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.container-boot,.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}.col-lg-5ths,.col-md-5ths,.col-sm-5ths,.col-xs-5ths{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-5ths{width:20%;float:left}@media (min-width:768px){.col-sm-5ths{width:20%;float:left}}@media (min-width:992px){.col-md-5ths{width:20%;float:left}}@media (min-width:1200px){.col-lg-5ths{width:20%;float:left}}.amshopby-filters-top{width:625px;margin:10px auto 0}.amshopby-filters-top:after{content:"";display:table;clear:both}.amshopby-filters-top .block-content .currently{background:none;clear:both;color:#666;padding:20px 0 0;max-width:100%;text-align:center}.amshopby-filters-top .block-content .currently ol{display:inline-block;padding:0;font-size:14px;max-width:100%}.amshopby-filters-top .block-content .currently ol li{display:inline-block;font-weight:700}.amshopby-filters-top .block-content .currently ol .label{display:inline-block}.amshopby-filters-top .block-content .currently ol a:hover{text-decoration:none}.amshopby-filters-top .block-content .currently ol .icon-remove{height:20px;margin-left:-5px;width:20px}.amshopby-filters-top .block-content .currently .block-subtitle{display:inline-block;padding:0 8px 0 0;font-weight:400;margin:0}.amshopby-filters-top .block-content .actions{background:none}.amshopby-filters-top .filters-mobile,.amshopby-filters-top .filters-mobile-title{display:none}.amshopby-filters-top .amshopby-item-top{display:block;position:relative;max-width:175px}.amshopby-filters-top .amshopby-item-top.color-sort{max-width:85px;width:85px;min-width:85px}.amshopby-filters-top .amshopby-item-top.color-sort .sort-products{border:2px solid #dedede;border-radius:5px;display:block;color:#333;float:left;padding:10px 15px;font-size:15px;font-weight:400}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list{margin:0!important}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-title{background:#fbf4ea;display:block;border:2px solid #dedede;border-radius:5px;padding:10px 0 10px 15px;margin:0 15px 0 0;text-transform:none;font-size:15px;font-weight:400;z-index:2}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-title:hover{cursor:pointer}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-title.active{border-bottom:none;border-radius:5px 5px 0 0;padding-bottom:25px;margin-bottom:-35px}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-title.active:after{margin-top:-10px;transform:rotate(180deg)}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-title:after{border-top:5px solid #000;border-left:5px solid transparent;border-right:5px solid transparent;display:block;position:absolute;left:inherit;right:20px}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-content{background:#fff;border:2px solid #dedede;display:none;padding:30px 0 10px;position:absolute;margin-top:-1px;top:65px;z-index:1;width:320px}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-content .filter-collectie{padding-left:30px}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-content.Effect{width:375px}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-content.coleccion,.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-content.Collectie,.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-content.Collection,.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-content.Kollektionen{right:15px;width:650px}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-content.active{display:block}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-content ol{max-width:100%}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-content ol .count,.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-content ol a{color:#000}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-collectie{margin-bottom:25px}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-collectie a{margin-bottom:5px}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list .filter-collectie .filter-image{clear:both;display:block;margin:-8px 0 0 30px}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list dd ol li{padding-right:0!important}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list dd ol li a{margin-bottom:15px;padding-left:30px;background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/filter-image.png);background-color:#fff}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list dd ol li a:hover{background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/filter-image.png);background-repeat:no-repeat}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list dd ol li a.amshopby-attr-selected{background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/filter-image-check.png)}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list dd ol li a .count{font-weight:400!important;font-size:12px}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list dd ol li a img{float:none;vertical-align:middle;margin-right:5px;border-radius:100%;width:30px}.amshopby-filters-top .amshopby-item-top .amshopby-narrow-by-list dd ol li a.color-select{background:none!important;margin:0 0 25px;padding:0!important}div.amshopby-overlay div{margin-top:50%}@media (max-width:768px){.amshopby-filters-top .filters-mobile{border:2px solid #dedede;border-radius:5px;display:block;float:right;font-weight:700;padding:10px;margin-top:20px;text-transform:uppercase;width:130px}.amshopby-filters-top .filters-mobile-title{padding:20px 0 20px 15px;font-size:18px;font-weight:700}.amshopby-filters-top .filters-mobile-title .icon-remove{float:right;height:40px;margin:-8px 10px 0 0;width:40px}.amshopby-filters-top .filters-mobile .icon-filter{float:right;height:16px;width:16px;margin-top:3px}.amshopby-filters-top.active-mobile .filters-mobile-title{display:block}.amshopby-filters-top{width:100%}.amshopby-container-top{display:none;background:#fff;bottom:0;left:0;overflow:scroll;-webkit-overflow-scrolling:touch;position:fixed!important;right:0;top:0;margin-top:0!important;z-index:9999;height:100%}.amshopby-container-top.active-mobile{display:block!important}.amshopby-container-top.active-mobile .amshopby-item-top{height:auto;max-width:100%;border-top:1px solid #dedede}.amshopby-container-top.active-mobile .amshopby-item-top.color-sort{width:100%}.amshopby-container-top.active-mobile .amshopby-item-top.color-sort .sort-products{border:none;padding:15px 0 15px 15px}.amshopby-container-top.active-mobile .amshopby-item-top:last-child{border-bottom:1px solid #dedede}.amshopby-container-top.active-mobile .amshopby-item-top .filter-title{border:none;border-radius:0;background:#fff;padding:15px 0 15px 15px;margin:0}.amshopby-container-top.active-mobile .amshopby-item-top .filter-title.active{margin:0}.amshopby-container-top.active-mobile .amshopby-item-top .filter-title:after{right:25px}.amshopby-container-top.active-mobile .amshopby-item-top .filter-content{border:none;display:none;margin:0;overflow:hidden;padding:10px 0;position:relative;top:0;width:100%}.amshopby-container-top.active-mobile .amshopby-item-top .filter-content.Collectie{width:100%}.amshopby-container-top.active-mobile .amshopby-item-top .filter-content.active{border:none;display:block;padding:0;margin:0}}@media only screen and (min-width:768px) and (max-width:768px){.amshopby-filters-top .filters-mobile{float:none;margin:10px auto 0}}.slick-slider{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/css/ajax-loader.gif) 50% no-repeat}@font-face{font-family:slick;src:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/css/fonts/slick.eot);src:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/css/fonts/slick.eot?#iefix) format("embedded-opentype"),url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/css/fonts/slick.woff) format("woff"),url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/css/fonts/slick.ttf) format("truetype"),url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/css/fonts/slick.svg#slick) format("svg");font-weight:400;font-style:normal}.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;top:50%;transform:translateY(-50%);padding:0;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:transparent;color:transparent;outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{height:20px;width:20px;cursor:pointer}.slick-dots li button{border:0;background:transparent;display:block;outline:none;line-height:0;font-size:0;color:transparent;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#000;opacity:.75}body{background-color:#fff}body.no-scroll{overflow:hidden}@media (max-width:768px){.hide-mobile{display:none}}.hide-desktop{display:none}@media (max-width:768px){.hide-desktop{display:block}}@media (max-width:480px){#casengo-chat-wrapper{width:80px!important;right:10px!important}}input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;background:#000}.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:transparent}.youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;cursor:pointer;transition:all .4s}.youtube-player img:hover{-webkit-filter:brightness(75%)}.youtube-player .play{height:72px;width:72px;left:50%;top:50%;margin-left:-36px;margin-top:-36px;position:absolute;background:url(//i.imgur.com/TxzC70f.png) no-repeat;cursor:pointer}.spinner{margin:0 auto;width:70px;text-align:center}.spinner.category{width:30px;margin-top:-2px}.spinner.category>div{width:10px;height:10px;vertical-align:middle}.spinner>div{width:18px;height:18px;background-color:#fff;vertical-align:text-bottom;border-radius:100%;display:inline-block;animation:a 1.4s infinite ease-in-out both}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes a{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.recently_purchase{background:#fff;bottom:20px;left:20px!important;width:auto;font-family:Raleway,sans-serif;box-shadow:0 0 4px 0 rgba(0,0,0,.4)}@media (max-width:768px){.recently_purchase{display:none}}.recently_purchase .item{width:450px}@media (max-width:480px){.recently_purchase .item{width:100%}}.recently_purchase .item .image{width:75px;padding:5px 0 0}.recently_purchase .item .title{padding-top:5px;white-space:nowrap;overflow:scroll}.recently_purchase .item .title a{display:block;font-size:14px;font-weight:700;margin:4px 0}.main .inner-container .col-main{padding-top:10px}@media only screen and (min-width:769px){.row.mobile{margin:0!important}}@font-face{font-family:bebasneue_bold;src:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/fonts/bebasneue_bold.eot);src:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/fonts/bebasneue_bold.eot?#iefix) format("embedded-opentype"),url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/fonts/bebasneue_bold.woff) format("woff"),url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/fonts/bebasneue_bold.ttf) format("truetype"),url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/fonts/bebasneue_bold.svg#bebasneue_bold) format("svg");font-weight:400;font-style:normal}@font-face{font-family:BebasNeue;src:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/fonts/380A2B_0_0.eot);src:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/fonts/380A2B_0_0.eot?#iefix) format("embedded-opentype"),url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/fonts/380A2B_0_0.woff2) format("woff2"),url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/fonts/380A2B_0_0.woff) format("woff"),url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/fonts/380A2B_0_0.ttf) format("truetype")}h1.pink-heading,h2.pink-heading{text-align:center;font-family:bebasneue_bold,sans-serif!important;font-weight:400;font-size:40px;color:#fe007c;position:relative;overflow:hidden}@media (max-width:768px){h1.pink-heading,h2.pink-heading{font-size:30px}}h1.pink-heading a,h2.pink-heading a{color:#fe007c}h1.pink-heading:after,h2.pink-heading:after{margin-left:10px}h1.pink-heading:before,h2.pink-heading:before{margin-left:-50%;text-align:right}h1.pink-heading:after,h1.pink-heading:before,h2.pink-heading:after,h2.pink-heading:before{position:absolute;top:51%;overflow:hidden;width:49%;height:1px;content:"\a0";background-color:#cecece}@media (max-width:768px){h1.pink-heading:after,h1.pink-heading:before,h2.pink-heading:after,h2.pink-heading:before{display:none}}h2.pink-heading{font-size:30px}h2.pink-heading.white{color:#fff;font-size:30px}h3.pink-heading{font-family:bebasneue_bold,sans-serif!important;font-weight:300;font-size:22px;color:#fe007c;margin:10px 0}.icon-svg{display:inline-block;fill:currentColor;height:25px;vertical-align:middle;width:25px}.validation-advice{line-height:1.2em}.header-container-top{margin-top:40px}@media (max-width:768px){.header-container-top{display:none;margin-top:0}}.header-container-top.white-bar{margin-top:78px}.header-container-top.white-bar .header-top-bar{top:38px}.header-container-top.white-bar .header-top-bar ul{text-align:center;margin-left:100px}.header-container-top.trustpilot{margin-top:78px}.header-container-top.trustpilot .header-top-bar{top:38px}.header-container-top.trustpilot .header-top-bar ul{text-align:center;margin-left:75px}.header-top-bar{background-color:#7f0000;position:fixed;top:0;left:0;width:100%;z-index:99999998}@media (max-width:768px){.header-top-bar{display:none}}.header-top-bar.default,.header-top-bar.pink_de,.header-top-bar.pink_es{background-color:#7f0000}.header-top-bar ul li{float:left;margin-right:25px;padding:10px 0;color:#fff}.header-top-bar ul li .icon-svg{margin:-3px 8px 0 0;height:20px;width:20px}.header-top-bar ul li a,.header-top-bar ul li a:hover{color:#fff}@media only screen and (max-width:1024px){.header-top-bar ul li:last-child{display:none}}.header-top-bar-trustpilot{position:fixed;top:0;left:0;width:100%;z-index:99999999;background:#fff;height:40px}@media (max-width:768px){.header-top-bar-trustpilot{display:none}}.header-top-bar-trustpilot .inner-container{position:relative}.header-top-bar-trustpilot .trustpilot-widget{margin:5px 0!important;top:3px}.header-top-bar-trustpilot .trustpilot-widget.nl{margin:5px 0 5px -55px!important}@media only screen and (max-width:959px){.header-top-bar-trustpilot .trustpilot-widget.nl.header{margin:5px 0 5px -45px!important}}.header-top-bar-trustpilot .trustpilot-widget.header{position:absolute!important;width:850px}@media only screen and (min-width:769px) and (max-width:1024px){.header-top-bar-trustpilot .trustpilot-widget.header{width:775px}}@media only screen and (max-width:959px){.header-top-bar-trustpilot .trustpilot-widget.header{width:475px}}.header-top-bar-trustpilot .right-after-trustpilot{position:absolute;top:0;list-style-type:none;width:240px;float:right;right:100px;margin:0}.header-top-bar-trustpilot .right-after-trustpilot .links>li{line-height:40px!important;float:right!important}.header-top-bar-trustpilot .right-after-trustpilot .nav-item.level0.level-top{float:right;line-height:40px}.header-top-bar-trustpilot .right-after-trustpilot .nav-item.level0.level-top.bold{padding-left:10px;font-weight:700}.header-top-bar-trustpilot .right-after-trustpilot .nav-item.level0.level-top.app{float:left}.header-top-bar-trustpilot .right-after-trustpilot .nav-item.level0.level-top.app .svg{width:12px;margin:8px 5px 0 0}.header-top-bar-trustpilot .right-after-trustpilot .user-menu{clear:unset!important}.header-top-bar-trustpilot #user-menu-wrapper-regular,.header-top-bar-trustpilot .right-after-trustpilot .top-links{float:right}.tp-widget-poweredby{display:none!important}.header-mobile-pink,.mobile-top-cart #mini-cart-wrapper-regular{display:none}.block_header_top_right li{list-style:none}.cms-index-index .header-container{height:139px}@media (max-width:768px){.cms-index-index .header-container{height:inherit}}.header-container{height:142px}@media (max-width:768px){.header-container{height:inherit}}.header-container .hp-blocks-holder .hp-block.left-column{vertical-align:top}@media only screen and (min-width:769px) and (max-width:1024px){.header-container .hp-blocks-holder .hp-block.left-column{display:none}}.header-container .hp-blocks-holder .hp-block.right-column{vertical-align:top;padding-top:1em}.header-container .hp-blocks-holder .hp-block #eKomiSeal_default{float:right}.header-container .hp-blocks-holder .hp-block #eKomiSeal_default img{width:60px}.logo-wrapper .logo strong{display:none}.logo-wrapper .logo img{width:65px!important;position:absolute;z-index:9999}.usp-list{float:right;margin-right:53px;text-align:left;margin-top:12px}.usp-list ul{margin-top:-15px}.usp-list ul li{color:#666;background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/hartje.png) no-repeat;background-size:20px;padding-left:30px;font-size:12px;padding-bottom:5px}.usp-list ul li a{color:#666}.central-column img.stempel-img{width:280px;float:right;margin-top:-20px}.header-container .mini-cart a:hover{text-decoration:none}.header-container .mini-cart.open .mini-cart-short .icon-cart,.header-container .mini-cart.open .mini-cart-short .icon-cart.product-in-cart{color:#000}.header-container .mini-cart .mini-cart-short{display:block;height:39px}.header-container .mini-cart .mini-cart-short .icon-cart{float:left;background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/cart-top-dark.png);background-size:25px 25px;width:25px;height:25px;margin:7px 10px 0 0;color:#fff}.header-container .mini-cart .mini-cart-short .icon-cart.product-in-cart{color:#000}.header-container .mini-cart .mini-cart-short .count{margin-right:5px;background-color:#fe007c}.header-container .mini-cart .dropdown-heading span{padding:0}.header-container .mini-cart ol.mini-products-list{max-height:265px;overflow-y:scroll}.header-container .mini-cart .dropdown-content{top:37px;background-color:#fe007c;color:#fff;margin-top:2px}.header-container .mini-cart .dropdown-content .actions .btn-checkout{background-color:#33ad03}.header-container .mini-cart .dropdown-content .actions .btn-checkout:hover{background-color:#247b02}.header-regular .white-bar .right-column .dropdown{top:1px}.header-regular .right-column{float:right!important}.header-regular .right-column.top{width:65px;margin:0}.comodo{padding:0 0 25px 15px;float:right}.right-column-content{float:right;padding-top:5px}.right-column-content img{max-width:45px}.bekend-van-tv{float:left;margin-top:-2px;text-align:left}.bekend-van-tv span{display:block}.bekend-van-tv .bekend-van-tv-image{display:inline-block}.bekend-van-tv .bekend-van-tv-image.svg{display:inline-block;width:87px;margin-bottom:5px}.bekend-van-tv .bekend-van-tv-image.mtv{width:46px}.bekend-van-tv .bekend-van-tv-image.kitchen{width:30px;margin-top:-2px}.bekend-van-tv .bekend-van-tv-image.tlc{width:55px}@media (max-width:768px){.bekend-van-tv .bekend-van-tv-image{display:none}}.language-switcher{float:right;padding-top:33px}.language-switcher ul li{margin-left:8px;float:left}.language-switcher ul li span{background-size:18px auto;width:18px;float:left;height:12px}.searchautocomplete .icon-search{width:15px;height:15px}@media only screen and (max-width:600px){.header-mobile-pink .mobile-cart span.label{display:none}}@media only screen and (max-width:768px){.header-primary-container,.header-top,.header-top #mini-cart-wrapper-regular,.hp-block.central-column,.language-switcher,.right-column .nav-item,.right-column .tel{display:none!important}.header-mobile .header-primary{padding:0}.header-mobile .header-container3>.nav-container{margin:0}#search-overlay{bottom:0;top:0;right:0;left:0;z-index:999;background:rgba(0,0,0,.6);position:fixed;display:none}.header-mobile-pink,.mobile-top-search{z-index:1000;position:relative}.header-mobile-pink{display:block;width:100%}.header-mobile-pink .top-pink{background-color:#fe007c;height:70px}.header-mobile-pink .mobile-login{float:left;text-align:center;padding-left:15px;position:relative;top:50%;transform:translateY(-50%)}.header-mobile-pink .mobile-login a,.header-mobile-pink .mobile-login a:hover{color:#fff}.header-mobile-pink .mobile-logo{margin:0 auto;text-align:center;overflow:hidden;position:relative;top:50%;transform:translateY(-50%)}.header-mobile-pink .mobile-logo img{max-width:132px}.header-mobile-pink .mobile-cart{cursor:pointer;float:right;margin-right:10px;position:relative;top:50%;transform:translateY(-50%)}.header-mobile-pink .mobile-cart .icon{float:right;background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/cart-top.png);background-size:45px 45px;width:45px;height:45px;margin-right:10px;color:#fff}.header-mobile-pink .mobile-cart span.count,.header-mobile-pink .mobile-cart span.label{float:right;color:#fff;font-size:15px;line-height:45px}.header-mobile-pink .mobile-cart span.count{margin:10px 5px 0 0;font-size:14px;width:25px;line-height:25px;height:25px;color:#fe007c;background-color:#fff;border-radius:50%;text-align:center}.header-mobile-pink .mobile-top-cart #mini-cart-wrapper-regular{display:none}.header-mobile-pink .mobile-top-cart #mini-cart-wrapper-regular .mini-cart-content{padding:20px 25px}.header-mobile-pink .mobile-top-cart #mini-cart-wrapper-regular .mini-cart-short{display:none!important}.header-mobile-pink .mobile-top-cart #mini-cart-wrapper-regular.open{display:block}.header-mobile-pink .mobile-top-point{background:#000;color:#fff;padding:10px 0;text-align:center}.header-mobile-pink .mobile-top-point svg{margin-right:5px;width:18px}.header-mobile-pink .mobile-top-point ul li a,.header-mobile-pink .mobile-top-point ul li a:hover{color:#fff}}.breadcrumbs{margin-top:1em}.breadcrumbs .sep:before{display:none}@media (max-width:768px){.breadcrumbs{display:none}}.ic{display:inline-block;font-family:ThemeIcons;font-weight:400;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ic,i.ic{font-style:normal}.ic.left{margin-right:.3em}.ic.right{margin-left:.3em}.ic-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.ic-2x{font-size:2em}.ic-3x{font-size:3em}.ic-4x{font-size:4em}.ic-5x{font-size:5em}.ic-6x{font-size:6em}.ic-7x{font-size:7em}.ic-8x{font-size:8em}.ic-fw{width:1.28571429em;text-align:center}.ic-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.ic-ul>li{position:relative}.ic-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.ic-li.ic-lg{left:-1.85714286em}.ic-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.ic.pull-left{margin-right:.3em}.ic.pull-right{margin-left:.3em}.ic-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.ic-stack-1x,.ic-stack-2x{position:absolute;left:0;width:100%;text-align:center}.ic-stack-1x{line-height:inherit}.ic-stack-2x{font-size:2em}.ic-inverse{color:#fff}.ic-spin{animation:b 2s infinite linear}@keyframes b{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.ic-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);transform:rotate(90deg)}.ic-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);transform:rotate(180deg)}.ic-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);transform:rotate(270deg)}.ic-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);transform:scaleX(-1)}.ic-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);transform:scaleY(-1)}.ic-char{font-weight:700;font-family:Arial,Helvetica,sans-serif!important}.ic-img{font-family:inherit}.ic-img img,.icon img{vertical-align:middle}.ib,.social-links a>span.icon{vertical-align:middle;text-align:center;background-color:#e5e5e5;border-radius:50%}.feature>span.icon,.ib,.social-links a>span.icon{line-height:36px;width:36px;height:36px}.feature>span.icon.large,.ib-size-l{line-height:48px;width:48px;height:48px}.ib-size-xl{line-height:60px;width:60px;height:60px}.ib-size-xxl{line-height:72px;width:72px;height:72px}.ib-size-xxxl{line-height:84px;width:84px;height:84px}.feature>span.icon{text-align:center}.ib+.label{line-height:36px;display:inline-block}.ib-size-l+.label{line-height:48px}.ib-size-xl+.label{line-height:60px}.ib-size-xxl+.label{line-height:72px}.ib-size-xxxl+.label{line-height:84px}.feature-icon-hover:hover .ib,.feature-icon-hover:hover>span.icon,.ib-hover:hover,.icon-hover:hover{background-color:#333;color:#fff}.feature-icon-hover .ib,.feature-icon-hover .icon,.ib,.icon-hover{transition:color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out;-moz-transition:color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out;-webkit-transition:color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out;-o-transition:color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out}.ib.i-char,.ib.ic-char{text-align:center}.ib-no-bg,.ib.no-bg-color{background-color:transparent!important}.ib-circle,.ib.circle{border-radius:50%}.ib-rounded,.ib.rounded{border-radius:5px}.ib-square,.ib-wrapper--square .ib,.ib.square,.icon-wrapper-square .ib{border-radius:0}.feature{margin:10px 0}.feature:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden}.feature.first{margin-top:0}.feature.last{margin-bottom:0}.feature.top-border{border-top:1px solid #f5f5f5;padding-top:10px}.feature.bottom-border{border-bottom:1px solid #f5f5f5;padding-bottom:10px}.feature-wrapper.top-border{border-top:1px solid #f5f5f5;margin-top:20px;padding-top:20px}.feature-wrapper.bottom-border{border-bottom:1px solid #f5f5f5;margin-bottom:20px;padding-bottom:20px}.feature .heading{font-size:1.3333em;line-height:1.25em;margin-bottom:.625em;font-weight:400}.feature .above-heading{margin:0 0 5px;font-size:11px;line-height:1.4545em;text-transform:uppercase;color:#888}.feature .below-heading{font-size:1em;font-style:italic;line-height:1.3333em;color:#888}.feature .ic.left{margin:0 15px 10px 0}.feature .ic.right{margin:0 0 10px 15px}.feature.v-centered-content .v-center .ic{margin:0 5px 0 0}.feature.indent>.ic,.feature.indent>.icon{float:left;margin:0 15px 0 0}.feature.indent>.ic.right,.feature.indent>.icon.right{float:right;margin:0 0 0 15px}.feature.indent{padding-left:51px}.feature.indent>.ic,.feature.indent>span.icon{margin-left:-51px}.feature.indent-size-l,.feature.indent.large{padding-left:63px}.feature.indent-size-l>.ic,.feature.indent.large>.ic,.feature.indent.large>span.icon.large{margin-left:-63px}.feature.indent-size-xl{padding-left:75px}.feature.indent-size-xl>.ic{margin-left:-75px}.feature.indent-size-xxl{padding-left:87px}.feature.indent-size-xxl>.ic{margin-left:-87px}.feature.indent-size-xxxl{padding-left:99px}.feature.indent-size-xxxl>.ic{margin-left:-99px}.feature.centered{text-align:center}.feature.centered .ic{margin:0 0 10px}.feature .ic.auto-size{width:auto;max-width:none;height:auto;max-height:none}.block-products{margin-top:2em;margin-bottom:2em;text-align:center}.block-products ul{margin-left:0!important}.block-products h2{font-size:16px;color:#747473;font-weight:700;margin:0}.block-products .color-name a{text-decoration:none;color:#000}.block-products .color-name a:hover{text-decoration:underline}.collapsible .block-title.active:after{margin-top:6px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.collapsible .block-title.active:after,.collapsible .block-title:after{content:"";border:solid #000;border-width:0 3px 3px 0;display:inline-block;padding:3px}.collapsible .block-title:after{margin-top:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.service-block{overflow:hidden;text-align:center;margin:40px 0}.service-block h2{font-size:40px;margin-bottom:40px}.service-block .title{display:block;color:#fe007c;font-family:bebasneue_bold;margin:25px 0 5px;font-size:24px;font-weight:700}.service-block p{color:#666;font-size:15px}ul.usp-list-sidebar{list-style:outside none disc;margin:0 auto;text-align:left;width:219px}ul.usp-list-sidebar li{color:#666;display:block;position:relative;padding-top:5px;font-size:12px}ul.usp-list-sidebar li:before{content:"";background:url(https://pinkgellac.nl/skin/frontend/ultimo/pinkgellac/images/hartje.png) no-repeat 0 50%;background-size:20px;width:20px;height:20px;display:inline-block;margin-right:5px;vertical-align:top}.quote-block{overflow:hidden}.quote-block .block-center{text-align:center}@media (max-width:768px){.quote-block .block-center{margin-bottom:2em}}.quote-block .block-center.left{padding-top:35px}.quote-block .text-quote{color:#fff;font-size:1.2em;text-align:center;font:300 1.2em/1.38 Open Sans}.quote-block .text-quote a{color:#fff;text-decoration:underline}.quote-block .text-quote.white,.quote-block .text-quote.white a{color:#fff}.customer-account .block-account .block-title:after{content:""!important}.customer-account .block-account .block-content.no-display{display:block!important}.account-create .buttons-set .btn-action,.account-create .buttons-set .btn-action-small{float:right}.account-login .facebook-login{float:none}@media (max-width:768px){.account-login .facebook-login{margin-bottom:10px}}.account-login .facebook-login .new-users li.button{left:0;text-align:left!important}.account-login .registered-users{margin-bottom:75px}.customer-account-forgotpassword .buttons-set .btn-action,.customer-account-forgotpassword .buttons-set .btn-action-small{float:right}@media (max-width:768px){#nav{z-index:0}}#nav .nav-item .level1 span{font-size:15px}#nav .nav-item .level1 span:hover{color:#fe007c}#nav .nav-panel--dropdown{width:250px}#nav .nav-panel--dropdown a:hover{color:#fe007c}.nav-regular li.level0:hover a{background:none!important}.nav-regular li.level0 a{padding:0 20px 0 0}.nav-regular li.level0 a span{font-size:18px}@media only screen and (min-width:1024px) and (max-width:1074px){.nav-regular li.level0 a span{font-size:16px}}.nav-regular li.level0 a span.login{font-size:13px;color:#0ac517;text-decoration:none}.nav-regular li.level0.right a{padding:0 5px 0 0}.nav-mobile .nav-item.level0 .opener{background:none!important}.nav-mobile .nav-item.level0 .opener:before{content:""!important}@media only screen and (max-width:959px){.nav-regular .nav-item.level0>a{padding:0 6px}.nav-regular .nav-item.level0>a span{font-size:14px}}@media only screen and (max-width:1023px) and (min-width:960px){.nav-regular .nav-item.level0>a{padding:0 20px 0 0}}@media only screen and (max-width:1279px) and (min-width:1024px){.nav-regular .nav-item.level0>a{padding:0 20px 0 0}}#header-nav.fixed{position:fixed;top:77px;width:100%;z-index:99999}@media (max-width:768px){.nav-container li{text-align:right}}.the-slideshow-wrapper-outer{margin-bottom:15px}.the-slideshow-wrapper-outer .owl-dots{position:relative;z-index:99;margin-top:-35px!important}.the-slideshow-wrapper-outer .owl-item{animation-duration:3s!important}.pinkslide img{display:block;object-fit:cover;width:100vw;height:500px}@media (max-width:768px){.pinkslide img{height:auto;width:100%}}.pinkslide .inner{position:absolute;top:0;padding-top:80px}@media (max-width:768px){.pinkslide .inner{display:none}}.pinkslide .inner a:hover{text-decoration:none}.pinkslide .inner span.title{font-family:bebasneue_bold;font-weight:400;font-stretch:none;font-size:58px;line-height:50px;color:#fff;text-transform:uppercase}.pinkslide .inner p{font-size:22px;line-height:1em;font-family:Open Sans;font-weight:300;color:#fff}.pinkslide .inner .btn-cta{margin-top:50px;display:inline-block;font-size:18px;font-weight:600;color:#fff;border-radius:38px;background-color:#5db53f;border:10px solid #389e32;line-height:22px;text-transform:uppercase;padding:13px 23px;box-shadow:inset 1px -2px 0 0 #2b8f09;text-align:center}.pinkslide .inner .btn-cta i{font-style:normal;line-height:1em;vertical-align:middle;font-size:1.5em}.pinkslide .inner .btn-cta svg.icon-arrow-right{margin-left:10px;margin-top:-4px;width:20px;heigh:20px}@supports (-ms-accelerator:true){.pinkslide img{height:auto!important}}@supports (-ms-accelerator:true) and (not (color:unset)){.pinkslide img{height:auto!important}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.pinkslide img{height:auto!important}}.products-grid.premium-sets .item{padding-top:0!important;margin-bottom:0!important}.products-grid.premium-sets .name{margin:10px 0 20px;text-transform:uppercase;color:#fe007c;font-size:1.6em;font-family:bebasneue_bold,sans-serif!important;font-weight:400}.products-grid.premium-sets .name.first{margin:10px 0 0}.products-grid.premium-sets img{border-radius:0!important}.products-grid.premium-sets .price-box{margin:10px 0 2px}.products-grid.premium-sets .btn-add-to-cart-normal{padding:10px 25px;text-decoration:none}.products-grid.premium-sets .btn-add-to-cart-normal:hover{color:#fff}.premium-startersets h2.pink-heading{font-size:40px}.products-grid.row{margin-left:-12px;margin-right:-12px}.products-grid.premium-sets-b .item{text-align:left;padding-top:30px!important;margin-bottom:0!important;list-style:none}.products-grid.premium-sets-b .name{font-size:10px;color:#666;margin-top:15px;text-transform:uppercase}@media only screen and (max-width:1024px){.products-grid.premium-sets-b .name{margin-top:10px}}@media (max-width:480px){.products-grid.premium-sets-b .name{float:left;text-align:left;margin-top:10px}}.products-grid.premium-sets-b .name:before{display:inline-block;content:"";border-top:1px solid #666;margin:0 25px 0 0;width:15px;transform:translateY(-3px)}@media (max-width:480px){.products-grid.premium-sets-b .name:before{margin:0 5px 0 0;width:20px}}.products-grid.premium-sets-b .subtext{clear:both;font-weight:700;font-size:14px;margin:10px 0}.products-grid.premium-sets-b .price-box{float:left;margin:13px 0 2px;width:155px}@media (max-width:480px){.products-grid.premium-sets-b .price-box.default{width:130px}}.products-grid.premium-sets-b .btn-add-to-cart-normal{float:right;padding:10px;text-decoration:none;line-height:unset;width:150px;min-width:inherit}@media (max-width:768px){.products-grid.premium-sets-b .btn-add-to-cart-normal{float:right;width:125px}.products-grid.premium-sets-b .btn-add-to-cart-normal.default{width:150px}}@media (max-width:320px){.products-grid.premium-sets-b .btn-add-to-cart-normal{width:150px}.products-grid.premium-sets-b .btn-add-to-cart-normal.pink_de{width:128px}}.products-grid.premium-sets-b .btn-add-to-cart-normal:hover{color:#fff}.collection__reviews{margin-left:-12px;margin-right:-12px}.product-bottom-description{margin-top:2em;clear:both}.product-bottom-description h2{margin:15px 0 6px}.product-seo-desc{clear:both;margin-top:1em}.product-seo-desc h2{color:#fe007c}.price-ml-de{margin-top:10px;border-top:1px solid #e5e5e5;padding-top:5px;text-align:left}.price-ml-de span{font-size:11px}.btn-add-to-cart-normal.out-of-stock{background-color:#eee;border:1px solid #666;color:#666;font-size:11px;margin:10px 0}@media (max-width:768px){.btn-add-to-cart-normal.out-of-stock{width:225px;margin:20px auto}}.btn-add-to-cart-normal.out-of-stock:hover{background:#eee}.btn-add-to-cart-normal.out-of-stock .icon-cart{background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/cart-top-dark.png)}.btn-add-to-cart-normal svg.icon-check{margin-left:12px;width:16px;top:-2px;position:relative;font-style:normal}.btn-add-to-cart-normal .icon-cart{float:left;background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/cart-top.png);background-size:22px 22px;width:22px;height:22px;margin:12px 10px 0 0}.product-view .color-table{float:left;border-bottom:1px solid #dedede;margin-bottom:1.5em}.product-view .color-table .color-item{float:left;margin-top:-20px}.product-view .color-table .color-item img{width:79px}.product-view .color-table h2{padding-bottom:20px;font-size:1.6em;color:#fe007c;font-family:bebasneue_bold,sans-serif!important}.product-view .product-img-column .itemslider-thumbnails{max-width:317px}.product-view .product-img-column .more-images .owl-item img{max-height:65px}.product-view .product-img-column .trustpilot-mobile-view{display:none}@media (max-width:768px){.product-view .product-img-column .trustpilot-mobile-view{display:block}}.product-view .product-img-column #image-main{border-radius:10%}.product-view .short-description p{margin:0}.product-view .short-description ul{margin:10px 0}@media (max-width:768px){.product-view .product-secondary-column{text-align:center}}.product-view .product-secondary-column img{display:block;margin:1em auto}.product-view .paypal-wrapper{float:none}.product-view .product-shop .product-name{margin:0}.product-view .product-shop .product-name h1{font-size:1.7em;color:#ff0076}.product-view .stock-message{display:block;color:#5db53f;margin:10px 0;text-align:center;font-weight:700}.product-view .stock-message .icon-check{margin-right:6px;height:16px;width:16px}.product-view .stock-message .out-of-stock{color:#ff2600!important;text-align:center}.product-view .short-description{font-size:14px;line-height:22px;color:#747474;margin-bottom:2em}.product-view .short-description a{text-decoration:underline}.product-view .subtext-buy{margin:10px 0 0;text-align:center;color:#5db53f}.product-view .subtext-buy .icon-check{margin:-2px 4px 0 0;width:15px;height:15px}.product-view .banner-after-addtocart{display:none;margin:8px 0 0}@media (max-width:768px){.product-view .banner-after-addtocart{display:block}}.product-view .product-type-data .price-box{text-align:center;color:#747474;font-size:1.1em}.product-view .product-type-data .price-box .regular-price .price{font-size:1.5em}.product-view .product-type-data .price-box .old-price,.product-view .product-type-data .price-box .save-discount{font-weight:400}.product-view .product-type-data .price-box .old-price .price{font-size:21px}.product-view .product-type-data .price-box .special-price{font-weight:700;font-size:1.2em}.product-view .product-type-data .price-box .special-price .specialprice{font-weight:700;font-size:21px}.product-view .product-type-data .price-box .old-price-bundle{text-decoration:line-through;font-size:1.25em;font-weight:400}.product-view .product-type-data .price-box .price-bundle{color:#319866;font-weight:700;font-size:1.2em}.product-view .product-type-data .availability{margin:0;float:none}@media (max-width:768px){.product-view .product-type-data .availability{text-align:center}}@media (max-width:768px){.product-view .availability.out-of-stock{clear:both;text-align:center;float:none}}.product-view .youtube-product{margin-bottom:10px}.product-view .product-secondary-column .inner .feature-wrapper{display:none}.product-view .product-secondary-column .inner .extra-image{padding-bottom:10px;text-align:center}.product-view .product-secondary-column .inner .product-name{float:left;padding-right:4px}.product-view .product-secondary-column .price-box-bundle{display:none}.product-view .product-secondary-column .price-box{clear:both}.product-view .product-secondary-column .price-box span.old-price-bundle{text-decoration:line-through}.product-view .product-secondary-column .price-box .old-price,.product-view .product-secondary-column .price-box .price-as-configured,.product-view .product-secondary-column .price-box .special-price{margin:0}.product-view .product-secondary-column .price-box .price-as-configured span.price{color:#319866;font-weight:700;font-size:13px}.product-view .product-secondary-column .price-box .price-as-configured .discount-amount,.product-view .product-secondary-column .price-box .price-as-configured .special-price{display:block}.product-view .product-secondary-column .price-box .price-as-configured .special-price .price-bundle{color:#747474!important}.product-view .product-secondary-column .price-box .discount-amount{font-weight:400}.product-view .product-secondary-column .add-to-box{border:none;margin:10px 0 0}.product-view .product-secondary-column .add-to-box .subtext-buy{margin:10px 0 0;text-align:center;color:#5db53f}.product-view .product-secondary-column .add-to-box .subtext-buy i{font-style:normal;padding-right:8px}.product-view .product-secondary-column .product-options{overflow:hidden}.product-view .product-secondary-column .product-options dl dd{width:70%;margin:15px auto}.product-view .product-secondary-column label.required:after,.product-view .product-secondary-column span.required:after{display:none}.product-view .box-additional .trustpilot{margin-top:0;margin-bottom:2em}@media (max-width:768px){.product-options-bottom{text-align:center}}.trustpilot{margin:20px 0}.product-review-blocks{clear:both;overflow:hidden;margin-bottom:10px}.product-review-blocks>div{margin-bottom:10px}.product-review-blocks img{width:100%}@media (max-width:320px){.product-review-blocks .pink-heading{font-size:21px}}@media (max-width:480px){.product-review-blocks .pink-heading{font-size:24px}}.product-review-blocks .product-banner-reviews{padding:0 15px}.product-review-blocks .product-banner-reviews>*{display:inline-block;width:48.5%;padding-bottom:10px}.product-review-blocks .product-banner-reviews>:nth-child(odd){margin-right:2%}@media only screen and (max-width:767px){.product-review-blocks .product-banner-reviews>:nth-child(odd){margin-right:0}}@media only screen and (max-width:767px){.product-review-blocks .product-banner-reviews>*{width:100%}}@media (max-width:320px){.product-view .collection-slider .pink-heading{font-size:21px}}@media (max-width:480px){.product-view .collection-slider .pink-heading{font-size:24px}}.catalog-product-view .main{padding-top:0}.mobile-buttons .add-to-box .subtext-buy,.mobile-buttons .product-options-bottom .subtext-buy{margin:10px 0 0;color:#5db53f}.mobile-buttons .add-to-box .subtext-buy i,.mobile-buttons .product-options-bottom .subtext-buy i{font-style:normal;padding-right:8px}#itemslider-product-images{max-width:340px;margin:25px auto 0}#itemslider-product-images .owl-nav [class*=owl-]:hover{color:#000;background:none}#itemslider-product-images .owl-prev{margin-left:-15px}#itemslider-product-images .owl-next,#itemslider-product-images .owl-prev{width:15px;height:100px;position:absolute;top:-28px;display:block!important;border:0 solid #000;font-size:30px}#itemslider-product-images .owl-next{right:-20px}.feature-wrapper.bottom-border,.product-view .container1-wrapper,.product-view .product-type-data>.price-box{border:none}.product-view .product-type-data>.price-box{margin:0;padding:0}.old-price,.price-box .old-price .price{color:#747474}.product-secondary-column .product-type-data{font-weight:700;color:#747474;margin:0}.product-secondary-column .inner{border:none}.product-secondary-column .inner span.product-name{color:#747474;font-weight:700}.product-secondary-column .block img{margin-bottom:1em}.price-box-bundle{display:none}.product-view .container1-wrapper{border:none}@media (max-width:480px){.block-upsell .pink-heading{font-size:24px}}@media (max-width:320px){.block-upsell .pink-heading{font-size:21px}}.block-upsell .section-title{color:#fe007c}.block-upsell .owl-item .product-image{min-height:140px}.block-upsell .itemslider .item{padding-left:5px;padding-right:5px}.block-upsell .minimal-price{margin:0}.block-upsell .minimal-price span.price{color:#33ad03}.block-upsell .product-name a{text-decoration:none!important}.block-upsell .products-grid .item{margin-bottom:10px}.block-upsell .products-grid .item .price-box{font-size:13px!important}.block-upsell .products-grid .item .price-box .old-price .price{color:#747474;font-weight:400}.block-upsell .products-grid .item .price-box .special-price .specialprice{color:#fe007c}.block-upsell .btn-add-to-cart-small .icon-cart{display:inline-block;background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/cart-top.png);background-size:18px 18px;width:18px;height:18px;margin:8px 0 0}.block-upsell .btn-add-to-cart-small .plus{vertical-align:top;font-size:16px}#owl-contact-slider img{margin:1em auto 0}@media (max-width:768px){#owl-contact-slider img{max-width:220px}}.premium-startersets.catalog-product-view .breadcrumbs{display:none}.premium-startersets .col-main .std ul{margin-left:0}.product-view.starterset-v2{padding-top:10px}.product-view.starterset-v2 .product-secondary-column{padding:0 0 0 45px}@media only screen and (max-width:1024px){.product-view.starterset-v2 .product-secondary-column{padding:135px 0 0 45px}}@media (max-width:980px){.product-view.starterset-v2 .product-secondary-column{padding:0 0 0 45px}}@media (max-width:768px){.product-view.starterset-v2 .product-secondary-column{text-align:center;padding:0}.product-view.starterset-v2 .product-secondary-column .product-name{float:none}}.product-view.starterset-v2 .product-secondary-column .inner{padding:0 10px}@media (max-width:768px){.product-view.starterset-v2 .product-img-column{margin-bottom:0}}@media (max-width:768px){.product-view.starterset-v2 .product-img-column .img-box{margin-bottom:10px}}.product-view.starterset-v2 #itemslider-product-images{display:inline-block;float:left;max-width:inherit;margin:0;vertical-align:top;width:19%}@media (max-width:480px){.product-view.starterset-v2 #itemslider-product-images{display:block;width:100%;margin-bottom:25px}}.product-view.starterset-v2 #itemslider-product-images .slick-slide{padding-right:1px}@media (max-width:480px){.product-view.starterset-v2 #itemslider-product-images .slick-slide{padding:0}}.product-view.starterset-v2 #itemslider-product-images .slick-slide a{outline:none}.product-view.starterset-v2 #itemslider-product-images .slick-slider{margin-top:60px}.product-view.starterset-v2 #itemslider-product-images .slick-next,.product-view.starterset-v2 #itemslider-product-images .slick-prev{transform:translate(-50%) rotate(90deg)}.product-view.starterset-v2 #itemslider-product-images .slick-next.slick-disabled,.product-view.starterset-v2 #itemslider-product-images .slick-prev.slick-disabled{opacity:.5}.product-view.starterset-v2 #itemslider-product-images .slick-next{top:unset;bottom:5px;right:31%;background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/premiumstarterset/arrows_pink.svg)}.product-view.starterset-v2 #itemslider-product-images .slick-next:before{content:" "}@media (max-width:480px){.product-view.starterset-v2 #itemslider-product-images .slick-next{top:50%;right:5px;transform:rotate(0deg) translateY(-50%)}}.product-view.starterset-v2 #itemslider-product-images .slick-prev{left:42%;top:5px;z-index:999;background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/premiumstarterset/arrows_pink.svg);transform:rotate(270deg)}.product-view.starterset-v2 #itemslider-product-images .slick-prev:before{content:" "}@media (max-width:480px){.product-view.starterset-v2 #itemslider-product-images .slick-prev{top:50%;z-index:999;left:5px;transform:rotate(180deg) translateY(50%)}}.product-view.starterset-v2 #mainslider-product-images{display:inline-block;width:78%;overflow:hidden;padding-left:8px}@media (max-width:768px){.product-view.starterset-v2 #mainslider-product-images{width:78%}}@media (max-width:480px){.product-view.starterset-v2 #mainslider-product-images{width:100%;padding-left:0}}.product-view.starterset-v2 .product-name{clear:both;overflow:hidden;color:#fe007c;margin-bottom:5px}@media (max-width:480px){.product-view.starterset-v2 .product-name{margin:20px 0 0;text-align:center}}.product-view.starterset-v2 .product-name h1{font-weight:700;font-size:32px;line-height:1em}.product-view.starterset-v2 .product-name h1 span{font-size:18px;vertical-align:super}@media (max-width:768px){.product-view.starterset-v2 .product-name h1{font-size:32px}}.product-view.starterset-v2 .premium-trustpilot-summary{margin:20px 0}.product-view.starterset-v2 .premium-trustpilot-summary img{width:250px;margin:0}@media (max-width:480px){.product-view.starterset-v2 .premium-trustpilot-summary img{margin:0 auto}}.product-view.starterset-v2 .price-box{margin-top:10px}@media (max-width:768px){.product-view.starterset-v2 .price-box{width:138px;margin:0 auto}}@media (max-width:480px){.product-view.starterset-v2 .price-box{width:280px;margin:0 auto}}.product-view.starterset-v2 .price-box .old-price{float:left;margin-right:20px}.product-view.starterset-v2 .price-box .old-price .label{float:left;font-size:23px;text-decoration:line-through}.product-view.starterset-v2 .price-box .old-price .label:after{content:"\00a0"}.product-view.starterset-v2 .price-box .old-price .price{float:left;font-weight:400;font-size:23px}@media (max-width:768px){.product-view.starterset-v2 .price-box .special-price{clear:both;padding-top:8px}}@media (max-width:480px){.product-view.starterset-v2 .price-box .special-price{clear:none;padding-top:0}}.product-view.starterset-v2 .price-box .special-price .label{float:left;font-size:23px;margin-right:5px}.product-view.starterset-v2 .price-box .special-price .specialprice{float:left;font-size:23px!important;font-weight:700}.product-view.starterset-v2 .price-box .save-discount{clear:both;display:block;padding-top:5px;text-align:left}@media (max-width:768px){.product-view.starterset-v2 .price-box .save-discount{text-align:center}}.product-view.starterset-v2 .availability{clear:both}.product-view.starterset-v2 .add-to-box{padding:5px 0 15px}.product-view.starterset-v2 .add-to-box .btn-add-to-cart-normal{width:100%}.product-view.starterset-v2 .add-to-box .btn-add-to-cart-normal.out-of-stock{width:100%;margin:20px auto}@media (max-width:768px){.product-view.starterset-v2 .add-to-box .btn-add-to-cart-normal.out-of-stock{max-width:225px}}.product-view.starterset-v2 .stock-message{text-align:left}@media (max-width:768px){.product-view.starterset-v2 .stock-message{text-align:center}}.product-view.starterset-v2 .divider{display:none}.product-view.starterset-v2 .rewardpoints-product-view-earning{text-align:left;padding-bottom:5px;border-bottom:1px solid #e5e5e5}@media (max-width:768px){.product-view.starterset-v2 .rewardpoints-product-view-earning{text-align:center}}.product-view.starterset-v2 .paypal-wrapper{display:none}.product-view.starterset-v2 .product-usp{color:#666;text-align:left!important;padding-top:5px}@media (max-width:320px){.product-view.starterset-v2 .product-usp{padding-top:3px}}.product-view.starterset-v2 .product-usp li:before{content:"•";font-size:16px;vertical-align:middle;padding-right:5px}.product-view.starterset-v2 .pink-heading{font-size:40px}@media (max-width:768px){.product-view.starterset-v2 .pink-heading:after,.product-view.starterset-v2 .pink-heading:before{display:inline-block}}.product-view.starterset-v2 .product-logo{max-width:175px}@media (max-width:768px){.product-view.starterset-v2 .product-logo{display:block;float:none;margin:0 auto;max-width:inherit}}.product-view.starterset-v2 .product-content{position:relative;display:block;width:100%}@media (max-width:980px){.product-view.starterset-v2 .product-content{padding-top:2em}}@media (max-width:768px){.product-view.starterset-v2 .product-content{padding-top:1.5em}}.product-view.starterset-v2 .product-content .block{margin-bottom:25px}@media (min-width:980px){.product-view.starterset-v2 .product-content .block .left{padding:0}}@media (max-width:980px){.product-view.starterset-v2 .product-content .block .left{padding-top:80px}}@media (max-width:480px){.product-view.starterset-v2 .product-content .block .left{padding:0}}.product-view.starterset-v2 .product-content .block .right{padding:0}.product-view.starterset-v2 .product-content .block-title{display:block;font-size:1.7em;font-weight:700;margin-bottom:6px;padding:0;border:none}@media (max-width:480px){.product-view.starterset-v2 .product-content .block-title{text-align:right}}.product-view.starterset-v2 .product-content .block-title.active:after{margin-top:9px}.product-view.starterset-v2 .product-content .block-title:after{display:block;margin:6px 0 0 25px}@media only screen and (min-width:480px){.product-view.starterset-v2 .product-content .block-title:after{display:none}}.product-view.starterset-v2 .product-content .block-title.classic{color:#b51817}.product-view.starterset-v2 .product-content .block-title.trend{color:#0f0b0c}.product-view.starterset-v2 .product-content .block-title.uncovered{color:#5a3c47}.product-view.starterset-v2 .product-content .block-title.last{color:#666;font-weight:400;font-size:40px;position:absolute;top:45px;right:162px}@media (max-width:320px){.product-view.starterset-v2 .product-content .block-title.last{font-size:2em}}.product-view.starterset-v2 .product-content .block-title span{float:right}.product-view.starterset-v2 .product-content .block-content ul li:before{content:"• ";font-size:16px;color:#fe007c;padding-right:8px;vertical-align:middle}@media only screen and (min-width:480px){.product-view.starterset-v2 .product-content .block-content.no-display{display:block!important}}.product-view.starterset-v2 .product-content .contact-image{display:block;position:relative;text-align:right;border-bottom:1px solid #fe007c;padding-right:25px;margin-top:-50px}@media (max-width:980px){.product-view.starterset-v2 .product-content .contact-image{margin-top:0}}@media (max-width:480px){.product-view.starterset-v2 .product-content .contact-image{margin-top:25px}}.product-view.starterset-v2 .product-content .contact-details{text-decoration:none}.product-view.starterset-v2 .product-content .icon{float:left;width:38px;height:38px;margin:2px 10px 0 0}.product-view.starterset-v2 .product-content .phone{display:block;color:#fe007c;font-size:1.4em;padding-bottom:5px}.product-view.starterset-v2 .product-content .time{font-size:1.2em;text-decoration:none;display:inline-block;padding-top:10px}@media (max-width:320px){.product-view.starterset-v2 .product-content .time{font-size:1.1em}}.product-view.starterset-v2 .premium-set-usp{display:block;clear:both;overflow:hidden;margin-bottom:15px;padding-top:15px}.product-view.starterset-v2 .premium-set-usp ul{list-style:outside none disc;margin:0 auto;text-align:left}.product-view.starterset-v2 .premium-set-usp ul li{color:#666;display:block;position:relative;padding-top:5px}.product-view.starterset-v2 .premium-set-usp ul li:before{content:"";background:url(https://pinkgellac.nl/skin/frontend/ultimo/pinkgellac/images/hartje.png) no-repeat 0 50%;background-size:20px;width:20px;height:20px;display:inline-block;margin-right:5px;vertical-align:top}.product-view.starterset-v2 .reviews-starterkits .col-md-6{margin-bottom:10px}@media (max-width:768px){.product-view.starterset-v2 .reviews-starterkits .col-md-6:first-child{margin-bottom:10px}}.product-view.starterset-v2 .reviews-starterkits .more-reviews{float:right;margin:0 20px 20px 0}.product-view.starterset-v2 .warranty{margin-bottom:25px}@media (max-width:768px){.product-view.starterset-v2 .warranty{margin:20px 0 0}}.product-view.starterset-v2 .more-starterkits{display:block;margin-top:25px}@media (max-width:768px){.product-view.starterset-v2 .more-starterkits{margin-bottom:10px}}.product-view.starterset-v2 .more-starterkits .owl-nav .owl-next,.product-view.starterset-v2 .more-starterkits .owl-nav .owl-prev{width:25px;height:25px}.product-view.starterset-v2 .more-starterkits .owl-nav .owl-next:hover,.product-view.starterset-v2 .more-starterkits .owl-nav .owl-prev:hover{background:none}.product-view.starterset-v2 .more-starterkits .owl-nav .owl-prev{position:absolute;top:38%;margin-left:10px;display:block!important;border:0 solid #000}.product-view.starterset-v2 .more-starterkits .owl-nav .owl-prev img{transform:rotate(180deg)}.product-view.starterset-v2 .more-starterkits .owl-nav .owl-next{position:absolute;top:38%;right:25px;display:block!important;border:0 solid #000}.product-view.starterset-v2 .brands-bottom{text-align:center}.premium-startersets .products-grid .item{padding-top:0;margin-bottom:10px}@media (max-width:768px){.premium-startersets .products-grid .item{padding-top:20px}}.premium-startersets .breadcrumbs li,.premium-startersets .breadcrumbs li a{color:#02656f}.premium-startersets .header-top-bar,.premium-startersets .pink-heading:after,.premium-startersets .pink-heading:before{background-color:#02656f}.premium-startersets .footer-container,.premium-startersets .footer-mobile .footer-mobile-top{background-color:#02656f!important}.premium-startersets .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #f6f6f6}.premium-startersets .footer-primary .footer-line{border-top:1px solid #f6f6f6!important}.premium-startersets-b .product-set-top{position:relative;box-shadow:0 0 8px #ccc;overflow:hidden;margin:25px 0 0;padding:15px}@media (max-width:480px){.premium-startersets-b .product-set-top{width:92%;margin:0 auto}}.premium-startersets-b .product-img-column{padding:0;margin-bottom:0}@media only screen and (max-width:1024px){.premium-startersets-b .product-img-column .product-image{width:100%}}.premium-startersets-b .product-img-column .img-box{margin-bottom:0}.premium-startersets-b .product-img-column #image-main{border-radius:0}.premium-startersets-b #itemslider-product-images{width:100%;max-width:100%;overflow:hidden}.premium-startersets-b #itemslider-product-images .slick-slide{margin:0 10px}.premium-startersets-b #itemslider-product-images .slick-slide a{outline:none}.premium-startersets-b #itemslider-product-images .slick-list{margin:0 -10px}.premium-startersets-b #itemslider-product-images .slick-next.slick-disabled,.premium-startersets-b #itemslider-product-images .slick-prev.slick-disabled{opacity:.5}.premium-startersets-b #itemslider-product-images .slick-next{right:0;background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/premiumstarterset/arrows_pink.svg)}.premium-startersets-b #itemslider-product-images .slick-next:before{content:" "}.premium-startersets-b #itemslider-product-images .slick-prev{z-index:999;left:0;background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/premiumstarterset/arrows_pink.svg);transform:rotate(180deg) translateY(50%)}.premium-startersets-b #itemslider-product-images .slick-prev:before{content:" "}.premium-startersets-b .product-view.row{margin-left:-12px;margin-right:-12px}.premium-startersets-b .product-view .product-secondary-column{padding:0 0 0 50px}@media (max-width:768px){.premium-startersets-b .product-view .product-secondary-column{text-align:center;padding:15px 0 0}}.premium-startersets-b .product-view .product-secondary-column .inner{padding-bottom:0}@media (max-width:768px){.premium-startersets-b .product-view .product-logos{display:-ms-flexbox;display:flex;width:250px;margin:0 auto}}.premium-startersets-b .product-view .product-logos .product-logo{width:125px}@media (max-width:768px){.premium-startersets-b .product-view .product-logos .product-logo{-ms-flex-order:2;order:2;margin-top:8px}}.premium-startersets-b .product-view .product-logos .product-dots{width:200px;margin-right:15px}@media (max-width:768px){.premium-startersets-b .product-view .product-logos .product-dots{-ms-flex-order:1;order:1}}.premium-startersets-b .product-view .premium-trustpilot-summary{margin:20px 0}@media (max-width:768px){.premium-startersets-b .product-view .premium-trustpilot-summary{margin:10px 0 20px}}.premium-startersets-b .product-view .premium-trustpilot-summary img{width:250px;margin:0}@media (max-width:768px){.premium-startersets-b .product-view .premium-trustpilot-summary img{margin:0 auto}}.premium-startersets-b .product-view .product-name{float:none!important;color:#fe007c}@media (max-width:480px){.premium-startersets-b .product-view .product-name{text-align:center}}.premium-startersets-b .product-view .product-name h1{font-size:32px;font-weight:700;line-height:1em;padding-top:15px}.premium-startersets-b .product-view .product-name h1 span{font-size:18px;vertical-align:super}@media only screen and (min-width:769px) and (max-width:980px){.premium-startersets-b .product-view .product-name h1{font-size:28px}}@media (max-width:768px){.premium-startersets-b .product-view .product-name h1{font-size:29px}}@media (max-width:480px){.premium-startersets-b .product-view .product-name h1{padding-top:10px;clear:both;font-size:19px}}.premium-startersets-b .product-view .price-box{margin-top:10px}@media (max-width:768px){.premium-startersets-b .product-view .price-box{width:138px;margin:0 auto}}@media (max-width:480px){.premium-startersets-b .product-view .price-box{width:280px;margin:0 auto}}.premium-startersets-b .product-view .price-box .old-price{float:left;margin-right:10px}.premium-startersets-b .product-view .price-box .old-price .label{float:left;font-size:23px;text-decoration:line-through}.premium-startersets-b .product-view .price-box .old-price .label:after{content:"\00a0"}.premium-startersets-b .product-view .price-box .old-price .price{float:left;font-weight:400;font-size:23px}@media (max-width:768px){.premium-startersets-b .product-view .price-box .special-price{clear:both;padding-top:8px}}@media (max-width:480px){.premium-startersets-b .product-view .price-box .special-price{clear:none;padding-top:0}}.premium-startersets-b .product-view .price-box .special-price .label{float:left;font-size:23px;margin-right:5px}.premium-startersets-b .product-view .price-box .special-price .specialprice{float:left;font-size:23px!important;font-weight:700}.premium-startersets-b .product-view .price-box .save-discount{clear:both;display:block;padding-top:10px;padding-bottom:10px;text-align:left}@media (max-width:768px){.premium-startersets-b .product-view .price-box .save-discount{text-align:center}}.premium-startersets-b .product-view .stock-message{margin:0;text-align:left}@media only screen and (max-width:1024px){.premium-startersets-b .product-view .stock-message{text-align:center}}.premium-startersets-b .product-view .availability{clear:both}.premium-startersets-b .product-view .add-to-box{padding:5px 0 15px;text-align:left}.premium-startersets-b .product-view .add-to-box .btn-add-to-cart-normal.out-of-stock{margin:20px auto}@media (max-width:768px){.premium-startersets-b .product-view .add-to-box .btn-add-to-cart-normal.out-of-stock{max-width:225px}}.premium-startersets-b .product-view .divider{display:none}.premium-startersets-b .product-view .rewardpoints-product-view-earning{text-align:left!important}@media (max-width:768px){.premium-startersets-b .product-view .rewardpoints-product-view-earning{text-align:center!important}}.premium-startersets-b .product-view .paypal-wrapper{display:none}.premium-startersets-b .product-view .more-reviews{float:right;margin:-20px 0 20px}.premium-startersets-b .product-view .product-content{position:relative;display:block;width:100%}@media (max-width:980px){.premium-startersets-b .product-view .product-content{padding-top:2em}}@media (max-width:768px){.premium-startersets-b .product-view .product-content{padding-top:1.5em}}.premium-startersets-b .product-view .product-content .block{margin-bottom:15px}@media (min-width:980px){.premium-startersets-b .product-view .product-content .block .left{padding:0}}@media (max-width:980px){.premium-startersets-b .product-view .product-content .block .left{padding-top:80px}}@media (max-width:480px){.premium-startersets-b .product-view .product-content .block .left{padding:0}}.premium-startersets-b .product-view .product-content .block .right{padding:0}.premium-startersets-b .product-view .product-content .block-title{display:block;font-size:1.7em;font-weight:700;margin-bottom:6px;padding:0;border:none}@media (max-width:480px){.premium-startersets-b .product-view .product-content .block-title{text-align:right}}.premium-startersets-b .product-view .product-content .block-title.active:after{margin-top:9px}.premium-startersets-b .product-view .product-content .block-title:after{display:block;margin:6px 0 0 25px}@media only screen and (min-width:480px){.premium-startersets-b .product-view .product-content .block-title:after{display:none}}.premium-startersets-b .product-view .product-content .block-title.classic{color:#b51817}.premium-startersets-b .product-view .product-content .block-title.trend{color:#0f0b0c}.premium-startersets-b .product-view .product-content .block-title.uncovered{color:#5a3c47}.premium-startersets-b .product-view .product-content .block-title.last{color:#666;font-weight:400;font-size:40px;position:absolute;top:45px;right:162px}@media (max-width:320px){.premium-startersets-b .product-view .product-content .block-title.last{font-size:2em}}.premium-startersets-b .product-view .product-content .block-title span{float:right}.premium-startersets-b .product-view .product-content .block-content ul li:before{content:"• ";font-size:16px;color:#fe007c;padding-right:8px;vertical-align:middle}@media only screen and (min-width:480px){.premium-startersets-b .product-view .product-content .block-content.no-display{display:block!important}}.premium-startersets-b .product-view .product-content .contact-image{display:block;position:relative;text-align:right;border-bottom:1px solid #fe007c;padding-right:25px;margin-top:-50px}@media (max-width:980px){.premium-startersets-b .product-view .product-content .contact-image{margin-top:0}}@media (max-width:480px){.premium-startersets-b .product-view .product-content .contact-image{margin-top:25px}}.premium-startersets-b .product-view .product-content .contact-details{text-decoration:none}.premium-startersets-b .product-view .product-content .icon{float:left;width:38px;height:38px;margin:2px 10px 0 0}.premium-startersets-b .product-view .product-content .phone{display:block;color:#fe007c;font-size:1.4em;padding-bottom:5px}.premium-startersets-b .product-view .product-content .time{font-size:1.2em;text-decoration:none;display:inline-block;padding-top:10px}@media (max-width:320px){.premium-startersets-b .product-view .product-content .time{font-size:1.1em}}.premium-startersets-b .product-view .premium-set-usp{display:block;clear:both;overflow:hidden;padding-top:15px}.premium-startersets-b .product-view .premium-set-usp ul{list-style:outside none disc;margin:0 auto;text-align:left}.premium-startersets-b .product-view .premium-set-usp ul li{color:#666;display:block;position:relative;padding-top:5px}.premium-startersets-b .product-view .premium-set-usp ul li:before{content:"";background:url(https://pinkgellac.nl/skin/frontend/ultimo/pinkgellac/images/hartje.png) no-repeat 0 50%;background-size:20px;width:20px;height:20px;display:inline-block;margin-right:5px;vertical-align:top}.premium-startersets-b .product-view .banner-device,.premium-startersets-b .product-view .warranty{margin-bottom:25px}@media (max-width:768px){.premium-startersets-b .product-view .warranty{margin:20px 0 0}}.premium-startersets-b .product-view .variants-starterkits .item{margin-bottom:25px;overflow:hidden}.premium-startersets-b .product-view .variants-starterkits .item:nth-child(3){display:-ms-flexbox;display:flex;margin-bottom:0}@media only screen and (max-width:1024px){.premium-startersets-b .product-view .variants-starterkits .item:nth-child(3){display:block;margin-bottom:25px}}.premium-startersets-b .product-view .variants-starterkits .item:nth-child(3) .image{-ms-flex-order:2;order:2}.premium-startersets-b .product-view .variants-starterkits .item:nth-child(3) .kit{-ms-flex-order:1;order:1}.premium-startersets-b .product-view .variants-starterkits .image{padding:0}@media (max-width:768px){.premium-startersets-b .product-view .variants-starterkits .image img{width:100%}}.premium-startersets-b .product-view .variants-starterkits .kit{padding:0;background-color:#f9f9f9;text-align:center}.premium-startersets-b .product-view .variants-starterkits .kit__logo{padding-top:75px}@media (max-width:768px){.premium-startersets-b .product-view .variants-starterkits .kit__logo{padding-top:20px}}.premium-startersets-b .product-view .variants-starterkits .kit__price{width:160px;margin:0 auto;padding-top:50px;overflow:hidden}.premium-startersets-b .product-view .variants-starterkits .kit__price.pink_de{width:202px}.premium-startersets-b .product-view .variants-starterkits .kit__price .old-price{margin-right:15px}.premium-startersets-b .product-view .variants-starterkits .kit__price .specialprice{font-weight:400!important;color:#33ad03}.premium-startersets-b .product-view .variants-starterkits .kit__addtocart{margin-top:25px}@media (max-width:768px){.premium-startersets-b .product-view .variants-starterkits .kit__addtocart{margin-bottom:30px}}.premium-startersets-b .product-view .variants-starterkits .kit__addtocart .view{color:#fff;background:#fe007c;text-decoration:none;padding:10px 15px;font-size:14px;text-transform:uppercase;border-radius:5px;border:1px solid #be005d}.premium-startersets-b .product-view .variants-starterkits .kit__addtocart .view:hover{background:#d50068}.premium-startersets-b .product-view .variants-starterkits .kit__dots{margin-top:15px}.premium-startersets-b .product-view .variants-starterkits .kit__dots img{max-width:225px}.premium-startersets-b .product-view .brands-bottom{text-align:center}.premium-startersets-b h2.pink-heading{font-size:40px}.premium-startersets-b.catalog-product-view .breadcrumbs{display:none}.premium-startersets-b .col-main{padding-top:0!important}@media (max-width:768px){.premium-startersets-b .col-main{padding-top:10px!important}}.premium-startersets-b .col-main .std ul{margin-left:0}@media (max-width:768px){.premium-startersets-b table,.premium-startersets-b tbody,.premium-startersets-b td,.premium-startersets-b th,.premium-startersets-b thead,.premium-startersets-b tr{display:block}.premium-startersets-b thead tr{position:absolute;top:-9999px;left:-9999px}.premium-startersets-b td{border:none;position:relative;width:100%!important;margin-bottom:2em;text-align:center}.premium-startersets-b iframe{width:95%;margin:0}.premium-startersets-b td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap}}.premium-startersets-b .products-grid .item{padding-top:0;margin-bottom:10px}@media (max-width:768px){.premium-startersets-b .products-grid .item{padding-top:20px}}.premium-startersets-b .breadcrumbs li,.premium-startersets-b .breadcrumbs li a{color:#02656f}.premium-startersets-b .header-top-bar,.premium-startersets-b .pink-heading:after,.premium-startersets-b .pink-heading:before{background-color:#02656f}.premium-startersets-b .footer-container,.premium-startersets-b .footer-mobile .footer-mobile-top{background-color:#02656f!important}.premium-startersets-b .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #fff}.premium-startersets-b .footer-primary .footer-line{border-top:1px solid #fff!important}#cboxClose,#cboxNext,#cboxPrevious{background-image:none!important;display:inline-block;font-family:ThemeIcons;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:20px}#cboxTitle{display:none!important}#cboxContent #cboxNext{font-size:13px}#cboxContent #cboxNext:before{content:"\25BA"}#cboxContent #cboxPrevious{font-size:13px}#cboxContent #cboxPrevious:before{content:"\25C0"}#cboxContent #cboxClose{font-size:16px}#cboxContent #cboxClose:before{content:"\2716"}.home-block{display:block;margin-bottom:2em}.home-block h2.title{text-align:center;margin-bottom:.5em}.home-block a{display:block;position:relative;overflow:hidden;padding:0}.home-block a img{display:block;margin:0 auto;width:100%;transition:.5s}.home-block a img:hover{transform:scale(1.05)}.cms-home .trustpilot-widget{margin:15px 0}.cms-home .youtube-home{margin-bottom:15px}.cms-home #casengo-chat-wrapper{display:none!important}.page-title h1{color:#666}.page-empty{padding:0}.cms-contact .form-list input.input-text{float:left}.cms-contact .pink-heading{clear:both}#contactForm .legend{display:none}#contactForm .form-list{padding-right:50px}@media (max-width:768px){#contactForm .form-list{padding-right:0}}#contactForm .form-list label{color:#666}#contactForm .form-list .field,#contactForm .form-list input.input-text{width:100%}#contactForm textarea{max-width:100%}#contactForm .buttons-set{margin-right:50px}@media (max-width:768px){#contactForm .buttons-set{margin-right:0}}#contactForm .buttons-set p.required{margin:-12px 0 0}@media (max-width:480px){#contactForm .buttons-set p.required{display:block}}#contactForm .buttons-set button.btn-action,#contactForm .buttons-set button.btn-action-small{margin-top:8px;float:right}.contact-box{margin:0 auto 50px;top:5px;position:relative}@media only screen and (max-width:959px){.contact-box{width:100%}}.contact-box .contact-box--header{margin-bottom:0;padding:15px 0 5px 15px;position:relative}.contact-box .contact-box--header-title{margin:0;text-align:left}.contact-box .contact-box--status{display:block;font-size:13px;font-weight:400}.contact-box .contact-box--header-image{position:absolute;bottom:0;right:0}.contact-box--list1 .contact-box--item{height:auto}@media only screen and (max-width:768px){.contact-box--list1 .contact-box--item.one{border:1px solid #ccc}.contact-box--list1 .contact-box--item.five,.contact-box--list1 .contact-box--item.four,.contact-box--list1 .contact-box--item.six,.contact-box--list1 .contact-box--item.three,.contact-box--list1 .contact-box--item.two{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc}}@media only screen and (min-width:767px){.contact-box--list1 .contact-box--item.one{border:1px solid #ccc}.contact-box--list1 .contact-box--item.two{border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.contact-box--list1 .contact-box--item.three{border-left:1px solid #ccc}.contact-box--list1 .contact-box--item.five,.contact-box--list1 .contact-box--item.four,.contact-box--list1 .contact-box--item.three{border-right:1px solid #ccc;border-bottom:1px solid #ccc}.contact-box--list1 .contact-box--item.five{border-left:1px solid #ccc}.contact-box--list1 .contact-box--item.six{border-right:1px solid #ccc;border-bottom:1px solid #ccc}}.contact-box--list1 .contact-box--description{display:table-cell;height:4rem;padding:3px 0;margin-left:5rem;vertical-align:middle;color:#666}.contact-box--list1 .contact-box--description strong{color:#fe007c}@media (min-width:320px){.contact-box--list1 .contact-box--description.contact-box--description-no-link span,.contact-box--list1 .contact-box--description strong{float:left;text-align:left}}.contact-box--list1 .icon-contact-arrow{right:15px;margin-top:-9%;position:absolute;width:8px;color:#fe007c}@media only screen and (max-width:959px){.contact-box--list1 .icon-contact-arrow{margin-top:-12%}}@media only screen and (max-width:767px){.contact-box--list1 .icon-contact-arrow{margin-top:-7%}}@media only screen and (max-width:639px){.contact-box--list1 .icon-contact-arrow{margin-top:-10%}}@media (max-width:480px){.contact-box--list1 .icon-contact-arrow{margin-top:-11%}}@media only screen and (max-width:375px){.contact-box--list1 .icon-contact-arrow{margin-top:-12%}}@media (max-width:320px){.contact-box--list1 .icon-contact-arrow{margin-top:-15%}}.contact-box--list1 .icon-contact-arrow-login{right:15px;margin-top:-10%;position:absolute;width:8px;color:#fe007c}@media only screen and (max-width:959px){.contact-box--list1 .icon-contact-arrow-login{margin-top:-17%}}@media only screen and (max-width:767px){.contact-box--list1 .icon-contact-arrow-login{margin-top:-8%}}@media only screen and (max-width:639px){.contact-box--list1 .icon-contact-arrow-login{margin-top:-12%}}@media (max-width:480px){.contact-box--list1 .icon-contact-arrow-login{margin-top:-13%}}@media only screen and (max-width:375px){.contact-box--list1 .icon-contact-arrow-login{margin-top:-19%}}@media (max-width:320px){.contact-box--list1 .icon-contact-arrow-login{margin-top:-24%}}.contact-box--list{border:1px solid #ccc;margin-top:-13px}.contact-box--list .contact-box--item:first-child{border:0}.contact-box--list .contact-box--item{border-top:1px solid #ccc}.contact-box--list .contact-box--description{display:table-cell;height:4rem;margin-left:5rem;padding:10px 30px 10px 0;vertical-align:middle;color:#666}.contact-box--list .contact-box--description strong{color:#fe007c}@media (min-width:320px){.contact-box--list .contact-box--description.contact-box--description-no-link span,.contact-box--list .contact-box--description strong{float:left;text-align:left}}.contact-box--list .icon-contact-arrow{right:15px;margin-top:-12%;position:absolute;width:8px;color:#fe007c}@media only screen and (max-width:959px){.contact-box--list .icon-contact-arrow{margin-top:-13%}}@media only screen and (max-width:767px){.contact-box--list .icon-contact-arrow{margin-top:-11%}}@media only screen and (max-width:639px){.contact-box--list .icon-contact-arrow{margin-top:-11%}}@media (max-width:480px){.contact-box--list .icon-contact-arrow{margin-top:-10%}}@media only screen and (max-width:375px){.contact-box--list .icon-contact-arrow{margin-top:-13%}}@media (max-width:320px){.contact-box--list .icon-contact-arrow{margin-top:-17%}}.contact-box--list .icon-contact-arrow-login{right:15px;margin-top:-18%;position:absolute;width:8px;color:#fe007c}@media only screen and (max-width:959px){.contact-box--list .icon-contact-arrow-login{margin-top:-19%}}@media only screen and (max-width:767px){.contact-box--list .icon-contact-arrow-login{margin-top:-19%}}@media only screen and (max-width:639px){.contact-box--list .icon-contact-arrow-login{margin-top:-17%}}@media (max-width:480px){.contact-box--list .icon-contact-arrow-login{margin-top:-17%}}@media only screen and (max-width:375px){.contact-box--list .icon-contact-arrow-login{margin-top:-19%}}@media (max-width:320px){.contact-box--list .icon-contact-arrow-login{margin-top:-30%}}.contact-box--icon{fill:#fe007c;position:relative;float:left;top:20px;margin:0 10px 0 25px;z-index:999}.contact-box--description-wait-time{color:#666;display:block}@media (min-width:320px){.contact-box--description-wait-time{clear:both;text-align:left;width:75%}}.contact-box--action{display:block;position:relative;text-decoration:none}.contact-box--action:hover{background:#f3f3f3;cursor:pointer}.contact-box--whatsapp-number{display:inline-block}@media (min-width:320px){.contact-box--whatsapp-number{float:none!important}}.contact-box--not-clickable{display:block}.cms-veelgestelde-vragen button.faq-vraag{background-color:#eee;color:#444;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:15px;transition:.4s;margin-bottom:15px}.cms-veelgestelde-vragen button.faq-vraag.active,.cms-veelgestelde-vragen button.faq-vraag:hover{background-color:#ddd}.cms-veelgestelde-vragen div.faq-antwoord{padding:0 18px;background-color:#fff;max-height:0;overflow:hidden;transition:.6s ease-in-out;opacity:0}.cms-veelgestelde-vragen div.faq-antwoord.show{opacity:1;max-height:500px}.nailcare-products .productname{max-width:225px;height:40px;margin-top:5px}.anwendung-table tr td:first-child{padding:25px 25px 0 0}.review-person-image tr td:first-child{display:block;width:250px;margin-right:30px}.review-facebook-page tr td:last-child{width:500px}@media (max-width:768px){.review-facebook-page tr td:last-child{width:100%}}.cms-pro-success .std .messages{display:none}.color-collection{text-align:center}.color-collection>div{margin-bottom:30px}.cms-cursus .password-field{height:45px;padding:10px 5px}.cms-pro .gform_title{display:none}ul.happyface{margin-left:0!important}@media (max-width:768px){ul.happyface{width:278px;margin:25px auto 0!important;text-align:left}}ul.happyface li{font-size:15px;margin-bottom:15px}ul.happyface li:before{content:"";background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/gel-polish-smiley.jpg);background-size:cover;background-position:50% 50%;width:46px;height:38px;display:inline-block;margin-top:-8px;margin-right:5px;vertical-align:top}.full-screen-image{background-size:cover;background-repeat:no-repeat;height:100vh}.full-screen-image.rt-set{background-image:url(/media/wysiwyg/Landingpagina_LED_M_Tablet_768x1024px_Desktop_v2.jpg)}@media (max-width:768px){.full-screen-image.rt-set{background-image:url(/media/wysiwyg/Landingpagina_LED_M_Tablet_768x1024px_Tablet_v2.jpg)}}@media (max-width:480px){.full-screen-image.rt-set{background-image:url(/media/wysiwyg/Landingpagina_LED_M_Tablet_768x1024px_Mobiel_v2.jpg);background-size:cover;background-attachment:scroll}}@media only screen and (device-width:375px) and (device-height:812px){.full-screen-image.rt-set{background-size:100% 90%}}.full-screen-image .content{position:absolute;top:125px;right:250px;width:700px;text-align:center;padding:25px;border-radius:20px;background-color:hsla(0,0%,100%,.7)}.full-screen-image .content.de{width:550px;right:150px}@media (max-width:980px){.full-screen-image .content{right:100px;width:650px}}@media (max-width:768px){.full-screen-image .content{width:480px;top:25px;left:50%;transform:translate(-50%);background:none;padding:0}}@media (max-width:480px){.full-screen-image .content{width:75%}.full-screen-image .content.de{width:85%}}.full-screen-image .content .title{display:block;font-size:70px;line-height:70px;color:#fe007c;font-family:bebasneue_bold;text-align:left}.full-screen-image .content .title.de{font-size:50px;line-height:50px;text-align:center!important}@media (max-width:480px){.full-screen-image .content .title.de{font-size:40px;line-height:40px}}.full-screen-image .content .title.second{text-align:right}.full-screen-image .content .title:hover{text-decoration:none}@media (max-width:768px){.full-screen-image .content .title{font-size:55px;line-height:55px}}@media (max-width:480px){.full-screen-image .content .title{font-size:30px;line-height:30px}}.full-screen-image .content .subtitle{display:block;margin-top:25px;font-size:50px;line-height:50px;color:#000;font-family:bebasneue_bold;text-align:center}.full-screen-image .content .subtitle.de{font-size:40px;line-height:40px}.full-screen-image .content .subtitle:hover{text-decoration:none}@media (max-width:768px){.full-screen-image .content .subtitle{font-size:45px}}@media (max-width:480px){.full-screen-image .content .subtitle{font-size:28px;margin-top:5px}}.full-screen-image .content .button{margin:25px auto 0;width:250px;padding:0 20px;color:#fff;line-height:60px;text-align:center;font-size:22px;font-weight:600;border-radius:5px;background-color:#5db53f;border:1px solid #3d9c39;text-transform:uppercase;cursor:pointer;letter-spacing:.5px}.full-screen-image .content .button:hover{text-decoration:none;background-color:#3d9c39}@media (max-width:480px){.full-screen-image .content .button{margin-top:5px;width:200px;line-height:45px;font-size:18px}}.cms-valentijn .footer-container,.cms-valentijn .footer-mobile .footer-mobile-top,.cms-valentijn .header-top-bar{background-color:#8b0522}.cms-valentijn .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #ed093a}.cms-valentijn .footer-primary .footer-line{border-top:1px solid #8b0522}.cms-valentijn .main-container,.cms-valentijn .main-container .inner-container{background:#a20425}.cms-valentijn .main-container .price-box .pricing .old-price{color:#fff}.cms-touchup .footer-container,.cms-touchup .footer-mobile .footer-mobile-top,.cms-touchup .header-top-bar{background-color:#835b26}.cms-touchup .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #c99146}.cms-touchup .footer-primary .footer-line{border-top:1px solid #835b26}.cms-touchup .main-container,.cms-touchup .main-container .inner-container{background:#121211}.cms-bluemonday .breadcrumbs,.cms-touchup .breadcrumbs,.cms-valentijn .breadcrumbs{display:none}.cms-bluemonday .main-container .main,.cms-touchup .main-container .main,.cms-valentijn .main-container .main{background:#000;padding-bottom:0}.cms-bluemonday .main-container .col-main,.cms-touchup .main-container .col-main,.cms-valentijn .main-container .col-main{padding-top:0;padding-bottom:30px}.cms-bluemonday .main-container .std .grid12-6,.cms-touchup .main-container .std .grid12-6,.cms-valentijn .main-container .std .grid12-6{padding-left:1px}.cms-bluemonday .main-container .std .grid12-6:first-child,.cms-touchup .main-container .std .grid12-6:first-child,.cms-valentijn .main-container .std .grid12-6:first-child{padding-right:2px}.cms-bluemonday .main-container .std .grid12-6 img:first-child,.cms-touchup .main-container .std .grid12-6 img:first-child,.cms-valentijn .main-container .std .grid12-6 img:first-child{padding-bottom:3px}@media (max-width:768px){.cms-bluemonday .main-container .std .grid12-6 img,.cms-touchup .main-container .std .grid12-6 img,.cms-valentijn .main-container .std .grid12-6 img{padding-bottom:3px}}.cms-bluemonday .main-container .block-products,.cms-touchup .main-container .block-products,.cms-valentijn .main-container .block-products{margin-bottom:5em}.cms-bluemonday .main-bottom-container,.cms-touchup .main-bottom-container,.cms-valentijn .main-bottom-container{background:#fff;margin-bottom:0}.footer-mobile-fixed{position:fixed;left:0;bottom:0;width:100%;background-color:#fe007c;color:#fff;text-align:center;display:none;z-index:9999}@media (max-width:768px){.footer-mobile-fixed{display:block}}.footer-mobile-fixed ul{overflow:hidden}.footer-mobile-fixed .item{display:inline-block;width:19%;padding:10px 0;text-align:center;font-size:11px;line-height:13px;box-sizing:unset;vertical-align:top}.footer-mobile-fixed .item a,.footer-mobile-fixed .item a:hover{color:#fff}.footer-mobile-fixed .item .icon-svg{display:block;margin:0 auto;height:30px;width:30px;margin-bottom:5px}.footer-mobile-fixed .item .whatsappme{display:block;margin:0 auto;height:32px;width:32px;color:#fff;cursor:pointer;margin-bottom:3px}.footer-mobile-fixed .menu-selector a:hover{text-decoration:none}.footer-mobile-fixed .menu-selector .menu-ham{width:35px;height:34px;margin:0 auto}.footer-mobile-fixed .menu-selector .label{color:#fff;display:block;margin-top:1px}.footer-mobile-fixed .menu-selector #nav-icon3{width:35px;height:30px;position:relative;transform:rotate(0deg);transition:.25s ease-in-out}.footer-mobile-fixed .menu-selector #nav-icon3 span{display:block;position:absolute;height:5px;width:100%;background:#fff;border-radius:9px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.footer-mobile-fixed .menu-selector #nav-icon3 span:first-child{top:0}.footer-mobile-fixed .menu-selector #nav-icon3 span:nth-child(2),.footer-mobile-fixed .menu-selector #nav-icon3 span:nth-child(3){top:12px}.footer-mobile-fixed .menu-selector #nav-icon3 span:nth-child(4){top:24px}.footer-mobile-fixed .menu-selector #nav-icon3.open span:first-child{top:12px;width:0;left:50%}.footer-mobile-fixed .menu-selector #nav-icon3.open span:nth-child(2){transform:rotate(45deg)}.footer-mobile-fixed .menu-selector #nav-icon3.open span:nth-child(3){transform:rotate(-45deg)}.footer-mobile-fixed .menu-selector #nav-icon3.open span:nth-child(4){top:24px;width:0;left:50%}.header-container.header-mobile{position:fixed;top:0;z-index:9999;width:100%}.header-container.header-mobile.open{background:#fff}.header-container.header-mobile .nav-container{position:absolute!important;top:inherit!important;bottom:75px;border:0}@media (max-width:768px){.header-container.header-mobile .nav-container .container{max-width:100%}}.header-container.header-mobile .nav-container .nav-item--parent a{padding-right:25px}.header-container.header-mobile .nav-container .nav-item--parent .opener{float:left;width:100%!important;background-position:100%!important}.header-container.header-mobile .nav-container .nav-item--parent .opener:before{position:absolute;top:15px;right:5px;content:" "!important;background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/caret-down.svg);background-size:100% 100%;width:15px;height:15px}.header-container.header-mobile .nav-mobile{max-height:345px;overflow:scroll}@media (max-width:768px){.header-container.header-mobile .nav-item{width:50%!important}.header-container.header-mobile .nav-item a{padding-right:25px}}@media (max-width:480px){.header-container.header-mobile .nav-item{width:100%!important}}.fixed-search,.header-container.header-mobile .nav-item.right{display:none}.fixed-search .searchautocomplete{display:block;border-radius:0;padding-top:15px;height:70px;background:#f5f5f5}.fixed-search .searchautocomplete .nav{border:1px solid #ebebeb!important;float:none;width:90%;margin:0 auto;height:42px}.fixed-search .searchautocomplete .nav .nav-input{height:40px;padding:0;overflow:hidden}.fixed-search .searchautocomplete .nav .nav-input input{background-color:#fff;width:100%!important;height:40px;margin:0;padding-left:10px}.fixed-search .searchautocomplete .nav-submit-button .button{border-left:1px solid #ebebeb;color:#fe007c;width:40px;height:40px;padding:0;margin:0;background:none;position:absolute;top:0;right:3px;font-size:1.2em;line-height:30px}.fixed-search .searchautocomplete .searchautocomplete-placeholder{width:100%;margin:0 auto;top:80px;right:0;padding:0 20px;border:none!important;border-radius:0!important}.fixed-search .searchautocomplete .searchautocomplete-placeholder ul li:last-child{border:none}.fixed-search .searchautocomplete.close{display:none}.fixed-search .searchautocomplete-loader{top:12px;right:50px}.collection-blossom .breadcrumbs{display:none}.collection-blossom .main{background:#000;padding-bottom:0}.collection-blossom .col-main{padding:0 0 25px!important}.collection-blossom h1{margin-bottom:0}.collection-blossom .block-products{margin-top:0}.collection-blossom .block-products h2{color:#fe007c;font-size:24px}.collection-blossom .block-product__colors h2{color:#fe007c}.collection-blossom .item .color-name a{color:#fff;text-decoration:none}.collection-blossom .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-blossom .item .pricing .price{color:#5db53f}.collection-blossom .item .pricing .old-price,.collection-blossom .item .savings{color:#fff}.collection-blossom .header-top-bar{background-color:#b6c67b}.collection-blossom .footer-container,.collection-blossom .footer-mobile .footer-mobile-top{background-color:#b6c67b!important}.collection-blossom .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #dde5c2}.collection-blossom .footer-primary .footer-line{border-top:1px solid #b6c67b!important}.collection-blossom .main-container,.collection-blossom .main-container .inner-container{background:#e3a2ba}.collection-blossom .quote-block .left{padding-top:15px}.collection-blossom .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-blossom .quote-block .block-center img{width:100%}}.collection-blossom .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-blossom .text-quote a{color:#000;text-decoration:underline}.collection-blossom .text-quote.white,.collection-blossom .text-quote.white a{color:#fff}.collection-butterfly .breadcrumbs{display:none}.collection-butterfly .main{background:#000;padding-bottom:0}.collection-butterfly .col-main{padding:0 0 25px!important}.collection-butterfly h1{margin-bottom:0}.collection-butterfly .block-products{margin-top:0}.collection-butterfly .block-products h2{color:#fe007c;font-size:24px}.collection-butterfly .block-product__colors h2{color:#fe007c}.collection-butterfly .item .color-name a{color:#fff;text-decoration:none}.collection-butterfly .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-butterfly .item .pricing .price{color:#5db53f}.collection-butterfly .item .pricing .old-price,.collection-butterfly .item .savings{color:#fff}.collection-butterfly .header-top-bar{background-color:#9303b4}.collection-butterfly .footer-container,.collection-butterfly .footer-mobile .footer-mobile-top{background-color:#9303b4!important}.collection-butterfly .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #d322fb}.collection-butterfly .footer-primary .footer-line{border-top:1px solid #9303b4!important}.collection-butterfly .main-container,.collection-butterfly .main-container .inner-container{background:#1596d5}.collection-butterfly .quote-block .left{padding-top:15px}.collection-butterfly .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-butterfly .quote-block .block-center img{width:100%}}.collection-butterfly .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-butterfly .text-quote a{color:#000;text-decoration:underline}.collection-butterfly .text-quote.white,.collection-butterfly .text-quote.white a{color:#fff}.collection-candycouture .breadcrumbs{display:none}.collection-candycouture .main{background:#000;padding-bottom:0}.collection-candycouture .col-main{padding:0 0 25px!important}.collection-candycouture h1{margin-bottom:0}.collection-candycouture .block-products{margin-top:0}.collection-candycouture .block-products h2{color:#fff;font-size:24px}.collection-candycouture .block-product__colors h2{color:#fff}.collection-candycouture .item .color-name a{color:#fff;text-decoration:none}.collection-candycouture .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-candycouture .item .pricing .price{color:#5db53f}.collection-candycouture .item .pricing .old-price,.collection-candycouture .item .savings{color:#fff}.collection-candycouture .header-top-bar{background-color:#40b2a2}.collection-candycouture .footer-container,.collection-candycouture .footer-mobile .footer-mobile-top{background-color:#40b2a2!important}.collection-candycouture .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #85d3c8}.collection-candycouture .footer-primary .footer-line{border-top:1px solid #40b2a2!important}.collection-candycouture .main-container,.collection-candycouture .main-container .inner-container{background:#e44b5e}.collection-candycouture .quote-block .left{padding-top:15px}.collection-candycouture .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-candycouture .quote-block .block-center img{width:100%}}.collection-candycouture .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-candycouture .text-quote a{color:#000;text-decoration:underline}.collection-candycouture .text-quote.white,.collection-candycouture .text-quote.white a{color:#fff}.collection-discoglam .breadcrumbs{display:none}.collection-discoglam .main{background:#000;padding-bottom:0}.collection-discoglam .col-main{padding:0 0 25px!important}.collection-discoglam h1{margin-bottom:0}.collection-discoglam .block-products{margin-top:0}.collection-discoglam .block-products h2{color:#fe007c;font-size:24px}.collection-discoglam .block-product__colors h2{color:#fe007c}.collection-discoglam .item .color-name a{color:#fff;text-decoration:none}.collection-discoglam .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-discoglam .item .pricing .price{color:#5db53f}.collection-discoglam .item .pricing .old-price,.collection-discoglam .item .savings{color:#fff}.collection-discoglam .header-top-bar{background-color:#085461}.collection-discoglam .footer-container,.collection-discoglam .footer-mobile .footer-mobile-top{background-color:#085461!important}.collection-discoglam .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #10a6bf}.collection-discoglam .footer-primary .footer-line{border-top:1px solid #085461!important}.collection-discoglam .main-container,.collection-discoglam .main-container .inner-container{background:#2e1011}.collection-discoglam .quote-block .left{padding-top:15px}.collection-discoglam .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-discoglam .quote-block .block-center img{width:100%}}.collection-discoglam .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-discoglam .text-quote a{color:#000;text-decoration:underline}.collection-discoglam .text-quote.white,.collection-discoglam .text-quote.white a{color:#fff}.collection-glamourize .breadcrumbs{display:none}.collection-glamourize .main{background:#000;padding-bottom:0}.collection-glamourize .col-main{padding:0 0 25px!important}.collection-glamourize h1{margin-bottom:0}.collection-glamourize .block-products{margin-top:0}.collection-glamourize .block-products h2{color:#fe007c;font-size:24px}.collection-glamourize .block-product__colors h2{color:#fe007c}.collection-glamourize .item .color-name a{color:#fff;text-decoration:none}.collection-glamourize .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-glamourize .item .pricing .price{color:#5db53f}.collection-glamourize .item .pricing .old-price,.collection-glamourize .item .savings{color:#fff}.collection-glamourize .header-top-bar{background-color:#89754a}.collection-glamourize .footer-container,.collection-glamourize .footer-mobile .footer-mobile-top{background-color:#89754a!important}.collection-glamourize .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #baa77f}.collection-glamourize .footer-primary .footer-line{border-top:1px solid #89754a!important}.collection-glamourize .main-container,.collection-glamourize .main-container .inner-container{background:#000}.collection-glamourize .quote-block .left{padding-top:15px}.collection-glamourize .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-glamourize .quote-block .block-center img{width:100%}}.collection-glamourize .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-glamourize .text-quote a{color:#000;text-decoration:underline}.collection-glamourize .text-quote.white,.collection-glamourize .text-quote.white a{color:#fff}.collection-ibizasummer .breadcrumbs{display:none}.collection-ibizasummer .main{background:#000;padding-bottom:0}.collection-ibizasummer .col-main{padding:0 0 25px!important}.collection-ibizasummer h1{margin-bottom:0}.collection-ibizasummer .block-products{margin-top:0}.collection-ibizasummer .block-products h2{color:#fe007c;font-size:24px}.collection-ibizasummer .block-product__colors h2{color:#fe007c}.collection-ibizasummer .item .color-name a{color:#fff;text-decoration:none}.collection-ibizasummer .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-ibizasummer .item .pricing .price{color:#5db53f}.collection-ibizasummer .item .pricing .old-price,.collection-ibizasummer .item .savings{color:#fff}.collection-ibizasummer .header-top-bar{background-color:#f26c75}.collection-ibizasummer .footer-container,.collection-ibizasummer .footer-mobile .footer-mobile-top{background-color:#f26c75!important}.collection-ibizasummer .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #facacd}.collection-ibizasummer .footer-primary .footer-line{border-top:1px solid #f26c75!important}.collection-ibizasummer .main-container,.collection-ibizasummer .main-container .inner-container{background:#89d8e7}.collection-ibizasummer .quote-block .left{padding-top:15px}.collection-ibizasummer .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-ibizasummer .quote-block .block-center img{width:100%}}.collection-ibizasummer .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-ibizasummer .text-quote a{color:#000;text-decoration:underline}.collection-ibizasummer .text-quote.white,.collection-ibizasummer .text-quote.white a{color:#fff}.collection-majestic .breadcrumbs{display:none}.collection-majestic .main{background:#000;padding-bottom:0}.collection-majestic .col-main{padding:0 0 25px!important}.collection-majestic h1{margin-bottom:0}.collection-majestic .block-products{margin-top:0}.collection-majestic .block-products h2{color:#fe007c;font-size:24px}.collection-majestic .block-product__colors h2{color:#fe007c}.collection-majestic .item .color-name a{color:#fff;text-decoration:none}.collection-majestic .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-majestic .item .pricing .price{color:#5db53f}.collection-majestic .item .pricing .old-price,.collection-majestic .item .savings{color:#fff}.collection-majestic .header-top-bar{background-color:#630e30}.collection-majestic .footer-container,.collection-majestic .footer-mobile .footer-mobile-top{background-color:#630e30!important}.collection-majestic .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #bc1b5b}.collection-majestic .footer-primary .footer-line{border-top:1px solid #630e30!important}.collection-majestic .main-container,.collection-majestic .main-container .inner-container{background:#15294a}.collection-majestic .quote-block .left{padding-top:15px}.collection-majestic .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-majestic .quote-block .block-center img{width:100%}}.collection-majestic .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-majestic .text-quote a{color:#000;text-decoration:underline}.collection-majestic .text-quote.white,.collection-majestic .text-quote.white a{color:#fff}.collection-rebellion .breadcrumbs{display:none}.collection-rebellion .main{background:#000;padding-bottom:0}.collection-rebellion .col-main{padding:0 0 25px!important}.collection-rebellion h1{margin-bottom:0}.collection-rebellion .block-products{margin-top:0}.collection-rebellion .block-products h2{color:#fe007c;font-size:24px}.collection-rebellion .block-product__colors h2{color:#fe007c}.collection-rebellion .item .color-name a{color:#fff;text-decoration:none}.collection-rebellion .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-rebellion .item .pricing .price{color:#5db53f}.collection-rebellion .item .pricing .old-price,.collection-rebellion .item .savings{color:#fff}.collection-rebellion .header-top-bar{background-color:#5e0c05}.collection-rebellion .footer-container,.collection-rebellion .footer-mobile .footer-mobile-top{background-color:#5e0c05!important}.collection-rebellion .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #bf180a}.collection-rebellion .footer-primary .footer-line{border-top:1px solid #5e0c05!important}.collection-rebellion .main-container,.collection-rebellion .main-container .inner-container{background:#2c0006}.collection-rebellion .quote-block .left{padding-top:15px}.collection-rebellion .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-rebellion .quote-block .block-center img{width:100%}}.collection-rebellion .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-rebellion .text-quote a{color:#000;text-decoration:underline}.collection-rebellion .text-quote.white,.collection-rebellion .text-quote.white a{color:#fff}.collection-reminiscence .breadcrumbs{display:none}.collection-reminiscence .main{background:#000;padding-bottom:0}.collection-reminiscence .col-main{padding:0 0 25px!important}.collection-reminiscence h1{margin-bottom:0}.collection-reminiscence .block-products{margin-top:0}.collection-reminiscence .block-products h2{color:#fe007c;font-size:24px}.collection-reminiscence .block-product__colors h2{color:#fe007c}.collection-reminiscence .item .color-name a{color:#fff;text-decoration:none}.collection-reminiscence .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-reminiscence .item .pricing .price{color:#5db53f}.collection-reminiscence .item .pricing .old-price,.collection-reminiscence .item .savings{color:#fff}.collection-reminiscence .header-top-bar{background-color:#470912}.collection-reminiscence .footer-container,.collection-reminiscence .footer-mobile .footer-mobile-top{background-color:#470912!important}.collection-reminiscence .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #a21429}.collection-reminiscence .footer-primary .footer-line{border-top:1px solid #470912!important}.collection-reminiscence .main-container,.collection-reminiscence .main-container .inner-container{background:#2f1b19}.collection-reminiscence .quote-block .left{padding-top:15px}.collection-reminiscence .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-reminiscence .quote-block .block-center img{width:100%}}.collection-reminiscence .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-reminiscence .text-quote a{color:#000;text-decoration:underline}.collection-reminiscence .text-quote.white,.collection-reminiscence .text-quote.white a{color:#fff}.collection-thecruise .breadcrumbs{display:none}.collection-thecruise .main{background:#000;padding-bottom:0}.collection-thecruise .col-main{padding:0 0 25px!important}.collection-thecruise h1{margin-bottom:0}.collection-thecruise .block-products{margin-top:0}.collection-thecruise .block-products h2{color:#fff;font-size:24px}.collection-thecruise .block-product__colors h2{color:#fff}.collection-thecruise .item .color-name a{color:#fff;text-decoration:none}.collection-thecruise .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-thecruise .item .pricing .price{color:#5db53f}.collection-thecruise .item .pricing .old-price,.collection-thecruise .item .savings{color:#fff}.collection-thecruise .header-top-bar{background-color:#253f8e}.collection-thecruise .footer-container,.collection-thecruise .footer-mobile .footer-mobile-top{background-color:#253f8e!important}.collection-thecruise .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #496bd0}.collection-thecruise .footer-primary .footer-line{border-top:1px solid #253f8e!important}.collection-thecruise .main-container,.collection-thecruise .main-container .inner-container{background:#e5356c}.collection-thecruise .quote-block .left{padding-top:15px}.collection-thecruise .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-thecruise .quote-block .block-center img{width:100%}}.collection-thecruise .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-thecruise .text-quote a{color:#000;text-decoration:underline}.collection-thecruise .text-quote.white,.collection-thecruise .text-quote.white a{color:#fff}.collection-thevip .breadcrumbs{display:none}.collection-thevip .main{background:#000;padding-bottom:0}.collection-thevip .col-main{padding:0 0 25px!important}.collection-thevip h1{margin-bottom:0}.collection-thevip .block-products{margin-top:0}.collection-thevip .block-products h2{color:#fe007c;font-size:24px}.collection-thevip .block-product__colors h2{color:#fe007c}.collection-thevip .item .color-name a{color:#fff;text-decoration:none}.collection-thevip .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-thevip .item .pricing .price{color:#5db53f}.collection-thevip .item .pricing .old-price,.collection-thevip .item .savings{color:#fff}.collection-thevip .header-top-bar{background-color:#e31357}.collection-thevip .footer-container,.collection-thevip .footer-mobile .footer-mobile-top{background-color:#e31357!important}.collection-thevip .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #f26a96}.collection-thevip .footer-primary .footer-line{border-top:1px solid #e31357!important}.collection-thevip .main-container,.collection-thevip .main-container .inner-container{background:#22143e}.collection-thevip .quote-block .left{padding-top:15px}.collection-thevip .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-thevip .quote-block .block-center img{width:100%}}.collection-thevip .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-thevip .text-quote a{color:#000;text-decoration:underline}.collection-thevip .text-quote.white,.collection-thevip .text-quote.white a{color:#fff}.collection-uncovered1 .breadcrumbs{display:none}.collection-uncovered1 .main{background:#000;padding-bottom:0}.collection-uncovered1 .col-main{padding:0 0 25px!important}.collection-uncovered1 h1{margin-bottom:0}.collection-uncovered1 .block-products{margin-top:0}.collection-uncovered1 .block-products h2{color:#fff;font-size:24px}.collection-uncovered1 .block-product__colors h2{color:#fff}.collection-uncovered1 .item .color-name a{color:#fff;text-decoration:none}.collection-uncovered1 .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-uncovered1 .item .pricing .price{color:#5db53f}.collection-uncovered1 .item .pricing .old-price,.collection-uncovered1 .item .savings{color:#fff}.collection-uncovered1 .header-top-bar{background-color:#b1909e}.collection-uncovered1 .footer-container,.collection-uncovered1 .footer-mobile .footer-mobile-top{background-color:#b1909e!important}.collection-uncovered1 .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #dbccd2}.collection-uncovered1 .footer-primary .footer-line{border-top:1px solid #b1909e!important}.collection-uncovered1 .main-container,.collection-uncovered1 .main-container .inner-container{background:#927975}.collection-uncovered1 .quote-block .left{padding-top:15px}.collection-uncovered1 .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-uncovered1 .quote-block .block-center img{width:100%}}.collection-uncovered1 .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-uncovered1 .text-quote a{color:#000;text-decoration:underline}.collection-uncovered1 .text-quote.white,.collection-uncovered1 .text-quote.white a{color:#fff}.collection-uncovered2 .breadcrumbs{display:none}.collection-uncovered2 .main{background:#000;padding-bottom:0}.collection-uncovered2 .col-main{padding:0 0 25px!important}.collection-uncovered2 h1{margin-bottom:0}.collection-uncovered2 .block-products{margin-top:0}.collection-uncovered2 .block-products h2{color:#fe007c;font-size:24px}.collection-uncovered2 .block-product__colors h2{color:#fe007c}.collection-uncovered2 .item .color-name a{color:#000;text-decoration:none}.collection-uncovered2 .item .color-name a:hover{color:#000;text-decoration:underline}.collection-uncovered2 .item .pricing .price{color:#5db53f}.collection-uncovered2 .item .pricing .old-price,.collection-uncovered2 .item .savings{color:#000}.collection-uncovered2 .header-top-bar{background-color:#894f5b}.collection-uncovered2 .footer-container,.collection-uncovered2 .footer-mobile .footer-mobile-top{background-color:#894f5b!important}.collection-uncovered2 .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #b98590}.collection-uncovered2 .footer-primary .footer-line{border-top:1px solid #894f5b!important}.collection-uncovered2 .main-container,.collection-uncovered2 .main-container .inner-container{background:#f4d5ca}.collection-uncovered2 .quote-block .left{padding-top:15px}.collection-uncovered2 .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-uncovered2 .quote-block .block-center img{width:100%}}.collection-uncovered2 .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-uncovered2 .text-quote a{color:#000;text-decoration:underline}.collection-uncovered2 .text-quote.white,.collection-uncovered2 .text-quote.white a{color:#fff}.collection-uncovered3 .breadcrumbs{display:none}.collection-uncovered3 .main{background:#000;padding-bottom:0}.collection-uncovered3 .col-main{padding:0 0 25px!important}.collection-uncovered3 h1{margin-bottom:0}.collection-uncovered3 .block-products{margin-top:0}.collection-uncovered3 .block-products h2{color:#fff;font-size:24px}.collection-uncovered3 .block-product__colors h2{color:#fff}.collection-uncovered3 .item .color-name a{color:#fff;text-decoration:none}.collection-uncovered3 .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-uncovered3 .item .pricing .price{color:#5db53f}.collection-uncovered3 .item .pricing .old-price,.collection-uncovered3 .item .savings{color:#fff}.collection-uncovered3 .header-top-bar{background-color:#63122e}.collection-uncovered3 .footer-container,.collection-uncovered3 .footer-mobile .footer-mobile-top{background-color:#63122e!important}.collection-uncovered3 .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #b92256}.collection-uncovered3 .footer-primary .footer-line{border-top:1px solid #63122e!important}.collection-uncovered3 .main-container,.collection-uncovered3 .main-container .inner-container{background:#b17d87}.collection-uncovered3 .quote-block .left{padding-top:15px}.collection-uncovered3 .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-uncovered3 .quote-block .block-center img{width:100%}}.collection-uncovered3 .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-uncovered3 .text-quote a{color:#000;text-decoration:underline}.collection-uncovered3 .text-quote.white,.collection-uncovered3 .text-quote.white a{color:#fff}.collection-easter .breadcrumbs{display:none}.collection-easter .main{background:#000;padding-bottom:0}.collection-easter .col-main{padding:0 0 25px!important}.collection-easter h1{margin-bottom:0}.collection-easter .block-products{margin-top:0}.collection-easter .block-products h2{color:#fe007c;font-size:24px}.collection-easter .block-product__colors h2{color:#fe007c}.collection-easter .item .color-name a{color:#000;text-decoration:none}.collection-easter .item .color-name a:hover{color:#000;text-decoration:underline}.collection-easter .item .pricing .price{color:#5db53f}.collection-easter .item .pricing .old-price,.collection-easter .item .savings{color:#000}.collection-easter .header-top-bar{background-color:#c1a3b3}.collection-easter .footer-container,.collection-easter .footer-mobile .footer-mobile-top{background-color:#c1a3b3!important}.collection-easter .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #eae0e5}.collection-easter .footer-primary .footer-line{border-top:1px solid #c1a3b3!important}.collection-easter .main-container,.collection-easter .main-container .inner-container{background:#f3dee5}.collection-easter .quote-block .left{padding-top:15px}.collection-easter .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-easter .quote-block .block-center img{width:100%}}.collection-easter .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-easter .text-quote a{color:#000;text-decoration:underline}.collection-easter .text-quote.white,.collection-easter .text-quote.white a{color:#fff}.collection-lente .breadcrumbs{display:none}.collection-lente .main{background:#000;padding-bottom:0}.collection-lente .col-main{padding:0 0 25px!important}.collection-lente h1{margin-bottom:0}.collection-lente .block-products{margin-top:0}.collection-lente .block-products h2{color:#fe007c;font-size:24px}.collection-lente .block-product__colors h2{color:#fe007c}.collection-lente .item .color-name a{color:#000;text-decoration:none}.collection-lente .item .color-name a:hover{color:#000;text-decoration:underline}.collection-lente .item .pricing .price{color:#5db53f}.collection-lente .item .pricing .old-price,.collection-lente .item .savings{color:#000}.collection-lente .header-top-bar{background-color:#6ed8cc}.collection-lente .footer-container,.collection-lente .footer-mobile .footer-mobile-top{background-color:#6ed8cc!important}.collection-lente .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #beeee8}.collection-lente .footer-primary .footer-line{border-top:1px solid #6ed8cc!important}.collection-lente .main-container,.collection-lente .main-container .inner-container{background:#c8edfd}.collection-lente .quote-block .left{padding-top:15px}.collection-lente .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-lente .quote-block .block-center img{width:100%}}.collection-lente .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-lente .text-quote a{color:#000;text-decoration:underline}.collection-lente .text-quote.white,.collection-lente .text-quote.white a{color:#fff}.collection-kingsday .breadcrumbs{display:none}.collection-kingsday .main{background:#000;padding-bottom:0}.collection-kingsday .col-main{padding:0 0 25px!important}.collection-kingsday h1{margin-bottom:0}.collection-kingsday .block-products{margin-top:0}.collection-kingsday .block-products h2{color:#fe007c;font-size:24px}.collection-kingsday .block-product__colors h2{color:#fe007c}.collection-kingsday .item .color-name a{color:#fff;text-decoration:none}.collection-kingsday .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-kingsday .item .pricing .price{color:#5db53f}.collection-kingsday .item .pricing .old-price,.collection-kingsday .item .savings{color:#fff}.collection-kingsday .header-top-bar{background-color:#fc9b26}.collection-kingsday .footer-container,.collection-kingsday .footer-mobile .footer-mobile-top{background-color:#3656e4!important}.collection-kingsday .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #90a2f0}.collection-kingsday .footer-primary .footer-line{border-top:1px solid #3656e4!important}.collection-kingsday .main-container,.collection-kingsday .main-container .inner-container{background:#e83b01}.collection-kingsday .quote-block .left{padding-top:15px}.collection-kingsday .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-kingsday .quote-block .block-center img{width:100%}}.collection-kingsday .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-kingsday .text-quote a{color:#000;text-decoration:underline}.collection-kingsday .text-quote.white,.collection-kingsday .text-quote.white a{color:#fff}.collection-pronews .breadcrumbs{display:none}.collection-pronews .main{background:#000;padding-bottom:0}.collection-pronews .col-main{padding:0 0 25px!important}.collection-pronews h1{margin-bottom:0}.collection-pronews .block-products{margin-top:0}.collection-pronews .block-products h2{color:#fe007c;font-size:24px}.collection-pronews .block-product__colors h2{color:#fe007c}.collection-pronews .item .color-name a{color:#000;text-decoration:none}.collection-pronews .item .color-name a:hover{color:#000;text-decoration:underline}.collection-pronews .item .pricing .price{color:#5db53f}.collection-pronews .item .pricing .old-price,.collection-pronews .item .savings{color:#000}.collection-pronews .header-top-bar{background-color:#000}.collection-pronews .footer-container,.collection-pronews .footer-mobile .footer-mobile-top{background-color:#6eafc6!important}.collection-pronews .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #b7d7e3}.collection-pronews .footer-primary .footer-line{border-top:1px solid #6eafc6!important}.collection-pronews .main-container,.collection-pronews .main-container .inner-container{background:#edeff0}.collection-pronews .quote-block .left{padding-top:15px}.collection-pronews .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-pronews .quote-block .block-center img{width:100%}}.collection-pronews .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-pronews .text-quote a{color:#000;text-decoration:underline}.collection-pronews .text-quote.white,.collection-pronews .text-quote.white a{color:#fff}.collection-vintagechic .breadcrumbs{display:none}.collection-vintagechic .main{background:#000;padding-bottom:0}.collection-vintagechic .col-main{padding:0 0 25px!important}.collection-vintagechic h1{margin-bottom:0}.collection-vintagechic .block-products{margin-top:0}.collection-vintagechic .block-products h2{color:#fe007c;font-size:24px}.collection-vintagechic .block-product__colors h2{color:#fe007c}.collection-vintagechic .item .color-name a{color:#000;text-decoration:none}.collection-vintagechic .item .color-name a:hover{color:#000;text-decoration:underline}.collection-vintagechic .item .pricing .price{color:#5db53f}.collection-vintagechic .item .pricing .old-price,.collection-vintagechic .item .savings{color:#000}.collection-vintagechic .header-top-bar{background-color:#ef7d7b}.collection-vintagechic .footer-container,.collection-vintagechic .footer-mobile .footer-mobile-top{background-color:#ef7d7b!important}.collection-vintagechic .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #fad7d6}.collection-vintagechic .footer-primary .footer-line{border-top:1px solid #ef7d7b!important}.collection-vintagechic .main-container,.collection-vintagechic .main-container .inner-container{background:#b3ddd8}.collection-vintagechic .quote-block .left{padding-top:15px}.collection-vintagechic .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-vintagechic .quote-block .block-center img{width:100%}}.collection-vintagechic .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-vintagechic .text-quote a{color:#000;text-decoration:underline}.collection-vintagechic .text-quote.white,.collection-vintagechic .text-quote.white a{color:#fff}.collection-nagellakdag .breadcrumbs{display:none}.collection-nagellakdag .main{background:#000;padding-bottom:0}.collection-nagellakdag .col-main{padding:0 0 25px!important}.collection-nagellakdag h1{margin-bottom:0}.collection-nagellakdag .block-products{margin-top:0}.collection-nagellakdag .block-products h2{color:#fe007c;font-size:24px}.collection-nagellakdag .block-product__colors h2{color:#fe007c}.collection-nagellakdag .item .color-name a{color:#000;text-decoration:none}.collection-nagellakdag .item .color-name a:hover{color:#000;text-decoration:underline}.collection-nagellakdag .item .pricing .price{color:#5db53f}.collection-nagellakdag .item .pricing .old-price,.collection-nagellakdag .item .savings{color:#000}.collection-nagellakdag .header-top-bar{background-color:#32b19e}.collection-nagellakdag .footer-container,.collection-nagellakdag .footer-mobile .footer-mobile-top{background-color:#32b19e!important}.collection-nagellakdag .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #72d7c8}.collection-nagellakdag .footer-primary .footer-line{border-top:1px solid #32b19e!important}.collection-nagellakdag .main-container,.collection-nagellakdag .main-container .inner-container{background:#f92b5c}.collection-nagellakdag .quote-block .left{padding-top:15px}.collection-nagellakdag .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-nagellakdag .quote-block .block-center img{width:100%}}.collection-nagellakdag .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-nagellakdag .text-quote a{color:#000;text-decoration:underline}.collection-nagellakdag .text-quote.white,.collection-nagellakdag .text-quote.white a{color:#fff}.collection-klm .breadcrumbs{display:none}.collection-klm .main{background:#000;padding-bottom:0}.collection-klm .col-main{padding:0 0 25px!important}.collection-klm h1{margin-bottom:0}.collection-klm .block-products{margin-top:0}.collection-klm .block-products h2{color:#fe007c;font-size:24px}.collection-klm .block-product__colors h2{color:#fe007c}.collection-klm .item .color-name a{color:#000;text-decoration:none}.collection-klm .item .color-name a:hover{color:#000;text-decoration:underline}.collection-klm .item .pricing .price{color:#5db53f}.collection-klm .item .pricing .old-price,.collection-klm .item .savings{color:#000}.collection-klm .header-top-bar{background-color:#00a1de}.collection-klm .footer-container,.collection-klm .footer-mobile .footer-mobile-top{background-color:#00a1de!important}.collection-klm .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #45ccff}.collection-klm .footer-primary .footer-line{border-top:1px solid #00a1de!important}.collection-klm .main-container,.collection-klm .main-container .inner-container{background:#95defb}.collection-klm .quote-block .left{padding-top:15px}.collection-klm .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-klm .quote-block .block-center img{width:100%}}.collection-klm .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-klm .text-quote a{color:#000;text-decoration:underline}.collection-klm .text-quote.white,.collection-klm .text-quote.white a{color:#fff}.collection-sunshinetrend .breadcrumbs{display:none}.collection-sunshinetrend .main{background:#000;padding-bottom:0}.collection-sunshinetrend .col-main{padding:0 0 25px!important}.collection-sunshinetrend h1{margin-bottom:0}.collection-sunshinetrend .block-products{margin-top:0}.collection-sunshinetrend .block-products h2{color:#fe007c;font-size:24px}.collection-sunshinetrend .block-product__colors h2{color:#fe007c}.collection-sunshinetrend .item .color-name a{color:#fff;text-decoration:none}.collection-sunshinetrend .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-sunshinetrend .item .pricing .price{color:#5db53f}.collection-sunshinetrend .item .pricing .old-price,.collection-sunshinetrend .item .savings{color:#fff}.collection-sunshinetrend .header-top-bar{background-color:#be96af}.collection-sunshinetrend .footer-container,.collection-sunshinetrend .footer-mobile .footer-mobile-top{background-color:#be96af!important}.collection-sunshinetrend .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #e5d5df}.collection-sunshinetrend .footer-primary .footer-line{border-top:1px solid #be96af!important}.collection-sunshinetrend .main-container,.collection-sunshinetrend .main-container .inner-container{background:#1a8f8e}.collection-sunshinetrend .quote-block .left{padding-top:15px}.collection-sunshinetrend .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-sunshinetrend .quote-block .block-center img{width:100%}}.collection-sunshinetrend .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-sunshinetrend .text-quote a{color:#000;text-decoration:underline}.collection-sunshinetrend .text-quote.white,.collection-sunshinetrend .text-quote.white a{color:#fff}.collection-rodeduivels .breadcrumbs{display:none}.collection-rodeduivels .main{background:#000;padding-bottom:0}.collection-rodeduivels .col-main{padding:0 0 25px!important}.collection-rodeduivels h1{margin-bottom:0}.collection-rodeduivels .block-products{margin-top:0}.collection-rodeduivels .block-products h2{color:#fe007c;font-size:24px}.collection-rodeduivels .block-product__colors h2{color:#fe007c}.collection-rodeduivels .item .color-name a{color:#fff;text-decoration:none}.collection-rodeduivels .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-rodeduivels .item .pricing .price{color:#5db53f}.collection-rodeduivels .item .pricing .old-price,.collection-rodeduivels .item .savings{color:#fff}.collection-rodeduivels .header-top-bar{background-color:#f7d323}.collection-rodeduivels .footer-container,.collection-rodeduivels .footer-mobile .footer-mobile-top{background-color:#f7d323!important}.collection-rodeduivels .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #fbe785}.collection-rodeduivels .footer-primary .footer-line{border-top:1px solid #f7d323!important}.collection-rodeduivels .main-container,.collection-rodeduivels .main-container .inner-container{background:#390100}.collection-rodeduivels .quote-block .left{padding-top:15px}.collection-rodeduivels .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-rodeduivels .quote-block .block-center img{width:100%}}.collection-rodeduivels .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-rodeduivels .text-quote a{color:#000;text-decoration:underline}.collection-rodeduivels .text-quote.white,.collection-rodeduivels .text-quote.white a{color:#fff}.collection-lipstickday .breadcrumbs{display:none}.collection-lipstickday .main{background:#000;padding-bottom:0}.collection-lipstickday .col-main{padding:0 0 25px!important}.collection-lipstickday h1{margin-bottom:0}.collection-lipstickday .block-products{margin-top:0}.collection-lipstickday .block-products h2{color:#fe007c;font-size:24px}.collection-lipstickday .block-product__colors h2{color:#fe007c}.collection-lipstickday .item .color-name a{color:#fff;text-decoration:none}.collection-lipstickday .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-lipstickday .item .pricing .price{color:#5db53f}.collection-lipstickday .item .pricing .old-price,.collection-lipstickday .item .savings{color:#fff}.collection-lipstickday .header-top-bar{background-color:#cc0064}.collection-lipstickday .footer-container,.collection-lipstickday .footer-mobile .footer-mobile-top{background-color:#cc0064!important}.collection-lipstickday .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #ff3397}.collection-lipstickday .footer-primary .footer-line{border-top:1px solid #cc0064!important}.collection-lipstickday .main-container,.collection-lipstickday .main-container .inner-container{background:#fe007c}.collection-lipstickday .quote-block .left{padding-top:15px}.collection-lipstickday .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-lipstickday .quote-block .block-center img{width:100%}}.collection-lipstickday .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-lipstickday .text-quote a{color:#000;text-decoration:underline}.collection-lipstickday .text-quote.white,.collection-lipstickday .text-quote.white a{color:#fff}.collection-tropicalisland .breadcrumbs{display:none}.collection-tropicalisland .main{background:#000;padding-bottom:0}.collection-tropicalisland .col-main{padding:0 0 25px!important}.collection-tropicalisland h1{margin-bottom:0}.collection-tropicalisland .block-products{margin-top:0}.collection-tropicalisland .block-products h2{color:#fe007c;font-size:24px}.collection-tropicalisland .block-product__colors h2{color:#fe007c}.collection-tropicalisland .item .color-name a{color:#fff;text-decoration:none}.collection-tropicalisland .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-tropicalisland .item .pricing .price{color:#5db53f}.collection-tropicalisland .item .pricing .old-price,.collection-tropicalisland .item .savings{color:#fff}.collection-tropicalisland .header-top-bar{background-color:#93419d}.collection-tropicalisland .footer-container,.collection-tropicalisland .footer-mobile .footer-mobile-top{background-color:#93419d!important}.collection-tropicalisland .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #c07bc9}.collection-tropicalisland .footer-primary .footer-line{border-top:1px solid #93419d!important}.collection-tropicalisland .main-container,.collection-tropicalisland .main-container .inner-container{background:#ff68a4}.collection-tropicalisland .quote-block .left{padding-top:15px}.collection-tropicalisland .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-tropicalisland .quote-block .block-center img{width:100%}}.collection-tropicalisland .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-tropicalisland .text-quote a{color:#000;text-decoration:underline}.collection-tropicalisland .text-quote.white,.collection-tropicalisland .text-quote.white a{color:#fff}.collection-dressred .breadcrumbs{display:none}.collection-dressred .main{background:#000;padding-bottom:0}.collection-dressred .col-main{padding:0 0 25px!important}.collection-dressred h1{margin-bottom:0}.collection-dressred .block-products{margin-top:0}.collection-dressred .block-products h2{color:#fff;font-size:24px}.collection-dressred .block-product__colors h2{color:#fff}.collection-dressred .item .color-name a{color:#fff;text-decoration:none}.collection-dressred .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-dressred .item .pricing .price{color:#5db53f}.collection-dressred .item .pricing .old-price,.collection-dressred .item .savings{color:#fff}.collection-dressred .header-top-bar{background-color:#a93035}.collection-dressred .footer-container,.collection-dressred .footer-mobile .footer-mobile-top{background-color:#a93035!important}.collection-dressred .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #d56a6f}.collection-dressred .footer-primary .footer-line{border-top:1px solid #a93035!important}.collection-dressred .main-container,.collection-dressred .main-container .inner-container{background:#92bdce}.collection-dressred .quote-block .left{padding-top:15px}.collection-dressred .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-dressred .quote-block .block-center img{width:100%}}.collection-dressred .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-dressred .text-quote a{color:#000;text-decoration:underline}.collection-dressred .text-quote.white,.collection-dressred .text-quote.white a{color:#fff}.collection-halloween .breadcrumbs{display:none}.collection-halloween .main{background:#000;padding-bottom:0}.collection-halloween .col-main{padding:0 0 25px!important}.collection-halloween h1{margin-bottom:0}.collection-halloween .block-products{margin-top:0}.collection-halloween .block-products h2{color:#fff;font-size:24px}.collection-halloween .block-product__colors h2{color:#fff}.collection-halloween .item .color-name a{color:#fff;text-decoration:none}.collection-halloween .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-halloween .item .pricing .price{color:#5db53f}.collection-halloween .item .pricing .old-price,.collection-halloween .item .savings{color:#fff}.collection-halloween .header-top-bar{background-color:#e71300}.collection-halloween .footer-container,.collection-halloween .footer-mobile .footer-mobile-top{background-color:#e71300!important}.collection-halloween .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #ff5d4e}.collection-halloween .footer-primary .footer-line{border-top:1px solid #e71300!important}.collection-halloween .main-container,.collection-halloween .main-container .inner-container{background:#2f271c}.collection-halloween .quote-block .left{padding-top:15px}.collection-halloween .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-halloween .quote-block .block-center img{width:100%}}.collection-halloween .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-halloween .text-quote a{color:#000;text-decoration:underline}.collection-halloween .text-quote.white,.collection-halloween .text-quote.white a{color:#fff}.collection-blackfriday .breadcrumbs{display:none}.collection-blackfriday .main{background:#000;padding-bottom:0}.collection-blackfriday .col-main{padding:0 0 25px!important}.collection-blackfriday h1{margin-bottom:0}.collection-blackfriday .block-products{margin-top:0}.collection-blackfriday .block-products h2{color:#fff;font-size:24px}.collection-blackfriday .block-product__colors h2{color:#fff}.collection-blackfriday .item .color-name a{color:#fff;text-decoration:none}.collection-blackfriday .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-blackfriday .item .pricing .price{color:#5db53f}.collection-blackfriday .item .pricing .old-price,.collection-blackfriday .item .savings{color:#fff}.collection-blackfriday .header-top-bar{background-color:#0f0909}.collection-blackfriday .footer-container,.collection-blackfriday .footer-mobile .footer-mobile-top{background-color:#0f0909!important}.collection-blackfriday .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #4f2f2f}.collection-blackfriday .footer-primary .footer-line{border-top:1px solid #0f0909!important}.collection-blackfriday .main-container,.collection-blackfriday .main-container .inner-container{background:#0f0909}.collection-blackfriday .quote-block .left{padding-top:15px}.collection-blackfriday .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-blackfriday .quote-block .block-center img{width:100%}}.collection-blackfriday .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-blackfriday .text-quote a{color:#000;text-decoration:underline}.collection-blackfriday .text-quote.white,.collection-blackfriday .text-quote.white a{color:#fff}.collection-christmas .breadcrumbs{display:none}.collection-christmas .main{background:#000;padding-bottom:0}.collection-christmas .col-main{padding:0 0 25px!important}.collection-christmas h1{margin-bottom:0}.collection-christmas .block-products{margin-top:0}.collection-christmas .block-products h2{color:#fff;font-size:24px}.collection-christmas .block-product__colors h2{color:#fff}.collection-christmas .item .color-name a{color:#fff;text-decoration:none}.collection-christmas .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-christmas .item .pricing .price{color:#5db53f}.collection-christmas .item .pricing .old-price,.collection-christmas .item .savings{color:#fff}.collection-christmas .header-top-bar{background-color:#606f84}.collection-christmas .footer-container,.collection-christmas .footer-mobile .footer-mobile-top{background-color:#606f84!important}.collection-christmas .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #97a3b3}.collection-christmas .footer-primary .footer-line{border-top:1px solid #606f84!important}.collection-christmas .main-container,.collection-christmas .main-container .inner-container{background:#0d0f1e}.collection-christmas .quote-block .left{padding-top:15px}.collection-christmas .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-christmas .quote-block .block-center img{width:100%}}.collection-christmas .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-christmas .text-quote a{color:#000;text-decoration:underline}.collection-christmas .text-quote.white,.collection-christmas .text-quote.white a{color:#fff}.collection-bluemonday .breadcrumbs{display:none}.collection-bluemonday .main{background:#000;padding-bottom:0}.collection-bluemonday .col-main{padding:0 0 25px!important}.collection-bluemonday h1{margin-bottom:0}.collection-bluemonday .block-products{margin-top:0}.collection-bluemonday .block-products h2{color:#fff;font-size:24px}.collection-bluemonday .block-product__colors h2{color:#fff}.collection-bluemonday .item .color-name a{color:#fff;text-decoration:none}.collection-bluemonday .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-bluemonday .item .pricing .price{color:#5db53f}.collection-bluemonday .item .pricing .old-price,.collection-bluemonday .item .savings{color:#fff}.collection-bluemonday .header-top-bar{background-color:#02879a}.collection-bluemonday .footer-container,.collection-bluemonday .footer-mobile .footer-mobile-top{background-color:#02879a!important}.collection-bluemonday .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #06ddfc}.collection-bluemonday .footer-primary .footer-line{border-top:1px solid #02879a!important}.collection-bluemonday .main-container,.collection-bluemonday .main-container .inner-container{background:#003a48}.collection-bluemonday .quote-block .left{padding-top:15px}.collection-bluemonday .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collection-bluemonday .quote-block .block-center img{width:100%}}.collection-bluemonday .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collection-bluemonday .text-quote a{color:#000;text-decoration:underline}.collection-bluemonday .text-quote.white,.collection-bluemonday .text-quote.white a{color:#fff}.product-collections-slider{overflow:hidden;margin:15px 0}.product-collections-slider img{display:block;width:100%;height:auto}.product-collections-slider .owl-dots{margin-top:10px}.product-collections-slider .owl-dots .owl-dot span{background:#b58295}.product-collections-slider .owl-dots .owl-dot .active span{background:#fe007c!important}.collection__reviews img{width:100%;margin-bottom:15px}.hex-grid .hexagon-item:nth-child(3n+2){margin-top:25%;margin-bottom:-12%}.hex-grid .hexagon-item .hexagon-wrapper{width:235px;height:235px;text-align:center;position:relative;margin:0 auto}@media (min-width:980px){.hex-grid .hexagon-item .hexagon-wrapper{width:300px;height:300px}}.hex-grid .hexagon-item .hexagon-wrapper .hexagon{height:100%;width:57.735%;display:inline-block;background-color:#fff}.hex-grid .hexagon-item .hexagon-wrapper .hexagon .inner{position:relative;height:100%;z-index:999}.hex-grid .hexagon-item .hexagon-wrapper .hexagon .product-image{width:350px;margin-top:-22px;margin-left:-89px;max-width:inherit}@media (max-width:980px){.hex-grid .hexagon-item .hexagon-wrapper .hexagon .product-image{width:275px;margin-top:-18px;margin-left:-70px}}.hex-grid .hexagon-item .hexagon-wrapper .hexagon:before{transform:rotate(60deg)}.hex-grid .hexagon-item .hexagon-wrapper .hexagon:after,.hex-grid .hexagon-item .hexagon-wrapper .hexagon:before{z-index:1;position:absolute;top:0;right:21.1325%;background-color:inherit;height:inherit;width:inherit;content:""}.hex-grid .hexagon-item .hexagon-wrapper .hexagon:after{transform:rotate(-60deg)}.collectionv3-fantasy .breadcrumbs{display:none}.collectionv3-fantasy .main{background:none;padding-bottom:0}.collectionv3-fantasy .col-main{padding:0 0 25px!important}.collectionv3-fantasy .pink-heading:after,.collectionv3-fantasy .pink-heading:before{background-color:#0b0833}.collectionv3-fantasy h1{margin-bottom:0}.collectionv3-fantasy .block-products{margin-top:0}.collectionv3-fantasy .block-products h2{color:#eee;font-size:24px}.collectionv3-fantasy .hexagon-item .product-name{color:#eee;text-decoration:none}.collectionv3-fantasy .hexagon-item .product-name:hover{color:#eee;text-decoration:underline}.collectionv3-fantasy .hexagon-item .pricing{margin-top:-5px}.collectionv3-fantasy .hexagon-item .pricing .price{color:#5db53f}.collectionv3-fantasy .hexagon-item .pricing .old-price{color:#eee;margin-right:15px}.collectionv3-fantasy .hexagon-item .savings{padding-top:10px;color:#eee}.collectionv3-fantasy .quote-block .text-quote{max-width:100%}.collectionv3-fantasy .header-top-bar{background-color:#0b0833}.collectionv3-fantasy .footer-container,.collectionv3-fantasy .footer-mobile .footer-mobile-top{background-color:#0b0833!important}.collectionv3-fantasy .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #1e168b}.collectionv3-fantasy .footer-primary .footer-line{border-top:1px solid #0b0833!important}.collectionv3-fantasy .full-width-image{margin-bottom:25px}.collectionv3-fantasy .full-width-image img{width:100%}.collectionv3-fantasy .main-container{background-color:#b32c7e}.collectionv3-fantasy .main-container .main{background:none}.collectionv3-fantasy .quote-block .left{padding-top:15px}.collectionv3-fantasy .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collectionv3-fantasy .quote-block .block-center img{width:100%}}.collectionv3-fantasy .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collectionv3-fantasy .text-quote a{color:#000;text-decoration:underline}.collectionv3-fantasy .text-quote.white,.collectionv3-fantasy .text-quote.white a{color:#fff}.collectionv3-lollypop .breadcrumbs{display:none}.collectionv3-lollypop .main{background:none;padding-bottom:0}.collectionv3-lollypop .col-main{padding:0 0 25px!important}.collectionv3-lollypop .pink-heading:after,.collectionv3-lollypop .pink-heading:before{background-color:#ddb7d7}.collectionv3-lollypop h1{margin-bottom:0}.collectionv3-lollypop .block-products{margin-top:0}.collectionv3-lollypop .block-products h2{color:#666;font-size:24px}.collectionv3-lollypop .hexagon-item .product-name{color:#666;text-decoration:none}.collectionv3-lollypop .hexagon-item .product-name:hover{color:#666;text-decoration:underline}.collectionv3-lollypop .hexagon-item .pricing{margin-top:-5px}.collectionv3-lollypop .hexagon-item .pricing .price{color:#5db53f}.collectionv3-lollypop .hexagon-item .pricing .old-price{color:#666;margin-right:15px}.collectionv3-lollypop .hexagon-item .savings{padding-top:10px;color:#666}.collectionv3-lollypop .quote-block .text-quote{max-width:100%}.collectionv3-lollypop .header-top-bar{background-color:#ddb7d7}.collectionv3-lollypop .footer-container,.collectionv3-lollypop .footer-mobile .footer-mobile-top{background-color:#ddb7d7!important}.collectionv3-lollypop .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #fefcfd}.collectionv3-lollypop .footer-primary .footer-line{border-top:1px solid #ddb7d7!important}.collectionv3-lollypop .full-width-image{margin-bottom:25px}.collectionv3-lollypop .full-width-image img{width:100%}.collectionv3-lollypop .main-container{background-color:#fdeef6}.collectionv3-lollypop .main-container .main{background:none}.collectionv3-lollypop .quote-block .left{padding-top:15px}.collectionv3-lollypop .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collectionv3-lollypop .quote-block .block-center img{width:100%}}.collectionv3-lollypop .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collectionv3-lollypop .text-quote a{color:#000;text-decoration:underline}.collectionv3-lollypop .text-quote.white,.collectionv3-lollypop .text-quote.white a{color:#fff}.collectionv3-miamivibe .breadcrumbs{display:none}.collectionv3-miamivibe .main{background:none;padding-bottom:0}.collectionv3-miamivibe .col-main{padding:0 0 25px!important}.collectionv3-miamivibe .pink-heading:after,.collectionv3-miamivibe .pink-heading:before{background-color:#f08791}.collectionv3-miamivibe h1{margin-bottom:0}.collectionv3-miamivibe .block-products{margin-top:0}.collectionv3-miamivibe .block-products h2{color:#fff;font-size:24px}.collectionv3-miamivibe .hexagon-item .product-name{color:#fff;text-decoration:none}.collectionv3-miamivibe .hexagon-item .product-name:hover{color:#fff;text-decoration:underline}.collectionv3-miamivibe .hexagon-item .pricing{margin-top:-5px}.collectionv3-miamivibe .hexagon-item .pricing .price{color:#5db53f}.collectionv3-miamivibe .hexagon-item .pricing .old-price{color:#fff;margin-right:15px}.collectionv3-miamivibe .hexagon-item .savings{padding-top:10px;color:#fff}.collectionv3-miamivibe .quote-block .text-quote{max-width:100%}.collectionv3-miamivibe .header-top-bar{background-color:#f08791}.collectionv3-miamivibe .footer-container,.collectionv3-miamivibe .footer-mobile .footer-mobile-top{background-color:#f08791!important}.collectionv3-miamivibe .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #fbe2e4}.collectionv3-miamivibe .footer-primary .footer-line{border-top:1px solid #f08791!important}.collectionv3-miamivibe .full-width-image{margin-bottom:25px}.collectionv3-miamivibe .full-width-image img{width:100%}.collectionv3-miamivibe .main-container{background-color:#4995d2}.collectionv3-miamivibe .main-container .main{background:none}.collectionv3-miamivibe .quote-block .left{padding-top:15px}.collectionv3-miamivibe .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collectionv3-miamivibe .quote-block .block-center img{width:100%}}.collectionv3-miamivibe .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collectionv3-miamivibe .text-quote a{color:#000;text-decoration:underline}.collectionv3-miamivibe .text-quote.white,.collectionv3-miamivibe .text-quote.white a{color:#fff}.collectionv3-uncovered3 .breadcrumbs{display:none}.collectionv3-uncovered3 .main{background:none;padding-bottom:0}.collectionv3-uncovered3 .col-main{padding:0 0 25px!important}.collectionv3-uncovered3 .pink-heading:after,.collectionv3-uncovered3 .pink-heading:before{background-color:#583a44}.collectionv3-uncovered3 h1{margin-bottom:0}.collectionv3-uncovered3 .block-products{margin-top:0}.collectionv3-uncovered3 .block-products h2{color:#fff;font-size:24px}.collectionv3-uncovered3 .hexagon-item .product-name{color:#fff;text-decoration:none}.collectionv3-uncovered3 .hexagon-item .product-name:hover{color:#fff;text-decoration:underline}.collectionv3-uncovered3 .hexagon-item .pricing{margin-top:-5px}.collectionv3-uncovered3 .hexagon-item .pricing .price{color:#5db53f}.collectionv3-uncovered3 .hexagon-item .pricing .old-price{color:#fff;margin-right:15px}.collectionv3-uncovered3 .hexagon-item .savings{padding-top:10px;color:#fff}.collectionv3-uncovered3 .quote-block .text-quote{max-width:100%}.collectionv3-uncovered3 .header-top-bar{background-color:#583a44}.collectionv3-uncovered3 .footer-container,.collectionv3-uncovered3 .footer-mobile .footer-mobile-top{background-color:#583a44!important}.collectionv3-uncovered3 .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #956374}.collectionv3-uncovered3 .footer-primary .footer-line{border-top:1px solid #583a44!important}.collectionv3-uncovered3 .full-width-image{margin-bottom:25px}.collectionv3-uncovered3 .full-width-image img{width:100%}.collectionv3-uncovered3 .main-container{background-color:#b17d87}.collectionv3-uncovered3 .main-container .main{background:none}.collectionv3-uncovered3 .quote-block .left{padding-top:15px}.collectionv3-uncovered3 .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collectionv3-uncovered3 .quote-block .block-center img{width:100%}}.collectionv3-uncovered3 .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collectionv3-uncovered3 .text-quote a{color:#000;text-decoration:underline}.collectionv3-uncovered3 .text-quote.white,.collectionv3-uncovered3 .text-quote.white a{color:#fff}.collectionv3-uncovered5 .breadcrumbs{display:none}.collectionv3-uncovered5 .main{background:none;padding-bottom:0}.collectionv3-uncovered5 .col-main{padding:0 0 25px!important}.collectionv3-uncovered5 .pink-heading:after,.collectionv3-uncovered5 .pink-heading:before{background-color:#ceb2c9}.collectionv3-uncovered5 h1{margin-bottom:0}.collectionv3-uncovered5 .block-products{margin-top:0}.collectionv3-uncovered5 .block-products h2{color:#fff;font-size:24px}.collectionv3-uncovered5 .hexagon-item .product-name{color:#fff;text-decoration:none}.collectionv3-uncovered5 .hexagon-item .product-name:hover{color:#fff;text-decoration:underline}.collectionv3-uncovered5 .hexagon-item .pricing{margin-top:-5px}.collectionv3-uncovered5 .hexagon-item .pricing .price{color:#5db53f}.collectionv3-uncovered5 .hexagon-item .pricing .old-price{color:#fff;margin-right:15px}.collectionv3-uncovered5 .hexagon-item .savings{padding-top:10px;color:#fff}.collectionv3-uncovered5 .quote-block .text-quote{max-width:100%}.collectionv3-uncovered5 .header-top-bar{background-color:#ceb2c9}.collectionv3-uncovered5 .footer-container,.collectionv3-uncovered5 .footer-mobile .footer-mobile-top{background-color:#ceb2c9!important}.collectionv3-uncovered5 .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #f6f0f5}.collectionv3-uncovered5 .footer-primary .footer-line{border-top:1px solid #ceb2c9!important}.collectionv3-uncovered5 .full-width-image{margin-bottom:25px}.collectionv3-uncovered5 .full-width-image img{width:100%}.collectionv3-uncovered5 .main-container{background-color:#8a7378}.collectionv3-uncovered5 .main-container .main{background:none}.collectionv3-uncovered5 .quote-block .left{padding-top:15px}.collectionv3-uncovered5 .quote-block .block-center img{max-width:375px}@media (max-width:480px){.collectionv3-uncovered5 .quote-block .block-center img{width:100%}}.collectionv3-uncovered5 .text-quote{color:#000;font:500 1.1em/1.38 Open Sans;max-width:350px;line-height:23px;margin:0 auto}.collectionv3-uncovered5 .text-quote a{color:#000;text-decoration:underline}.collectionv3-uncovered5 .text-quote.white,.collectionv3-uncovered5 .text-quote.white a{color:#fff}.collection-banner{padding:181px 0;line-height:22px;font-size:15px;height:100%;color:#fff;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-bottom:100px}@media (max-width:768px){.collection-banner{padding:113px 0}}@media (max-width:480px){.collection-banner{padding:60px 0}}@media (max-width:320px){.collection-banner{padding:50px 0}}.hex-grid{overflow:hidden;padding:0 15px;margin-bottom:50px}.hex-grid .hexagon-item{text-align:center}@media (max-width:980px){.hex-grid .hexagon-item{margin-bottom:50px}}.hex-grid .hexagon-item:nth-child(3n+2){margin-top:10%;margin-bottom:3%}@media (max-width:980px){.hex-grid .hexagon-item:nth-child(3n+2){margin:0 0 50px}}.hex-grid .hexagon-item:nth-child(3n+4){clear:left}@media (max-width:980px){.hex-grid .hexagon-item:nth-child(3n+4){clear:none}}@media (max-width:980px){.hex-grid .hexagon-item.empty{display:none}}.hex-grid .hexagon-item .inner img{border-radius:50%}.hex-grid .product-name{display:block;margin-top:8px}.hex-grid .price-box{display:block;margin-top:15px;font-size:17px}.hex-grid .price-box .price{color:#33ad03}.hex-grid .price-box .old-price{text-decoration:line-through}.hex-grid .actions{display:inline-block;margin-top:20px;text-align:center}.hex-grid .actions .btn-add-to-cart-small .icon-cart{display:inline-block;background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/cart-top.png);background-size:18px 18px;width:18px;height:18px;margin:8px 0 0}.hex-grid .actions .btn-add-to-cart-small .plus{vertical-align:top;font-size:16px}.hex-grid .actions .btn-add-to-cart-small .icon-check{width:18px;height:18px;vertical-align:middle;margin-top:-7px}.hex-grid .actions .btn-add-to-cart-small.success{background-color:#fe007c!important;border:2px solid #cb0063}.hex-grid .actions .btn-cart-sml{background:url(https://pinkgellac.nl/skin/frontend/ultimo/pinkgellac/images/bestellen_small.png);width:76px;height:30px;border:none;display:block;margin:4px auto 0}.hex-grid .actions .btn-add-to-cart-small.out-of-stock{background-color:#eee;border:1px solid #666;color:#666}.hex-grid .actions .btn-add-to-cart-small.out-of-stock .icon-cart{background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/cart-top-dark.png)}.full-width-image{text-align:center;font-weight:700;margin:0 -100%;margin:0 calc(50% - 50vw);margin-bottom:100px}@media (max-width:768px){.full-width-image{margin-bottom:25px}}.collection-blue .breadcrumbs{display:none}.collection-blue .main{background:#000;padding-bottom:0}.collection-blue .col-main{padding:0!important;margin-bottom:0}.collection-blue h1{margin-bottom:0}.collection-blue .block-products{margin-top:0}.collection-blue .block-products h2{color:#fff;font-size:24px}.collection-blue .block-product__colors h2{color:#fff}.collection-blue .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Colour_page_blue_2560_500.jpg) no-repeat;background-size:cover}@media (max-width:480px){.collection-blue .block-product__colors-text{text-align:center}}.collection-blue .item .color-name a{color:#fff;text-decoration:none}.collection-blue .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-blue .item .pricing .price{color:#5db53f}.collection-blue .item .pricing .old-price,.collection-blue .item .savings{color:#fff}.collection-blue .header-top-bar{background-color:#064550}.collection-blue .footer-container,.collection-blue .footer-mobile .footer-mobile-top{background-color:#064550!important}.collection-blue .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #0d97af}.collection-blue .footer-primary .footer-line{border-top:1px solid #064550!important}.collection-blue .main-container,.collection-blue .main-container .inner-container{background:#bedbdd}.collection-blue .full-width-image{margin-bottom:25px}.collection-blue .full-width-image img{width:100%}.collection-brown .breadcrumbs{display:none}.collection-brown .main{background:#000;padding-bottom:0}.collection-brown .col-main{padding:0!important;margin-bottom:0}.collection-brown h1{margin-bottom:0}.collection-brown .block-products{margin-top:0}.collection-brown .block-products h2{color:#fff;font-size:24px}.collection-brown .block-product__colors h2{color:#fff}.collection-brown .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Colour_page_brown_2560_500.jpg) no-repeat;background-size:cover}@media (max-width:480px){.collection-brown .block-product__colors-text{text-align:center}}.collection-brown .item .color-name a{color:#fff;text-decoration:none}.collection-brown .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-brown .item .pricing .price{color:#5db53f}.collection-brown .item .pricing .old-price,.collection-brown .item .savings{color:#fff}.collection-brown .header-top-bar{background-color:#661713}.collection-brown .footer-container,.collection-brown .footer-mobile .footer-mobile-top{background-color:#661713!important}.collection-brown .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #bc2a23}.collection-brown .footer-primary .footer-line{border-top:1px solid #661713!important}.collection-brown .main-container,.collection-brown .main-container .inner-container{background:#552d2b}.collection-brown .full-width-image{margin-bottom:25px}.collection-brown .full-width-image img{width:100%}.collection-yellow .breadcrumbs{display:none}.collection-yellow .main{background:#000;padding-bottom:0}.collection-yellow .col-main{padding:0!important;margin-bottom:0}.collection-yellow h1{margin-bottom:0}.collection-yellow .block-products{margin-top:0}.collection-yellow .block-products h2{color:#fff;font-size:24px}.collection-yellow .block-product__colors h2{color:#fff}.collection-yellow .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Colour_page_yellow_2560_500.jpg) no-repeat;background-size:cover}@media (max-width:480px){.collection-yellow .block-product__colors-text{text-align:center}}.collection-yellow .item .color-name a{color:#fff;text-decoration:none}.collection-yellow .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-yellow .item .pricing .price{color:#5db53f}.collection-yellow .item .pricing .old-price,.collection-yellow .item .savings{color:#fff}.collection-yellow .header-top-bar{background-color:#333}.collection-yellow .footer-container,.collection-yellow .footer-mobile .footer-mobile-top{background-color:#333!important}.collection-yellow .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #666}.collection-yellow .footer-primary .footer-line{border-top:1px solid #333!important}.collection-yellow .main-container,.collection-yellow .main-container .inner-container{background:#e3d071}.collection-yellow .full-width-image{margin-bottom:25px}.collection-yellow .full-width-image img{width:100%}.collection-glitter .breadcrumbs{display:none}.collection-glitter .main{background:#000;padding-bottom:0}.collection-glitter .col-main{padding:0!important;margin-bottom:0}.collection-glitter h1{margin-bottom:0}.collection-glitter .block-products{margin-top:0}.collection-glitter .block-products h2{color:#fff;font-size:24px}.collection-glitter .block-product__colors h2{color:#fff}.collection-glitter .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Colour_page_glitter_2560_500.jpg) no-repeat;background-size:cover}@media (max-width:480px){.collection-glitter .block-product__colors-text{text-align:center}}.collection-glitter .item .color-name a{color:#fff;text-decoration:none}.collection-glitter .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-glitter .item .pricing .price{color:#5db53f}.collection-glitter .item .pricing .old-price,.collection-glitter .item .savings{color:#fff}.collection-glitter .header-top-bar{background-color:#71385d}.collection-glitter .footer-container,.collection-glitter .footer-mobile .footer-mobile-top{background-color:#71385d!important}.collection-glitter .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #b05f94}.collection-glitter .footer-primary .footer-line{border-top:1px solid #71385d!important}.collection-glitter .main-container,.collection-glitter .main-container .inner-container{background:#d05c69}.collection-glitter .full-width-image{margin-bottom:25px}.collection-glitter .full-width-image img{width:100%}.collection-gold .breadcrumbs{display:none}.collection-gold .main{background:#000;padding-bottom:0}.collection-gold .col-main{padding:0!important;margin-bottom:0}.collection-gold h1{margin-bottom:0}.collection-gold .block-products{margin-top:0}.collection-gold .block-products h2{color:#fff;font-size:24px}.collection-gold .block-product__colors h2{color:#fff}.collection-gold .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Colour_page_golden_2560_500.jpg) no-repeat;background-size:cover}@media (max-width:480px){.collection-gold .block-product__colors-text{text-align:center}}.collection-gold .item .color-name a{color:#fff;text-decoration:none}.collection-gold .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-gold .item .pricing .price{color:#5db53f}.collection-gold .item .pricing .old-price,.collection-gold .item .savings{color:#fff}.collection-gold .header-top-bar{background-color:#755a3b}.collection-gold .footer-container,.collection-gold .footer-mobile .footer-mobile-top{background-color:#755a3b!important}.collection-gold .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #b18e65}.collection-gold .footer-primary .footer-line{border-top:1px solid #755a3b!important}.collection-gold .main-container,.collection-gold .main-container .inner-container{background:#c7ad84}.collection-gold .full-width-image{margin-bottom:25px}.collection-gold .full-width-image img{width:100%}.collection-grey .breadcrumbs{display:none}.collection-grey .main{background:#000;padding-bottom:0}.collection-grey .col-main{padding:0!important;margin-bottom:0}.collection-grey h1{margin-bottom:0}.collection-grey .block-products{margin-top:0}.collection-grey .block-products h2{color:#fff;font-size:24px}.collection-grey .block-product__colors h2{color:#fff}.collection-grey .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Colour_page_grey_2560_500.jpg) no-repeat;background-size:cover}@media (max-width:480px){.collection-grey .block-product__colors-text{text-align:center}}.collection-grey .item .color-name a{color:#fff;text-decoration:none}.collection-grey .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-grey .item .pricing .price{color:#5db53f}.collection-grey .item .pricing .old-price,.collection-grey .item .savings{color:#fff}.collection-grey .header-top-bar{background-color:#37383c}.collection-grey .footer-container,.collection-grey .footer-mobile .footer-mobile-top{background-color:#37383c!important}.collection-grey .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #686a71}.collection-grey .footer-primary .footer-line{border-top:1px solid #37383c!important}.collection-grey .main-container,.collection-grey .main-container .inner-container{background:#747374}.collection-grey .full-width-image{margin-bottom:25px}.collection-grey .full-width-image img{width:100%}.collection-green .breadcrumbs{display:none}.collection-green .main{background:#000;padding-bottom:0}.collection-green .col-main{padding:0!important;margin-bottom:0}.collection-green h1{margin-bottom:0}.collection-green .block-products{margin-top:0}.collection-green .block-products h2{color:#fff;font-size:24px}.collection-green .block-product__colors h2{color:#fff}.collection-green .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Pink_Gellac_green_colour_bottom_visual.jpg) no-repeat;background-size:cover}@media (max-width:480px){.collection-green .block-product__colors-text{text-align:center}}.collection-green .item .color-name a{color:#fff;text-decoration:none}.collection-green .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-green .item .pricing .price{color:#5db53f}.collection-green .item .pricing .old-price,.collection-green .item .savings{color:#fff}.collection-green .header-top-bar{background-color:#343a34}.collection-green .footer-container,.collection-green .footer-mobile .footer-mobile-top{background-color:#343a34!important}.collection-green .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #647064}.collection-green .footer-primary .footer-line{border-top:1px solid #343a34!important}.collection-green .main-container,.collection-green .main-container .inner-container{background:#78a36b}.collection-green .full-width-image{margin-bottom:25px}.collection-green .full-width-image img{width:100%}.collection-nude .breadcrumbs{display:none}.collection-nude .main{background:#000;padding-bottom:0}.collection-nude .col-main{padding:0!important;margin-bottom:0}.collection-nude h1{margin-bottom:0}.collection-nude .block-products{margin-top:0}.collection-nude .block-products h2{color:#fff;font-size:24px}.collection-nude .block-product__colors h2{color:#fff}.collection-nude .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Colour_page_nude_2560_500.jpg) no-repeat;background-size:cover}@media (max-width:480px){.collection-nude .block-product__colors-text{text-align:center}}.collection-nude .item .color-name a{color:#fff;text-decoration:none}.collection-nude .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-nude .item .pricing .price{color:#5db53f}.collection-nude .item .pricing .old-price,.collection-nude .item .savings{color:#fff}.collection-nude .header-top-bar{background-color:#c4877d}.collection-nude .footer-container,.collection-nude .footer-mobile .footer-mobile-top{background-color:#c4877d!important}.collection-nude .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #e4c8c3}.collection-nude .footer-primary .footer-line{border-top:1px solid #c4877d!important}.collection-nude .main-container,.collection-nude .main-container .inner-container{background:#e8bbac}.collection-nude .full-width-image{margin-bottom:25px}.collection-nude .full-width-image img{width:100%}.collection-orange .breadcrumbs{display:none}.collection-orange .main{background:#000;padding-bottom:0}.collection-orange .col-main{padding:0!important;margin-bottom:0}.collection-orange h1{margin-bottom:0}.collection-orange .block-products{margin-top:0}.collection-orange .block-products h2{color:#fff;font-size:24px}.collection-orange .block-product__colors h2{color:#fff}.collection-orange .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Colour_page_oranje_2560_500.jpg) no-repeat;background-size:cover}@media (max-width:480px){.collection-orange .block-product__colors-text{text-align:center}}.collection-orange .item .color-name a{color:#fff;text-decoration:none}.collection-orange .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-orange .item .pricing .price{color:#5db53f}.collection-orange .item .pricing .old-price,.collection-orange .item .savings{color:#fff}.collection-orange .header-top-bar{background-color:#d91c1b}.collection-orange .footer-container,.collection-orange .footer-mobile .footer-mobile-top{background-color:#d91c1b!important}.collection-orange .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #ed6e6d}.collection-orange .footer-primary .footer-line{border-top:1px solid #d91c1b!important}.collection-orange .main-container,.collection-orange .main-container .inner-container{background:#c5392c}.collection-orange .full-width-image{margin-bottom:25px}.collection-orange .full-width-image img{width:100%}.collection-purple .breadcrumbs{display:none}.collection-purple .main{background:#000;padding-bottom:0}.collection-purple .col-main{padding:0!important;margin-bottom:0}.collection-purple h1{margin-bottom:0}.collection-purple .block-products{margin-top:0}.collection-purple .block-products h2{color:#fff;font-size:24px}.collection-purple .block-product__colors h2{color:#fff}.collection-purple .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Colour_page_purple_2560_500.jpg) no-repeat;background-size:cover}@media (max-width:480px){.collection-purple .block-product__colors-text{text-align:center}}.collection-purple .item .color-name a{color:#fff;text-decoration:none}.collection-purple .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-purple .item .pricing .price{color:#5db53f}.collection-purple .item .pricing .old-price,.collection-purple .item .savings{color:#fff}.collection-purple .header-top-bar{background-color:#5c0b2f}.collection-purple .footer-container,.collection-purple .footer-mobile .footer-mobile-top{background-color:#5c0b2f!important}.collection-purple .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #b7165e}.collection-purple .footer-primary .footer-line{border-top:1px solid #5c0b2f!important}.collection-purple .main-container,.collection-purple .main-container .inner-container{background:#69518c}.collection-purple .full-width-image{margin-bottom:25px}.collection-purple .full-width-image img{width:100%}.collection-pearl .breadcrumbs{display:none}.collection-pearl .main{background:#000;padding-bottom:0}.collection-pearl .col-main{padding:0!important;margin-bottom:0}.collection-pearl h1{margin-bottom:0}.collection-pearl .block-products{margin-top:0}.collection-pearl .block-products h2{color:#fff;font-size:24px}.collection-pearl .block-product__colors h2{color:#fff}.collection-pearl .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Colour_page_pearl_2560_500.jpg) no-repeat;background-size:cover}@media (max-width:480px){.collection-pearl .block-product__colors-text{text-align:center}}.collection-pearl .item .color-name a{color:#666;text-decoration:none}.collection-pearl .item .color-name a:hover{color:#666;text-decoration:underline}.collection-pearl .item .pricing .price{color:#5db53f}.collection-pearl .item .pricing .old-price,.collection-pearl .item .savings{color:#666}.collection-pearl .header-top-bar{background-color:#f58a87}.collection-pearl .footer-container,.collection-pearl .footer-mobile .footer-mobile-top{background-color:#f58a87!important}.collection-pearl .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #fde6e5}.collection-pearl .footer-primary .footer-line{border-top:1px solid #f58a87!important}.collection-pearl .main-container,.collection-pearl .main-container .inner-container{background:#e7e8e0}.collection-pearl .full-width-image{margin-bottom:25px}.collection-pearl .full-width-image img{width:100%}.collection-red .breadcrumbs{display:none}.collection-red .main{background:#000;padding-bottom:0}.collection-red .col-main{padding:0!important;margin-bottom:0}.collection-red h1{margin-bottom:0}.collection-red .block-products{margin-top:0}.collection-red .block-products h2{color:#fff;font-size:24px}.collection-red .block-product__colors h2{color:#fff}.collection-red .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Pink_Gellac_red_colour_bottom_visual.jpg) no-repeat;background-size:cover}@media (max-width:480px){.collection-red .block-product__colors-text{text-align:center}}.collection-red .item .color-name a{color:#fff;text-decoration:none}.collection-red .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-red .item .pricing .price{color:#5db53f}.collection-red .item .pricing .old-price,.collection-red .item .savings{color:#fff}.collection-red .header-top-bar{background-color:#8c1e3b}.collection-red .footer-container,.collection-red .footer-mobile .footer-mobile-top{background-color:#8c1e3b!important}.collection-red .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #d53b64}.collection-red .footer-primary .footer-line{border-top:1px solid #8c1e3b!important}.collection-red .main-container,.collection-red .main-container .inner-container{background:#b20710}.collection-red .full-width-image{margin-bottom:25px}.collection-red .full-width-image img{width:100%}.collection-pink .breadcrumbs{display:none}.collection-pink .main{background:#000;padding-bottom:0}.collection-pink .col-main{padding:0!important;margin-bottom:0}.collection-pink h1{margin-bottom:0}.collection-pink .block-products{margin-top:0}.collection-pink .block-products h2{color:#fff;font-size:24px}.collection-pink .block-product__colors h2{color:#fff}.collection-pink .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Colour_page_pink_2560_500.jpg) no-repeat;background-size:cover}@media (max-width:480px){.collection-pink .block-product__colors-text{text-align:center}}.collection-pink .item .color-name a{color:#fff;text-decoration:none}.collection-pink .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-pink .item .pricing .price{color:#5db53f}.collection-pink .item .pricing .old-price,.collection-pink .item .savings{color:#fff}.collection-pink .header-top-bar{background-color:#a01a3e}.collection-pink .footer-container,.collection-pink .footer-mobile .footer-mobile-top{background-color:#a01a3e!important}.collection-pink .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #e0406b}.collection-pink .footer-primary .footer-line{border-top:1px solid #a01a3e!important}.collection-pink .main-container,.collection-pink .main-container .inner-container{background:#e6495b}.collection-pink .full-width-image{margin-bottom:25px}.collection-pink .full-width-image img{width:100%}.collection-blackwhite .breadcrumbs{display:none}.collection-blackwhite .main{background:#000;padding-bottom:0}.collection-blackwhite .col-main{padding:0!important;margin-bottom:0}.collection-blackwhite h1{margin-bottom:0}.collection-blackwhite .block-products{margin-top:0}.collection-blackwhite .block-products h2{color:#fff;font-size:24px}.collection-blackwhite .block-product__colors h2{color:#fff}.collection-blackwhite .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Colour_page_black_2560_500.jpg) no-repeat;background-size:cover}@media (max-width:480px){.collection-blackwhite .block-product__colors-text{text-align:center}}.collection-blackwhite .item .color-name a{color:#666;text-decoration:none}.collection-blackwhite .item .color-name a:hover{color:#666;text-decoration:underline}.collection-blackwhite .item .pricing .price{color:#5db53f}.collection-blackwhite .item .pricing .old-price,.collection-blackwhite .item .savings{color:#666}.collection-blackwhite .header-top-bar{background-color:#140d04}.collection-blackwhite .footer-container,.collection-blackwhite .footer-mobile .footer-mobile-top{background-color:#140d04!important}.collection-blackwhite .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #694415}.collection-blackwhite .footer-primary .footer-line{border-top:1px solid #140d04!important}.collection-blackwhite .main-container,.collection-blackwhite .main-container .inner-container{background:#fff}.collection-blackwhite .full-width-image{margin-bottom:25px}.collection-blackwhite .full-width-image img{width:100%}.block-product__colors{margin-bottom:50px}.block-product__colors h2{text-align:center;font-family:bebasneue_bold,sans-serif!important;font-weight:400;font-size:40px;position:relative;overflow:hidden;margin-bottom:-10px}.block-product__colors-text{padding:150px 0;line-height:22px;font-size:15px;height:100%;color:#fff;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}@media (max-width:768px){.block-product__colors-text{padding:100px 0;padding:50px 25px}}.block-product__colors-more{display:block;text-align:center}.block-product__colors-button{display:inline-block;margin:25px auto 0;padding:0 20px;color:#fff;line-height:50px;text-align:center;font-size:14px;font-weight:600;border-radius:5px;background-color:#5db53f;border:1px solid #3d9c39;text-transform:uppercase;cursor:pointer;letter-spacing:.5px;text-decoration:none!important}.block-product__colors-button:hover{background-color:#3d9c39;color:#fff}.collection-autumn .breadcrumbs{display:none}.collection-autumn .main{background:#000;padding-bottom:0}.collection-autumn .col-main{padding:0!important;margin-bottom:0}.collection-autumn h1{margin-bottom:0}.collection-autumn .block-products{margin-top:0}.collection-autumn .block-products h2{color:#fff;font-size:24px}.collection-autumn .block-product__colors h2{color:#fff}.collection-autumn .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Herfst_landingspagina_onder.jpg) no-repeat;background-size:cover;color:#fff}@media (max-width:480px){.collection-autumn .block-product__colors-text{text-align:center}}.collection-autumn .products-grid .item{height:238px}@media (max-width:320px){.collection-autumn .products-grid .item .color-name{font-size:11px}}.collection-autumn .products-grid .item .color-name a{color:#666;text-decoration:none}.collection-autumn .products-grid .item .color-name a:hover{color:#666;text-decoration:underline}.collection-autumn .products-grid .item .pricing .price{color:#5db53f}.collection-autumn .products-grid .item .pricing .old-price,.collection-autumn .products-grid .item .savings{color:#666}.collection-autumn .header-top-bar{background-color:#7f0000}.collection-autumn .footer-container,.collection-autumn .footer-mobile .footer-mobile-top{background-color:#7f0000!important}.collection-autumn .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #fff}.collection-autumn .footer-primary .footer-line{border-top:1px solid #7f0000!important}.collection-autumn .main-container,.collection-autumn .main-container .inner-container{background:#cab095}.collection-autumn .full-width-image{margin-bottom:25px}.collection-autumn .full-width-image img{width:100%}.collection-spring .breadcrumbs{display:none}.collection-spring .main{background:#000;padding-bottom:0}.collection-spring .col-main{padding:0!important;margin-bottom:0}.collection-spring h1{margin-bottom:0}.collection-spring .block-products{margin-top:0}.collection-spring .block-products h2{color:#fff;font-size:24px}.collection-spring .block-product__colors h2{color:#fff}.collection-spring .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Pink_Gellac_spring_banner_bottom_v2.jpg) no-repeat;background-size:cover;color:#666}@media (max-width:480px){.collection-spring .block-product__colors-text{text-align:center}}.collection-spring .products-grid .item{height:238px}@media (max-width:320px){.collection-spring .products-grid .item .color-name{font-size:11px}}.collection-spring .products-grid .item .color-name a{color:#666;text-decoration:none}.collection-spring .products-grid .item .color-name a:hover{color:#666;text-decoration:underline}.collection-spring .products-grid .item .pricing .price{color:#5db53f}.collection-spring .products-grid .item .pricing .old-price,.collection-spring .products-grid .item .savings{color:#666}.collection-spring .header-top-bar{background-color:#81c6d5}.collection-spring .footer-container,.collection-spring .footer-mobile .footer-mobile-top{background-color:#81c6d5!important}.collection-spring .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #fff}.collection-spring .footer-primary .footer-line{border-top:1px solid #81c6d5!important}.collection-spring .main-container,.collection-spring .main-container .inner-container{background:#c2ebef}.collection-spring .full-width-image{margin-bottom:25px}.collection-spring .full-width-image img{width:100%}.collection-summer .breadcrumbs{display:none}.collection-summer .main{background:#000;padding-bottom:0}.collection-summer .col-main{padding:0!important;margin-bottom:0}.collection-summer h1{margin-bottom:0}.collection-summer .block-products{margin-top:0}.collection-summer .block-products h2{color:#fff;font-size:24px}.collection-summer .block-product__colors h2{color:#fff}.collection-summer .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Pink_Gellac_summer_banner_bottom.jpg) no-repeat;background-size:cover;color:#fff}@media (max-width:480px){.collection-summer .block-product__colors-text{text-align:center}}.collection-summer .products-grid .item{height:238px}@media (max-width:320px){.collection-summer .products-grid .item .color-name{font-size:11px}}.collection-summer .products-grid .item .color-name a{color:#666;text-decoration:none}.collection-summer .products-grid .item .color-name a:hover{color:#666;text-decoration:underline}.collection-summer .products-grid .item .pricing .price{color:#5db53f}.collection-summer .products-grid .item .pricing .old-price,.collection-summer .products-grid .item .savings{color:#666}.collection-summer .header-top-bar{background-color:#35a596}.collection-summer .footer-container,.collection-summer .footer-mobile .footer-mobile-top{background-color:#35a596!important}.collection-summer .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #fff}.collection-summer .footer-primary .footer-line{border-top:1px solid #35a596!important}.collection-summer .main-container,.collection-summer .main-container .inner-container{background:#bae4d5}.collection-summer .full-width-image{margin-bottom:25px}.collection-summer .full-width-image img{width:100%}.collection-winter .breadcrumbs{display:none}.collection-winter .main{background:#000;padding-bottom:0}.collection-winter .col-main{padding:0!important;margin-bottom:0}.collection-winter h1{margin-bottom:0}.collection-winter .block-products{margin-top:0}.collection-winter .block-products h2{color:#fff;font-size:24px}.collection-winter .block-product__colors h2{color:#fff}.collection-winter .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Pink_Gellac_winter_banner_bottom_v2.jpg) no-repeat;background-size:cover;color:#fff}@media (max-width:480px){.collection-winter .block-product__colors-text{text-align:center}}.collection-winter .products-grid .item{height:238px}@media (max-width:320px){.collection-winter .products-grid .item .color-name{font-size:11px}}.collection-winter .products-grid .item .color-name a{color:#666;text-decoration:none}.collection-winter .products-grid .item .color-name a:hover{color:#666;text-decoration:underline}.collection-winter .products-grid .item .pricing .price{color:#5db53f}.collection-winter .products-grid .item .pricing .old-price,.collection-winter .products-grid .item .savings{color:#666}.collection-winter .header-top-bar{background-color:#1f384b}.collection-winter .footer-container,.collection-winter .footer-mobile .footer-mobile-top{background-color:#1f384b!important}.collection-winter .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #fff}.collection-winter .footer-primary .footer-line{border-top:1px solid #1f384b!important}.collection-winter .main-container,.collection-winter .main-container .inner-container{background:#c7ddef}.collection-winter .full-width-image{margin-bottom:25px}.collection-winter .full-width-image img{width:100%}.collection-winterqueen .breadcrumbs{display:none}.collection-winterqueen .main{background:#000;padding-bottom:0}.collection-winterqueen .col-main{padding:0!important;margin-bottom:0}.collection-winterqueen h1{margin-bottom:0}.collection-winterqueen .block-products{margin-top:0}.collection-winterqueen .block-products h2{color:#fff;font-size:24px}.collection-winterqueen .block-product__colors h2{color:#fff}.collection-winterqueen .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Pink_Gellac_winter_banner_bottom_v2.jpg) no-repeat;background-size:cover;color:#fff}@media (max-width:480px){.collection-winterqueen .block-product__colors-text{text-align:center}}.collection-winterqueen .products-grid .item{height:238px}@media (max-width:320px){.collection-winterqueen .products-grid .item .color-name{font-size:11px}}.collection-winterqueen .products-grid .item .color-name a{color:#666;text-decoration:none}.collection-winterqueen .products-grid .item .color-name a:hover{color:#666;text-decoration:underline}.collection-winterqueen .products-grid .item .pricing .price{color:#5db53f}.collection-winterqueen .products-grid .item .pricing .old-price,.collection-winterqueen .products-grid .item .savings{color:#666}.collection-winterqueen .header-top-bar{background-color:#333f50}.collection-winterqueen .footer-container,.collection-winterqueen .footer-mobile .footer-mobile-top{background-color:#333f50!important}.collection-winterqueen .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #fff}.collection-winterqueen .footer-primary .footer-line{border-top:1px solid #333f50!important}.collection-winterqueen .main-container,.collection-winterqueen .main-container .inner-container{background:#e2eaf6}.collection-winterqueen .full-width-image{margin-bottom:25px}.collection-winterqueen .full-width-image img{width:100%}.collection-valentijn .breadcrumbs{display:none}.collection-valentijn .main{background:#000;padding-bottom:0}.collection-valentijn .col-main{padding:0!important;margin-bottom:0}.collection-valentijn h1{margin-bottom:0}.collection-valentijn .block-products{margin-top:0}.collection-valentijn .block-products h2{color:#fff;font-size:24px}.collection-valentijn .block-product__colors h2{color:#fff}.collection-valentijn .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Pink_Gellac_winter_banner_bottom_v2.jpg) no-repeat;background-size:cover;color:#fff}@media (max-width:480px){.collection-valentijn .block-product__colors-text{text-align:center}}.collection-valentijn .products-grid .item{height:238px}@media (max-width:320px){.collection-valentijn .products-grid .item .color-name{font-size:11px}}.collection-valentijn .products-grid .item .color-name a{color:#666;text-decoration:none}.collection-valentijn .products-grid .item .color-name a:hover{color:#666;text-decoration:underline}.collection-valentijn .products-grid .item .pricing .price{color:#5db53f}.collection-valentijn .products-grid .item .pricing .old-price,.collection-valentijn .products-grid .item .savings{color:#666}.collection-valentijn .header-top-bar{background-color:#7ce1e2}.collection-valentijn .footer-container,.collection-valentijn .footer-mobile .footer-mobile-top{background-color:#7ce1e2!important}.collection-valentijn .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #fff}.collection-valentijn .footer-primary .footer-line{border-top:1px solid #7ce1e2!important}.collection-valentijn .main-container,.collection-valentijn .main-container .inner-container{background:#b2edf5}.collection-valentijn .full-width-image{margin-bottom:25px}.collection-valentijn .full-width-image img{width:100%}.collection-chinesenewyear .breadcrumbs{display:none}.collection-chinesenewyear .main{background:#000;padding-bottom:0}.collection-chinesenewyear .col-main{padding:0!important;margin-bottom:0}.collection-chinesenewyear h1{margin-bottom:0}.collection-chinesenewyear .block-products{margin-top:0}.collection-chinesenewyear .block-products h2{color:#d49d36;font-size:24px}.collection-chinesenewyear .block-product__colors h2{color:#d49d36}.collection-chinesenewyear .block-product__colors-text{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/color-backgrounds/Pink_Gellac_winter_banner_bottom_v2.jpg) no-repeat;background-size:cover;color:#fff}@media (max-width:480px){.collection-chinesenewyear .block-product__colors-text{text-align:center}}.collection-chinesenewyear .products-grid .item{height:238px}@media (max-width:320px){.collection-chinesenewyear .products-grid .item .color-name{font-size:11px}}.collection-chinesenewyear .products-grid .item .color-name a{color:#fff;text-decoration:none}.collection-chinesenewyear .products-grid .item .color-name a:hover{color:#fff;text-decoration:underline}.collection-chinesenewyear .products-grid .item .pricing .price{color:#5db53f}.collection-chinesenewyear .products-grid .item .pricing .old-price,.collection-chinesenewyear .products-grid .item .savings{color:#fff}.collection-chinesenewyear .header-top-bar{background-color:#a63534}.collection-chinesenewyear .footer-container,.collection-chinesenewyear .footer-mobile .footer-mobile-top{background-color:#a63534!important}.collection-chinesenewyear .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #fff}.collection-chinesenewyear .footer-primary .footer-line{border-top:1px solid #a63534!important}.collection-chinesenewyear .main-container,.collection-chinesenewyear .main-container .inner-container{background:#bb3e38}.collection-chinesenewyear .full-width-image{margin-bottom:25px}.collection-chinesenewyear .full-width-image img{width:100%}.custom-pro-nl img.pro-box{margin-right:0!important}.custom-pro img.pro-quote{float:left;max-width:400px;padding-top:50px}@media (max-width:480px){.custom-pro img.pro-quote{width:100%;padding-top:0}}.custom-pro img.pro-box{float:right;max-width:500px;margin-top:-140px;margin-right:15px}@media (max-width:768px){.custom-pro img.pro-box{margin-top:20px;width:100%;margin-right:0}}.custom-pro #gform_submit_button_1{border-radius:5px;-webkit-appearance:none}@media (max-width:480px){.custom-pro #gform_submit_button_1{padding:8px 25px;margin:0}}.custom-startersets .pink-heading:after,.custom-startersets .pink-heading:before{background-color:#666!important}.custom-default .main{background:#f8f9fa}.custom-default .breadcrumbs{display:block}.custom-default .breadcrumbs a,.custom-default .breadcrumbs li{color:#7f0000}.custom-default .pink-heading:after,.custom-default .pink-heading:before{background-color:#7f0000}.custom-default h2.pink-heading{font-size:40px}@media (max-width:768px){.custom-default h2.pink-heading{font-size:30px}}.custom-default .header-top-bar{background-color:#7f0000}.custom-default .footer-container,.custom-default .footer-mobile .footer-mobile-top{background-color:#7f0000!important}.custom-default .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #f8f9fa}.custom-default .footer-primary .footer-line{border-top:1px solid #f8f9fa!important}.custom-default .main-container,.custom-default .main-container .inner-container{background:#f8f9fa}.custom-collections .main{background:#efdad0}.custom-collections .breadcrumbs{display:block}.custom-collections .breadcrumbs a,.custom-collections .breadcrumbs li{color:#714757}.custom-collections .pink-heading:after,.custom-collections .pink-heading:before{background-color:#714757}.custom-collections h2.pink-heading{font-size:40px}@media (max-width:768px){.custom-collections h2.pink-heading{font-size:30px}}.custom-collections .header-top-bar{background-color:#714757}.custom-collections .footer-container,.custom-collections .footer-mobile .footer-mobile-top{background-color:#714757!important}.custom-collections .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #efdad0}.custom-collections .footer-primary .footer-line{border-top:1px solid #efdad0!important}.custom-collections .main-container,.custom-collections .main-container .inner-container{background:#efdad0}.custom-colors .main{background:#fbf4ea}.custom-colors .breadcrumbs{display:block}.custom-colors .breadcrumbs a,.custom-colors .breadcrumbs li{color:#a88c88}.custom-colors .pink-heading:after,.custom-colors .pink-heading:before{background-color:#a88c88}.custom-colors h2.pink-heading{font-size:40px}@media (max-width:768px){.custom-colors h2.pink-heading{font-size:30px}}.custom-colors .header-top-bar{background-color:#a88c88}.custom-colors .footer-container,.custom-colors .footer-mobile .footer-mobile-top{background-color:#a88c88!important}.custom-colors .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #fbf4ea}.custom-colors .footer-primary .footer-line{border-top:1px solid #fbf4ea!important}.custom-colors .main-container,.custom-colors .main-container .inner-container{background:#fbf4ea}.custom-contact .main{background:#e2edf1}.custom-contact .breadcrumbs{display:block}.custom-contact .breadcrumbs a,.custom-contact .breadcrumbs li{color:#007c88}.custom-contact .pink-heading:after,.custom-contact .pink-heading:before{background-color:#007c88}.custom-contact h2.pink-heading{font-size:40px}@media (max-width:768px){.custom-contact h2.pink-heading{font-size:30px}}.custom-contact .header-top-bar{background-color:#007c88}.custom-contact .footer-container,.custom-contact .footer-mobile .footer-mobile-top{background-color:#007c88!important}.custom-contact .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #e2edf1}.custom-contact .footer-primary .footer-line{border-top:1px solid #e2edf1!important}.custom-contact .main-container,.custom-contact .main-container .inner-container{background:#e2edf1}.custom-customerreviews .main{background:#f8f9fa}.custom-customerreviews .breadcrumbs{display:block}.custom-customerreviews .breadcrumbs a,.custom-customerreviews .breadcrumbs li{color:#3e4148}.custom-customerreviews .pink-heading:after,.custom-customerreviews .pink-heading:before{background-color:#3e4148}.custom-customerreviews h2.pink-heading{font-size:40px}@media (max-width:768px){.custom-customerreviews h2.pink-heading{font-size:30px}}.custom-customerreviews .header-top-bar{background-color:#3e4148}.custom-customerreviews .footer-container,.custom-customerreviews .footer-mobile .footer-mobile-top{background-color:#3e4148!important}.custom-customerreviews .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #f8f9fa}.custom-customerreviews .footer-primary .footer-line{border-top:1px solid #f8f9fa!important}.custom-customerreviews .main-container,.custom-customerreviews .main-container .inner-container{background:#f8f9fa}.custom-instashop .main{background:#ebdde7}.custom-instashop .breadcrumbs{display:block}.custom-instashop .breadcrumbs a,.custom-instashop .breadcrumbs li{color:#9a3766}.custom-instashop .pink-heading:after,.custom-instashop .pink-heading:before{background-color:#9a3766}.custom-instashop h2.pink-heading{font-size:40px}@media (max-width:768px){.custom-instashop h2.pink-heading{font-size:30px}}.custom-instashop .header-top-bar{background-color:#9a3766}.custom-instashop .footer-container,.custom-instashop .footer-mobile .footer-mobile-top{background-color:#9a3766!important}.custom-instashop .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #ebdde7}.custom-instashop .footer-primary .footer-line{border-top:1px solid #ebdde7!important}.custom-instashop .main-container,.custom-instashop .main-container .inner-container{background:#ebdde7}.custom-startersets .main{background:#f8f9fa}.custom-startersets .breadcrumbs{display:none}.custom-startersets .pink-heading:after,.custom-startersets .pink-heading:before{background-color:#7f0000}.custom-startersets h2.pink-heading{font-size:40px}@media (max-width:768px){.custom-startersets h2.pink-heading{font-size:30px}}.custom-startersets .header-top-bar{background-color:#7f0000}.custom-startersets .footer-container,.custom-startersets .footer-mobile .footer-mobile-top{background-color:#7f0000!important}.custom-startersets .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #f8f9fa}.custom-startersets .footer-primary .footer-line{border-top:1px solid #f8f9fa!important}.custom-startersets .main-container,.custom-startersets .main-container .inner-container{background:#f8f9fa}.custom-startersets-premium .main{background:#fff}.custom-startersets-premium .breadcrumbs{display:none}.custom-startersets-premium .pink-heading:after,.custom-startersets-premium .pink-heading:before{background-color:#7f0000}.custom-startersets-premium h2.pink-heading{font-size:40px}@media (max-width:768px){.custom-startersets-premium h2.pink-heading{font-size:30px}}.custom-startersets-premium .header-top-bar{background-color:#7f0000}.custom-startersets-premium .footer-container,.custom-startersets-premium .footer-mobile .footer-mobile-top{background-color:#7f0000!important}.custom-startersets-premium .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #fff}.custom-startersets-premium .footer-primary .footer-line{border-top:1px solid #fff!important}.custom-startersets-premium .main-container,.custom-startersets-premium .main-container .inner-container{background:#fff}.custom-pro .main{background:#ffbadf}.custom-pro .breadcrumbs{display:block}.custom-pro .breadcrumbs a,.custom-pro .breadcrumbs li{color:#aaa}.custom-pro .pink-heading:after,.custom-pro .pink-heading:before{background-color:#7f0000}.custom-pro h2.pink-heading{font-size:40px}@media (max-width:768px){.custom-pro h2.pink-heading{font-size:30px}}.custom-pro .header-top-bar{background-color:#7f0000}.custom-pro .footer-container,.custom-pro .footer-mobile .footer-mobile-top{background-color:#7f0000!important}.custom-pro .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #ffbadf}.custom-pro .footer-primary .footer-line{border-top:1px solid #ffbadf!important}.custom-pro-account .main,.custom-pro .main-container,.custom-pro .main-container .inner-container{background:#ffbadf}.custom-pro-account .breadcrumbs{display:block}.custom-pro-account .breadcrumbs a,.custom-pro-account .breadcrumbs li{color:#aaa}.custom-pro-account .pink-heading:after,.custom-pro-account .pink-heading:before{background-color:#7f0000}.custom-pro-account h2.pink-heading{font-size:40px}@media (max-width:768px){.custom-pro-account h2.pink-heading{font-size:30px}}.custom-pro-account .header-top-bar{background-color:#7f0000}.custom-pro-account .footer-container,.custom-pro-account .footer-mobile .footer-mobile-top{background-color:#7f0000!important}.custom-pro-account .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #ffbadf}.custom-pro-account .footer-primary .footer-line{border-top:1px solid #ffbadf!important}.custom-pro-account .main-container,.custom-pro-account .main-container .inner-container{background:#ffbadf}.custom-season .main{background:#ede0df}.custom-season .breadcrumbs{display:block}.custom-season .breadcrumbs a,.custom-season .breadcrumbs li{color:#c08c9b}.custom-season .pink-heading:after,.custom-season .pink-heading:before{background-color:#c08c9b}.custom-season h2.pink-heading{font-size:40px}@media (max-width:768px){.custom-season h2.pink-heading{font-size:30px}}.custom-season .header-top-bar{background-color:#c08c9b}.custom-season .footer-container,.custom-season .footer-mobile .footer-mobile-top{background-color:#c08c9b!important}.custom-season .footer-mobile .footer-mobile-top ul li{border-bottom:1px solid #ede0df}.custom-season .footer-primary .footer-line{border-top:1px solid #ede0df!important}.custom-season .main-container,.custom-season .main-container .inner-container{background:#ede0df}.header-cart{padding-bottom:2em;border-bottom:2px solid #eee}.header-cart__logo img{width:65px}.header-cart__usp{text-align:left}.header-cart__usp ul{margin:25px 0 0 75px}.header-cart__usp ul li{color:#666;background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/hartje.png) no-repeat;background-size:20px;padding-left:30px;font-size:12px;padding-bottom:5px}.header-cart__usp ul li a{color:#666}@media only screen and (max-width:1024px){.header-cart__usp{display:none}}.header-cart__right img{float:right;margin-top:2.5em}.the-cart-form{clear:both;display:block}.page-title.empty-cart{text-transform:uppercase}.cart-empty{text-align:center}.cart-empty .empty-logo{width:100px;margin-bottom:20px}.cart-empty .empty-text{display:block;margin:10px 0 30px}.cart-empty .continue-shopping{font-size:15px;padding:10px 20px;background-color:#33ad03;color:#fff}.cart-top__title{float:left;padding-top:20px}.cart-top__proceed{float:right;margin-bottom:20px}.cart-top__proceed .btn-proceed-checkout{float:right;width:300px;border-radius:10px;padding:0 5px;background-color:#5db53f;border:1px solid #53a238;color:#fff;font-size:20px}.cart-top__proceed .btn-proceed-checkout:hover{background-color:#4a8f32}@media (max-width:480px){.cart-top__proceed .btn-proceed-checkout{float:none;width:100%}}.cart-table{border-top:2px solid #eee;border-bottom:2px solid #eee}.cart-table .product-name{font-size:1.2em}@media (max-width:480px){.cart-table .product-name{margin:0}}.cart-table .product-image{max-width:100px}@media (max-width:480px){.cart-table .product-image{width:84px}}#shopping-cart-table tbody tr:last-child{border:none!important}@media (max-width:480px){#shopping-cart-table tbody tr{overflow:hidden;padding-bottom:10px;margin-bottom:10px}#shopping-cart-table tbody td.product-image{float:left;width:100px}#shopping-cart-table tbody td.product-name h2.product-name{font-size:14px}#shopping-cart-table tbody td.qty-edit{float:left;width:20%}#shopping-cart-table tbody td.cart-price{float:left;width:20%;margin-top:6px}#shopping-cart-table tbody td.button-remove{margin-top:6px}#shopping-cart-table tbody td.qty-disabled{padding-top:12px}#shopping-cart-table .single-price{display:none}#shopping-cart-table h2.product-name{font-size:18px}}@media (max-width:320px){#shopping-cart-table tbody td.product-image{width:84px}}.item-options{margin:0}.item-options dt{clear:none!important;background:none!important;text-align:center}.item-options .cart-thumb{float:left;width:70px}.cart-totals{display:block;background-color:#f5f5f5;overflow:hidden;margin-bottom:2em;padding:25px 0}.cart-totals__left{margin-bottom:30px}@media (max-width:768px){.cart-totals__left{clear:both;padding-top:30px}}.cart-totals__right{float:right;padding-right:60px}@media (max-width:768px){.cart-totals__right{padding-right:15px}}.cart-totals__right #shopping-cart-totals-table{float:right}.cart-totals__right #shopping-cart-totals-table .a-right{min-width:125px;padding-bottom:5px}@media (max-width:768px){.cart-totals__right #shopping-cart-totals-table .a-right{min-width:102px}}.cart-totals__right #shopping-cart-totals-table .a-right strong{font-weight:400}.cart-totals__right #shopping-cart-totals-table .a-right:first-child{min-width:200px}@media (max-width:320px){.cart-totals__right #shopping-cart-totals-table .a-right:first-child{min-width:125px}}.cart-totals__right #shopping-cart-totals-table tfoot .a-right:last-child{color:green}.cart-totals__right-whatsapp{width:190px;margin:0 auto;clear:both;padding-top:1em}.cart-totals__right-whatsapp .whatsapp-icon{float:left}.cart-totals__right-whatsapp .whatsapp-icon img{width:35px}.cart-totals__right-whatsapp span{color:#666;display:block;text-align:center}.cart-totals__right-whatsapp span.title{font-weight:700;font-size:14px}.cart-totals__right .btn-checkout-order{font-size:16px}.cart-bottom__continueshopping .btn-continue{background-color:#fff;border:1px solid #999;padding:0 10px;border-radius:5px}.cart-bottom__continueshopping .btn-continue:hover{background-color:#f5f5f5}.cart-bottom__continueshopping .btn-continue span{display:block;font-size:18px;line-height:inherit;color:#666}.cart-bottom__continueshopping .btn-continue span .icon-arrow{width:20px;height:20px;padding-left:5px;transform:rotate(180deg)}.cart-bottom__crosssell{margin-top:2em}.crosssell h2{color:#fe007c}.crosssell .add-to-cart-small{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/bestellen_small.png);width:76px;height:30px;border:none;display:block;margin:4px auto 0}.crosssell .add-to-cart-small:hover{cursor:pointer}.crosssell .price-box .price{color:#33ad03}.checkout-cart-index #casengo-chat-wrapper,.checkout-cart-index #header-nav,.checkout-cart-index #search-wrapper-regular{display:none!important}.checkout-cart-index .header-container{height:75px}@media (max-width:768px){.checkout-cart-index .header-container{height:inherit}}.checkout-cart-index .header-top-bar-trustpilot .right-after-trustpilot{display:none}.mini-products-list .item .btn-edit,.mini-products-list .item .btn-remove{margin-left:3px}.mini-products-list .item .btn-edit .icon-svg{width:18px;height:18px}.mini-products-list .item .product-name a{color:#fff}@media (max-width:768px){.mini-products-list .item .product-name a{color:#333}}.mini-cart .subtotal{text-align:right}.mini-cart .subtotal .price{display:inline-block;width:60px}.mini-cart .mini-cart-content .actions button{float:right}.header-mobile-pink .mini-cart .mini-cart-content .mini-products-list li{margin-bottom:15px}.header-mobile-pink .mini-cart .mini-cart-content .actions .button{background-color:#ccc}.header-mobile-pink .mini-cart .mini-cart-content .actions .btn-checkout{background-color:#5db53f}.footer-from-tv{display:none;background:#c0e0ef;padding:15px 20px;text-align:center}.footer-from-tv .bekend-van-tv-image{display:inline-block}.footer-from-tv .bekend-van-tv-image.svg{width:115px;padding-top:12px;margin-right:5px}.footer-from-tv .bekend-van-tv-image.mtv{width:46px}.footer-from-tv .bekend-van-tv-image.kitchen{width:30px;margin-top:-2px}.footer-from-tv .bekend-van-tv-image.tlc{width:58px}@media (max-width:768px){.cms-index-index .footer-from-tv{display:block}}.footer-container{padding:0 0 30px}.footer-container,.footer-container.default,.footer-container.pink_de{background-color:#7f0000}.footer-container .footer-primary .footer-line{border-top:1px solid #7f0000}.footer-container .footer-rating{text-align:center;color:#fff}.footer-container .footer-rating a{color:#fff}.footer-primary{padding:30px 0 0;color:#fff}@media (max-width:768px){.footer-primary{display:none}}.footer-primary a{color:#fff}.footer-primary a:hover{color:#fff;text-decoration:underline}.footer-primary .footer-line{display:block;height:1px;border:0;border-top:1px solid #7f0000;margin:1em 0;padding:0}.footer-primary .footer.base{padding-bottom:2em}.footer-primary .footer.base .footer-block .block-title{color:#fff;font-family:Open Sans,Century Gothic,Futura,sans-serif!important;font-weight:600;font-size:1.4em;text-transform:uppercase}.footer-primary .footer.base .footer-block .block-content,.footer-primary .footer.base .footer-block .block-content a{color:#fff}.footer-primary .footer.base .footer-block .block-content a:hover{text-underline:underline}.footer-primary .footer.base .footer-block.newsletter #subscribe-form{margin-top:1em}.footer-primary .footer.base .footer-block.newsletter #subscribe-form .input-box input{width:250px;height:40px}.footer-primary .footer.base .footer-block.newsletter #subscribe-form .button{background-color:#fe007c;padding:2px 15px;color:#fff;font-size:12px}.footer-primary .footer.base .footer-block.newsletter #subscribe-form .button:hover{background-color:#33ad03}.footer-primary .footer.base .footer-block.newsletter .download-app-footer .svg{float:left;width:30px;margin-right:8px}.footer-primary .footer.base .footer-block.newsletter .download-app-footer span{display:inline-block;font-size:18px;padding-top:10px;width:40px}.footer-primary .footer.second{padding-top:2em}.footer-primary .footer.second .block-content .payment-methods li{display:inline-block;background-color:#fff;padding:4px 10px;margin-right:5px;border-radius:3px}.footer-primary .footer.second .block-content .payment-methods li span{display:block;height:30px;background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/payment_icons_v3.png)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.footer-primary .footer.second .block-content .payment-methods li span{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/payment_icons_2X_v3.png) no-repeat;background-size:805px 30px}}.footer-primary .footer.second .block-content .payment-methods li span.ideal{width:36px;background-position:-54px 0}.footer-primary .footer.second .block-content .payment-methods li span.afterpay{width:101px;background-position:-144px 0}.footer-primary .footer.second .block-content .payment-methods li span.mastercard{width:51px;background-position:-90px 0}.footer-primary .footer.second .block-content .payment-methods li span.paypal{width:88px;background-position:-247px 0}.footer-primary .footer.second .block-content .payment-methods li span.mistercash{width:45px;background-position:-337px 0}.footer-primary .footer.second .block-content .payment-methods li span.sofort{background-position:-460px 0;width:81px}.footer-primary .footer.second .block-content .payment-methods li span.amex{background-position:-542px 0;width:31px}.footer-primary .footer.second .block-content .payment-methods li span.visa{background-position:-388px 0;width:65px}.footer-primary .footer.second .block-content .payment-methods li span.trustly{background-position:-575px 0;width:96px}.footer-primary .footer.second .block-content .payment-methods li span.paylater{background-position:-674px 0;width:35px}.footer-primary .footer.second .block-content .payment-methods li span.klarna{background-position:-719px 0;width:86px}.footer-primary .footer.second .block-content.footer-social{float:right}.footer-primary .footer.second .block-content.footer-social .fb_iframe_widget{margin-right:10px;float:right}.footer-primary .footer.second .block-content.footer-social a{display:block;float:left;margin-right:10px;background-color:#fff;height:35px;width:35px;padding:5px;border-radius:100%}.footer-primary .footer.second .block-content.footer-social a .icon-svg{height:25px;width:25px;color:#333}.footer-primary .footer.second .block-content .app-logo{margin:1em 0;max-width:135px}.footer-primary .footer.second .block-content .copyright{display:block;color:#333;margin-top:2em;font-size:10px;text-align:center}.footer-primary .footer.second .block-content .copyright a{color:#a9a9a9}.footer-primary .footer.second .block-content.footer-block-bottom{margin-top:2em;text-align:center}.footer-primary .footer.second .block-content.footer-block-bottom .footer-rating{display:block}.footer-mobile{display:none}@media (max-width:768px){.footer-mobile{display:block}}@media (max-width:768px){.footer-mobile .footer-mobile-top{background:#7f0000;padding:25px 25px 15px;position:relative}.footer-mobile .footer-mobile-top.default,.footer-mobile .footer-mobile-top.pink_de{background-color:#7f0000}.footer-mobile .footer-mobile-top ul li{width:100%;border-bottom:1px solid #ccc;margin-bottom:8px;padding-bottom:8px}.footer-mobile .footer-mobile-top ul li:after{content:"";float:right;margin-top:5px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #fff}.footer-mobile .footer-mobile-top ul li a{color:#fff}.footer-mobile .footer-mobile-top h3.block-title{color:#fff;margin-top:15px}.footer-mobile .footer-mobile-top .fb_iframe_widget_fluid{display:block;width:100%;margin:15px auto 0;text-align:center}.footer-mobile .footer-mobile-top #subscribe-form{margin-bottom:25px}.footer-mobile .footer-mobile-top #subscribe-form input.input-text{height:40px}}@media (max-width:768px) and (max-width:480px){.footer-mobile .footer-mobile-top #subscribe-form,.footer-mobile .footer-mobile-top #subscribe-form .btn-action-small{width:100%}}@media (max-width:768px){.footer-mobile .footer-mobile-top .footer-rating{display:block;padding:15px 0 0;text-align:center}.footer-mobile .footer-mobile-top .footer-rating p{padding:8px;color:#333;width:240px;margin:0 auto;border:1px solid #fff}.footer-mobile .footer-mobile-top .footer-rating p strong{color:#333}.footer-mobile .footer-mobile-top .footer-apps{text-align:center}.footer-mobile .footer-mobile-top .footer-apps .app-logo{margin:1em auto;max-width:130px}}.footer-mobile-bottom{display:none;overflow:hidden;margin:25px 0 100px}@media (max-width:768px){.footer-mobile-bottom{display:block}}.footer-mobile-bottom .payment-methods{margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.footer-mobile-bottom .payment-methods li{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/payment_icons_v3.png);float:left;margin-right:5px;height:30px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.footer-mobile-bottom .payment-methods li{background:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/payment_icons_2X_v3.png) no-repeat;background-size:805px 30px}}.footer-mobile-bottom .payment-methods li.comodo{background-position:0 0;width:54px}.footer-mobile-bottom .payment-methods li.ideal{background-position:-54px 0;width:36px}.footer-mobile-bottom .payment-methods li.mastercard{background-position:-91px 0;width:50px}.footer-mobile-bottom .payment-methods li.afterpay{background-position:-142px 0;width:103px}.footer-mobile-bottom .payment-methods li.paypal{background-position:-247px 0;width:88px}.footer-mobile-bottom .payment-methods li.sofort{background-position:-460px 0;width:81px}.footer-mobile-bottom .payment-methods li.amex{background-position:-542px 0;width:31px}.footer-mobile-bottom .payment-methods li.visa{background-position:-388px 0;width:65px}.footer-mobile-bottom .payment-methods li.trustly{background-position:-575px 0;width:95px}.footer-mobile-bottom .payment-methods li.klarna{background-position:-719px 0;width:86px}@media (max-width:320px){.footer-mobile-bottom .payment-methods.es li.visa{display:none}.footer-mobile-bottom .payment-methods li{margin-right:8px}.footer-mobile-bottom .payment-methods li.comodo{display:none}}.copyright-pinkgellac{max-width:980px;margin:0 auto;padding-top:35px;color:#f9f9f9;font-size:10px}@media (max-width:768px){.copyright-pinkgellac{padding:30px 30px 0}}.account-login .page-title{padding-bottom:1em}button.fb_button_medium{right:25px;position:relative;color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,.2)}span.fb_button_text{padding-left:15px!important;padding-right:15px!important;background:none!important}.account-create.pro{overflow:hidden;margin:1em 0 8em}@media (max-width:768px){.account-create.pro{margin:1em 0 2em}}.account-create.pro h2{display:none}.account-create.pro .form-list li{margin:0}.account-create.pro .form-list li .field{margin-bottom:15px;width:50%}@media (max-width:480px){.account-create.pro .form-list li .field{width:100%}}.account-create.pro .form-list li .field input{width:97%}@media (max-width:480px){.account-create.pro .form-list li .field input{width:100%}}.account-create.pro .form-list li .field select{width:97%}@media (max-width:480px){.account-create.pro .form-list li .field select{width:100%}}.account-create.pro .fieldset{margin:0}.account-create.pro .fieldset+.fieldset{margin-top:0}.account-create.pro .field.short{width:124px;margin-right:15px}.account-create.pro .field.short input{width:100%}.account-create.pro .buttons-set{float:left}.account-create.pro .buttons-set .required{display:none}.account-create.pro .buttons-set button.button{float:left;margin-left:0;border-radius:5px}#search-wrapper-regular .search-wrapper{width:100%;max-width:100%}#search-wrapper-regular .search-wrapper .searchautocomplete .nav{width:100%}.searchautocomplete .searchautocomplete-placeholder{right:0;width:100%;border-radius:0 0 10px 10px;border-top:none;z-index:99999}.searchautocomplete .searchautocomplete-placeholder:before{display:none}.searchautocomplete .searchautocomplete-placeholder ul li{border:none;border-bottom:1px solid #ccc;padding:3px 5px}.searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price{color:#999;font-weight:400}.searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .specialprice{font-weight:700}.searchautocomplete .searchautocomplete-placeholder ul li .price-box .minimal-price .price{color:#33ad03}.searchautocomplete .searchautocomplete-placeholder ul li .price-box .discount-amount,.searchautocomplete .searchautocomplete-placeholder ul li .price-box .save-discount{display:none}.searchautocomplete .searchautocomplete-loader{right:40px}.searchautocomplete .nav .nav-input input::placeholder{text-align:center}.searchautocomplete .nav .nav-input input::-webkit-input-placeholder{text-align:center}.searchautocomplete .nav .nav-input input::-moz-placeholder{text-align:center}.searchautocomplete .nav .nav-input input:-ms-input-placeholder{text-align:center}.searchautocomplete .nav .nav-input input:-moz-placeholder{text-align:center}.catalogsearch-result-index .sidebar{margin-top:75px}.catalogsearch-result-index .price-box .old-price .price{color:#747474;font-weight:400}.catalog-category-view .main{padding-top:0}.catalog-category-view h2.heading-center{text-align:center;margin:20px 0 5px;font-size:16px;color:#747473;font-weight:700}.catalog-category-view .category-description a{text-decoration:underline}.catalog-category-view .category-extradesc{font-size:13px}.catalog-category-view .category-extradesc a{text-decoration:underline}.catalog-category-view .category-extradesc p{margin:0 0 1em}.catalog-category-view .category-extradesc .block-show-2sets{text-align:center;margin-bottom:15px}@media (max-width:480px){.catalog-category-view .category-extradesc .block-show-2sets .grid12-6:first-child{margin-bottom:25px}}.catalog-category-view .category-extradesc .block-show-2sets img{margin-bottom:20px}@media (max-width:480px){.catalog-category-view .category-extradesc .block-show-2sets img{display:block;width:100%}}.catalog-category-view .category-extradesc .btn-add-to-cart-normal{padding:10px 25px;text-decoration:none}.catalog-category-view .category-extradesc .btn-add-to-cart-normal:hover{color:#fff}.block-layered-nav #narrow-by-list .col-md-4{float:left;margin-top:2em}.block-layered-nav #narrow-by-list li{float:left;padding-right:8px}.block-layered-nav .link-collection{margin-top:-35px}@media (max-width:768px){.block-layered-nav .link-collection{margin-top:0}}.block-layered-nav .link-collection a{text-decoration:underline}.category-products.row,.products-grid.row{margin-left:-12px!important;margin-right:-12px!important}.products-grid .price-box{font-size:17px!important}.products-grid .pricing .old-price{text-decoration:line-through;padding-right:8px}.products-grid .promo-label{position:absolute;top:8px;right:0;padding:10px;background:#fe007c;color:#fff;font-size:25px;font-family:bebasneue_bold,sans-serif!important;font-weight:400;border-radius:5px 0 0 5px}.products-grid .promo-label.hot{background:#fe007c}.products-grid .promo-label.new{background:#14b4cc}.products-grid.colors .item{margin-bottom:10px;padding-bottom:0;list-style:none}.products-grid.colors .item img{width:100%}@media (max-width:320px){.products-grid.colors .item .color-name{font-size:11px}}.products-grid.colors .item .pricing .old-price{text-decoration:line-through;padding-right:8px}.products-grid.colors .item .actions{height:40px}.products-grid.colors .item .product-image{position:relative}.products-grid.colors .item .discount{position:absolute;bottom:15px;left:0;background-color:#fe007c;color:#fff;padding:6px 12px;border-radius:0 10px 10px 0}.products-grid.startersets{margin-left:0!important}.products-grid.startersets .item{list-style:none;margin-bottom:0;text-align:left}.products-grid.startersets .item.usp p{margin-bottom:8px}.products-grid.startersets .item img{border-radius:0}@media (max-width:768px){.products-grid.startersets .item{text-align:center}}.products-grid.startersets .inner{position:relative;max-width:447px}@media (max-width:768px){.products-grid.startersets .inner{margin:0 auto}}.products-grid.startersets .price-box{width:110px;height:110px;background-color:#fe007c;border-radius:50%;margin:0;position:absolute;top:60px;left:70px;transform:rotate(-15deg);padding-top:48px;text-align:center;text-decoration:none}.products-grid.startersets .price-box:hover{text-decoration:none}.products-grid.startersets .price-box.discount{padding-top:33px}@media (max-width:768px){.products-grid.startersets .price-box{top:60px;left:70px}}@media (max-width:480px){.products-grid.startersets .price-box{top:50px;left:55px;width:95px;height:95px;padding-top:40px}.products-grid.startersets .price-box.discount{padding-top:30px}}@media (max-width:320px){.products-grid.startersets .price-box{width:90px;height:90px;top:45px;left:40px;padding-top:35px}.products-grid.startersets .price-box.discount{padding-top:29px}}.products-grid.startersets .price-box .price{color:#fff;font-size:40px;font-family:bebasneue_bold,sans-serif!important;font-weight:400;letter-spacing:1px}.products-grid.startersets .price-box .price .symbol{font-size:28px;padding-right:2px}@media (max-width:480px){.products-grid.startersets .price-box .price{font-size:34px}}@media (max-width:320px){.products-grid.startersets .price-box .price{font-size:30px}}.products-grid.startersets .price-box .savings{display:block;color:#fff;padding-top:5px;font-size:28px;font-family:bebasneue_bold,sans-serif!important;font-weight:400}@media (max-width:480px){.products-grid.startersets .price-box .savings{font-size:24px;padding-top:2px}}@media (max-width:320px){.products-grid.startersets .price-box .savings{font-size:22px;padding-top:0}}.products-grid.center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.products-grid.centered{width:100%;margin:0 auto!important;text-align:center;font-size:0}@media (max-width:768px){.products-grid.centered{width:100%}}.products-grid.centered>li{float:none;display:inline-block;text-align:left;font-size:13px}.products-grid .item{text-align:center;margin-bottom:60px}.products-grid .item img{border-radius:5%}.products-grid .product-name{font-size:13px;font-family:Open Sans,Century Gothic,Futura,sans-serif!important}.products-grid .product-name a{color:#666}.products-grid .price-box{font-size:13px}.products-grid .price-box .price{color:#33ad03}.products-grid .minimal-price{margin:0}.products-grid .actions .btn-add-to-cart-small .icon-cart{display:inline-block;background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/cart-top.png);background-size:18px 18px;width:18px;height:18px;margin:8px 0 0}.products-grid .actions .btn-add-to-cart-small .plus{vertical-align:top;font-size:16px}.products-grid .actions .btn-add-to-cart-small .icon-check{width:18px;height:18px;vertical-align:middle;margin-top:-7px}.products-grid .actions .btn-add-to-cart-small.success{background-color:#fe007c!important;border:2px solid #cb0063}.products-grid .actions .btn-cart-sml{background:url(https://pinkgellac.nl/skin/frontend/ultimo/pinkgellac/images/bestellen_small.png);width:76px;height:30px;border:none;display:block;margin:4px auto 0}.products-grid .actions .availability.out-of-stock .btn-add-to-cart-small{background-color:#eee;border:1px solid #666;color:#666}.products-grid .actions .availability.out-of-stock .btn-add-to-cart-small .icon-cart{background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/cart-top-dark.png)}.products-grid .sticker-wrapper{position:absolute;transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out}.products-grid .sticker-wrapper.top-right{top:-3px;right:0}.products-grid .sticker-wrapper.top-right .heart{position:relative;right:20px;width:100px;height:90px;border-radius:0;display:block}.products-grid .sticker-wrapper.top-right .heart p{display:-ms-inline-flexbox;display:inline-flex;position:relative;z-index:99;color:#fff;font-size:13px;font-weight:700;top:16px}.products-grid .sticker-wrapper.top-right .heart:after,.products-grid .sticker-wrapper.top-right .heart:before{position:absolute;content:"";left:50px;top:0;width:50px;height:80px;background:#fe007c;border-radius:50px 50px 0 0;transform:rotate(-45deg);transform-origin:0 100%}.products-grid .sticker-wrapper.top-right .heart:after{left:0;transform:rotate(45deg);transform-origin:100% 100%}.cms-page-view .col-main .contact-box a{text-decoration:none!important}.col-main .std .contact-box ul{margin-left:0}.btn-cta-button{padding:10px 15px;color:#fff;line-height:150px;text-align:center;font-size:18px;font-weight:600;border-radius:35px;background-color:#5db53f;text-transform:uppercase;border:10px solid #389e32;cursor:pointer;letter-spacing:.5px}.btn-cta-button:hover{background-color:#389e32;color:#fff}.btn-cta-button .icon-arrow-right{width:20px}.btn-add-to-cart-normal{min-width:225px;padding:0 20px;color:#fff;line-height:50px;text-align:center;font-size:14px;font-weight:600;border-radius:5px;background-color:#5db53f;border:1px solid #3d9c39;text-transform:uppercase;cursor:pointer;letter-spacing:.5px}.btn-add-to-cart-normal:hover{background-color:#3d9c39}.btn-add-to-cart-normal .icon-add-to-cart{width:16px;margin-top:-3px;right:3px;position:relative}.btn-add-to-cart-small{width:70px;height:35px;color:#fff;line-height:35px;text-align:center;font-size:14px;font-weight:600;border-radius:5px;background-color:#5db53f;border:1px solid #3d9c39;text-transform:uppercase;cursor:pointer;letter-spacing:.5px}.btn-add-to-cart-small:hover{background-color:#3d9c39}.btn-add-to-cart-small .icon-add-to-cart{width:16px;margin-top:-3px}.btn-action,.btn-action-small{padding:15px 30px 14px;color:#fff;text-align:center;font-size:12px;font-weight:400;border-radius:4px;background-color:#fe007c;text-transform:uppercase;border:1px solid #fe007c;cursor:pointer;letter-spacing:.5px}.btn-action-small:hover,.btn-action:hover{color:#fe007c;background-color:#fff}.btn-action-small{padding:13px 15px 10px}.btn-details{display:inline-block;padding:0 15px;height:35px;line-height:35px;background-color:#5db53f;border:1px solid #3d9c39}.btn-details:hover{color:#fff;background-color:#3d9c39;text-decoration:none}.btn-continue-shopping{padding:0 15px;color:#333;line-height:50px;text-align:center;font-size:14px;font-weight:400;border-radius:4px;background-color:#fff;text-transform:uppercase;border:1px solid #333;cursor:pointer;letter-spacing:.5px}.btn-continue-shopping:hover{color:#fff;background-color:#333}.btn-continue-shopping .icon-angle-left{width:5px;margin:-3px 5px 0 0}.btn-remove-coupon{padding:0 15px;color:#333;line-height:40px;text-align:center;font-size:12px;font-weight:400;border-radius:4px;background-color:#fff;text-transform:uppercase;border:1px solid #333;cursor:pointer;letter-spacing:.5px}.btn-remove-coupon:hover{color:#fff;background-color:#333}.btn-checkout-order{float:right;padding:18px 18px 16px;color:#fff;text-align:center;font-size:18px;border-radius:4px;background-color:#5db53f;text-transform:uppercase;cursor:pointer;letter-spacing:.5px;border:none}.btn-checkout-order:hover{background-color:#389e32}@media (max-width:480px){.btn-checkout-order{line-height:25px}}.btn-checkout-order .icon-contact-arrow{width:10px;margin:-3px 0 0 10px}.btn-add-to-cart-normal-cms{min-width:225px;padding:10px 25px;color:#fff;line-height:50px;text-align:center;font-size:14px;font-weight:600;border-radius:5px;background-color:#5db53f;border:1px solid #3d9c39;text-transform:uppercase;text-decoration:none!important;cursor:pointer;letter-spacing:.5px}.btn-add-to-cart-normal-cms:hover{color:#fff!important;background:#3d9c39}.buttons-set .back-link a .icon-arrow-back{width:15px;height:15px;margin:-3px 5px 0 0}@media only screen and (min-width:768px) and (max-width:768px){.starterkit .grid12-9.product-box{width:64.67%;margin-top:25px}.starterkit .product-secondary-column.grid12-3{width:31.33%}.starterkit .product-options{width:100%}}.collection-blackfriday .col-main{padding:50px 0!important}@media (max-width:768px){.collection-blackfriday .col-main{padding:50px 0 0!important}}@media (max-width:768px){.collection-blackfriday .col-main .std{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}}@media (max-width:768px){.collection-blackfriday .col-main .std .four{-ms-flex-order:4;order:4}.collection-blackfriday .col-main .std .three{-ms-flex-order:2;order:2}.collection-blackfriday .col-main .std .two{-ms-flex-order:3;order:3}.collection-blackfriday .col-main .std .one{-ms-flex-order:1;order:1}}.collection-blackfriday .col-main .std div{padding:0;display:inline-block}.collection-blackfriday .col-main .std div img{width:100%}.collection-halloween .col-main{background-image:url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/images/collection-background/Halloween_background.png);background-size:50%;background-position:100% 100%;background-repeat:no-repeat;padding:0 0 425px!important}@media (max-width:768px){.collection-halloween .col-main{padding:0 0 325px!important;background-size:60%;margin-bottom:0}}@media (max-width:480px){.collection-halloween .col-main{padding:0 0 125px!important;background-size:60%;margin-bottom:0}}.collection-christmas .col-main{padding:0 0 1px!important;margin-bottom:0!important} /* FILE: adyenstyle.css */ /* @override http://adyen.local/adyen_community_1_6_2_0/skin/frontend/base/default/css/adyenstyle.css */ /** * Adyen Payment Module * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-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@magentocommerce.com so we can send you a copy immediately. * * @category Adyen * @package Adyen_Payment * @copyright Copyright (c) 2011 Adyen (http://www.adyen.com) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /** * @category Payment Gateway * @package Adyen_Payment * @author Adyen * @property Adyen B.V * @copyright Copyright (c) 2014 Adyen BV (http://www.adyen.com) */ /* Adyen Customs */ /* Checkout Page */ #co-payment-form .sp-methods dt img { vertical-align: middle; display: inline-block; } .adyen-payment-method-icon { margin-right: 6px; margin-left: 2px; border: none !important; width: 66px; height: 43px; } .adyen-payment-method-icon.adyen_cc, .adyen-payment-method-icon.adyen_hpp, .adyen-payment-method-icon.adyen_boleto, .adyen-payment-method-icon.adyen_openinvoice_afterpay_default, .adyen-payment-method-icon.adyen_openinvoice_klarna, .adyen-payment-method-icon.adyen_pos_cloud, .adyen-payment-method-icon.adyen_sepa, .adyen-payment-method-icon.adyen_ideal, .adyen-payment-method-icon.adyen_multibanco, .adyen-payment-method-icon .no-mc { background: url(https://www.pinkgellac.com/skin/frontend/base/default/images/adyen/pm_gloss.png) left top no-repeat; } .adyen-payment-method-icon.adyen_cc { background-position: 0 -272px; } .adyen-payment-method-icon.adyen_hpp { background-position: 0 -272px; } .adyen-payment-method-icon.adyen_boleto { background-position: 0 -2092px; } .adyen-payment-method-icon.adyen_openinvoice_afterpay_default { background-position: 0 -1637px; } .adyen-payment-method-icon.adyen_openinvoice_klarna { background-position: 0 -1728px; } .adyen-payment-method-icon.adyen_pos_cloud { background-position: 0 -1818px; } .adyen-payment-method-icon.adyen_sepa { background-position: 0 -1910px; } .adyen-payment-method-icon.adyen_ideal { background-position: 0 -636px; } .adyen-payment-method-icon.adyen_multibanco { background-position: 0 -2183px; } .adyen-payment-method-icon .no-mc { background-position: left top; } /* Credit Cards */ .sp-methods .form-list li.adyen_payment_creditcard_labels { margin-top: 15px; overflow: hidden; } .sp-methods .form-list li.adyen_payment_creditcard_labels img { display: block; float: left; margin-right: 10px; } .adyen_payment_creditcard_labels img.grey { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .sp-methods .adyen_payment_input_fields { clear: both; } /* Checkout */ .sp-methods #payment_form_adyen_hpp li { margin: 0; } .sp-methods #payment_form_adyen_hpp { } .sp-methods #payment_form_adyen_hpp .input-box table { margin-bottom: 5px; } .sp-methods #payment_form_adyen_hpp .input-box table td { vertical-align: middle; } .adyen-ideal-image-label { display: block; } .adyen-ideal-image-label img { display: inline; vertical-align: middle; } /* for onepagecheckout */ .payment-methods dd#container_payment_method_adyen_hpp { margin: 0; padding: 0; } /* end for onepagecheckout */ .sp-methods h3.other-payment { margin-top: 15px; } .sp-methods #oneclick_payment_form_adyen_oneclick { padding-top: 10px; } .sp-methods #oneclick_payment_form_adyen_oneclick .recurring-creditcards .recurring_type { float: left; vertical-align: middle; height: 120px; } #payment_form_adyen_ideal label img { float: none; } .saved-cards ul li { margin-bottom: 10px; } .saved-cards .btn-delete { margin-top: 10px; } .sp-methods #oneclick_payment_form_adyen_oneclick .creditcard-block, .saved-cards .creditcard-block { display: inline-block; border: 1px solid #999; padding: 10px; margin-left: 10px; min-width: 568px; vertical-align: middle; } .saved-cards .creditcard-block { min-width: 350px; } .sp-methods #oneclick_payment_form_adyen_oneclick .creditcard-block img, .saved-cards .creditcard-block img { margin-bottom: 10px; } .sp-methods #oneclick_payment_form_adyen_oneclick .creditcard-block .columns, .saved-cards .creditcard-block .columns { float: left; margin-right: 10px; height: 30px; } .sp-methods .adyen_oneclick .columns .update-expiration-date, .saved-cards .creditcard-block .creditcard-block .columns .update-expiration-date { display: inline; float: none; margin: 0; } .sp-methods .adyen_oneclick .columns label, .saved-cards .creditcard-block label { display: block; } .sp-methods .adyen_oneclick .columns .columns.three.b label, .creditcard-holder-name, .saved-cards .creditcard-block .columns.three.b label { width: 175px; } .sp-methods .adyen_oneclick .columns .creditcard-holder-name, .saved-cards .creditcard-block .creditcard-holder-name { margin-top: 20px; } .sp-methods .adyen_oneclick .columns .adyen-oneclick-installments, .saved-cards .creditcard-block .adyen-oneclick-installments { margin-top: 10px; } /* pos redirect page */ .redirect-body-adyen { margin: 0; padding: 0; } /* Add your custom CSS styling here */ /* Input field CSS styling */ .payment-div { margin: 0 auto; width: 60%; } .input-container { margin-top: 8px; width: 100%; overflow: hidden; clear: both; } .input-field { border: 1px solid #dedede; border-radius: 2px; float: left; height: 30px; padding: 0 0 0 6px; margin-top: 6px; position: relative; width: 300px; } .input-field input[type="text"] { border: 0; margin: 0; height: 100%; } .input-field input:focus { outline: none; } .input-label { float: left; font-family: Arial, sans-serif; font-weight: bold; position: relative; width: 100%; } .custom-field { float: left; position: relative; width: 300px; } .button--pay { color: #fff; background-color: #0abf53; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: none; font-family: Arial, sans-serif; font-size: 16px; height: 40px; padding-top: 2px; margin-top: 20px; width: 310px; } .button--pay.disabled { pointer-events: none; opacity: .5; } .brand-container__image { width: 40px; } /* Page styling */ .content { float: left; position: relative; width: 100%; } .explanation { margin: 20px auto 0; position: relative; width: 60%; } .checkout-container { margin: 0 auto; position: relative; width: 100%; } .payment-div { float: left; position: relative; width: 100%; } @media (max-width: 520px) { .explanation { width: 100%; } .form-div { width: 100%; } } /* FILE: adyencheckout.css */ .adyen-checkout__spinner__wrapper { align-items: center; display: flex; height: 100%; justify-content: center } .adyen-checkout__spinner__wrapper--inline { display: inline-block; height: auto; margin-right: 8px } .adyen-checkout__spinner { -webkit-animation: rotateSpinner 2s infinite linear; animation: rotateSpinner 2s infinite linear; border: 2px solid #00a3ff; border-radius: 50%; border-top-color: transparent; height: 43px; width: 43px } .adyen-checkout__spinner--large { height: 43px; width: 43px } .adyen-checkout__spinner--small { height: 16px; width: 16px } .adyen-checkout__spinner--medium { height: 28px; width: 28px } @-webkit-keyframes rotateSpinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes rotateSpinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .adyen-checkout__pay-button { background: #001b2b; border: 0; border-radius: 3px; box-shadow: 0 3px 4px rgba(0, 15, 45, .2); color: #fff; cursor: pointer; font-size: 1em; font-weight: 700; height: 48px; padding: 15px; transition: background .3s ease-out; width: 100% } .adyen-checkout__pay-button:disabled { -moz-user-select: all; -ms-user-select: all; -webkit-user-select: all; background: #e6e9eb; box-shadow: none; cursor: not-allowed; user-select: all } .adyen-checkout__pay-button--loading { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; background: #4c5f6b; box-shadow: none; outline: 0; pointer-events: none; user-select: none } .adyen-checkout__pay-button .adyen-checkout__spinner { border-color: transparent #fff #fff; border-width: 3px } .adyen-checkout__pay-button__content { align-items: center; display: flex; justify-content: center } .adyen-checkout__payment-method { background: #fff; border: 1px solid #edf0f3; cursor: pointer; margin-top: -1px; position: relative; transition: opacity .3s ease-out; width: 100% } .adyen-checkout__payment-method:focus { outline: 0 } .adyen-checkout__payment-method--selected + .adyen-checkout__payment-method, .adyen-checkout__payment-method:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; margin-top: 0 } .adyen-checkout__payment-method--next-selected { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .adyen-checkout__payment-method--loading { opacity: .2 } .adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading { opacity: .9 } .adyen-checkout__payment-method--disabling { opacity: .5 } .adyen-checkout__payment-method__header { align-items: center; color: #00202e; display: flex; font-size: 16px; font-weight: 400; padding: 16px; position: relative; transition: background .1s ease-out; width: 100% } .adyen-checkout__payment-method__surcharge { color: #687282; margin-left: 5px } .adyen-checkout__payment-method--selected { background: #f7f8f9; border: 1px solid #d4d9db; border-radius: 3px; cursor: default; margin: 8px 0; transition: margin .15s cubic-bezier(.4, 0, .2, 1) 0ms, opacity .3s ease-out } .adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header { font-weight: 500 } .adyen-checkout__payment-method__details { padding: 0 16px 16px } .adyen-checkout__payment-method__details__content { padding: 6px 0 24px } .adyen-checkout__payment-method__image__wrapper { height: 26px; position: relative } .adyen-checkout__payment-method__image__wrapper:after { border: 1px solid rgba(0, 27, 43, .17); border-radius: 3px; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .adyen-checkout__payment-method__image { border-radius: 3px } .adyen-checkout__payment-method__disable_oneclick { background-color: transparent; border: none; color: #687282; cursor: pointer; display: block; font-size: 13px; padding: 0; position: absolute; right: 70px; text-decoration: underline } .adyen-checkout__payment-method__disable_oneclick:focus { color: #00a3ff; outline: 0 } .adyen-checkout__payment-method__disable-confirmation { align-items: center; background: #e6e9eb; color: #001b2b; display: flex; font-size: 15px; justify-content: space-between; margin-bottom: 10px; padding: 8px 16px } .adyen-checkout__payment-method__disable-confirmation__buttons { display: flex } .adyen-checkout__payment-method__disable-confirmation__button { border: 1px solid transparent; border-radius: 3px; cursor: pointer; font-size: 13px; line-height: 15px; margin: 0 0 0 8px; padding: 8px } .adyen-checkout__payment-method__disable-confirmation__button--remove { background: #d10244; border-color: #d10244; color: #fff } .adyen-checkout__payment-method__disable-confirmation__button--cancel { background: transparent; border-color: #001b2b; color: #001b2b } .adyen-checkout__payment-method__radio { background-color: #fff; border: 1px solid #b9c4c9; border-radius: 50%; box-shadow: inset 0 1px 3px rgba(0, 27, 43, .15); height: 18px; position: absolute; right: 20px; transition: border-color .3s ease-out; width: 18px } .adyen-checkout__payment-method__radio:after { -webkit-transform: translateY(-50%) scale(0); background-color: #fff; border-radius: 50%; box-shadow: 0 1px 1px rgba(0, 15, 45, .25); content: ""; display: block; height: 6px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%) scale(0); transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; width: 6px } .adyen-checkout__payment-method__radio:hover { border-color: #00a3ff; cursor: pointer } .adyen-checkout__payment-method__radio--selected { background-color: #00a3ff; border: 0 solid transparent; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .26); transition: all .3s ease-out } .adyen-checkout__payment-method__radio--selected:after { -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1) } .adyen-checkout__field { display: block; margin-bottom: 16px } .adyen-checkout__field--error input { border-color: #d81b4a; color: #d81b4a } .adyen-checkout__field:last-child { margin-bottom: 0 } .adyen-checkout__helper-text, .adyen-checkout__label__text { color: #001b2b; display: block; font-size: 13px; font-weight: 400; line-height: 13px; padding-bottom: 8px } .adyen-checkout__helper-text { color: #687282 } .adyen-checkout__label__text { transition: color .2s ease-out } .adyen-checkout__label--focused .adyen-checkout__label__text { color: #07b } .adyen-checkout__error-text, .adyen-checkout__label__text--error { align-items: center; color: #d0021b; display: flex; font-size: 12px; font-weight: 400; margin-top: 4px } .adyen-checkout__icon svg { fill: currentColor } .adyen-checkout__open-invoice .adyen-checkout__input--wrapper--socialSecurityNumber + .adyen-checkout__error-text { max-width: 380px } .adyen-checkout__radio_group + .adyen-checkout-input__inline-validation { display: none } .adyen-checkout__radio_group__input { opacity: 0; position: absolute } .adyen-checkout__radio_group__label { display: block; font-size: 13px; font-weight: 400; line-height: 16px; margin-bottom: 8px; padding-bottom: 0; padding-left: 24px; position: relative } .adyen-checkout__radio_group__label:before { background-color: #fff; border: 1px solid #b9c4c9; border-radius: 50%; content: ""; height: 16px; left: 0; position: absolute; top: 0; transition: border-color .3s ease-out; width: 16px } .adyen-checkout__radio_group__label:after { -webkit-transform: scale(0); background-color: #fff; border-radius: 50%; box-shadow: 0 1px 1px rgba(0, 15, 45, .25); content: ""; display: block; height: 6px; left: 5px; margin: 0 auto; position: absolute; top: 5px; transform: scale(0); transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; width: 6px } .adyen-checkout__radio_group__label:hover { border-color: #00a3ff; cursor: pointer } .adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:before, .adyen-checkout__radio_group__label--selected { background-color: #00a3ff; border: 0 solid transparent; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .26); transition: all .3s ease-out } .adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:after { -webkit-transform: scale(1); transform: scale(1) } .adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before { border: 1px solid #d10244 } .adyen-checkout__checkbox { display: block } .adyen-checkout__checkbox > input[type=checkbox] { opacity: 0; pointer-events: none; position: absolute } .adyen-checkout__checkbox__label { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; color: #001b2b; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 400; line-height: 16px; padding-left: 24px; position: relative; user-select: none } .adyen-checkout__checkbox__input + span:before { -webkit-transform: rotate(37deg); -webkit-transform-origin: 100% 100%; border-color: transparent #fff #fff transparent; border-radius: 0 2px 1px 2px; border-style: solid; border-width: 1px 2px 2px 1px; content: ""; height: 11px; left: 1px; opacity: 0; position: absolute; top: 2px; transform: rotate(37deg); transform-origin: 100% 100%; transition: opacity .2s ease-out; width: 6px; z-index: 1 } .adyen-checkout__checkbox__input:checked + .adyen-checkout__checkbox__label:before { opacity: 1 } .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:after { background-color: #fff; border: 1px solid #b9c4c9; border-radius: 3px; content: ""; height: 16px; left: 0; position: absolute; top: 0; transition: background .15s ease-out, border .05s ease-out, box-shadow .1s ease-out; width: 16px; z-index: 0 } .adyen-checkout__checkbox__input:checked + .adyen-checkout__checkbox__label:after { background-color: #00a3ff; border: 1px solid #00a3ff } .adyen-checkout__checkbox__input:focus + span:after { border: 1px solid #00a3ff; box-shadow: 0 0 0 2px #91d7ff } .adyen-checkout__checkbox__input.adyen-checkout__checkbox__input--invalid + .adyen-checkout__checkbox__label:after { border: 1px solid #d10244 } .adyen-checkout__dropdown { font-size: 16px; max-width: 100%; width: 200px } .adyen-checkout__dropdown--small { width: 130px } .adyen-checkout__dropdown--large { width: 300px } .adyen-checkout__dropdown__button { background: #fff; border: 1px solid #b9c4c9; border-radius: 3px; font-size: 16px; height: 40px; line-height: 20px; outline: 0; padding: 9px 20px 9px 8px; transition: border .2s ease-out, box-shadow .2s ease-out; width: 100% } .adyen-checkout__dropdown__button__icon { margin-right: 8px; max-height: 20px; max-width: 32px } .adyen-checkout__dropdown__button--active, .adyen-checkout__dropdown__button:active, .adyen-checkout__dropdown__button:focus { border-color: #00a3ff; box-shadow: 0 0 0 2px #91d7ff } .adyen-checkout__dropdown__button--readonly, .adyen-checkout__dropdown__button--readonly.adyen-checkout__dropdown__button--active { background: #e6e9eb; color: #001b2b; cursor: not-allowed } .adyen-checkout__dropdown__button--invalid { border-color: #d10244 } .adyen-checkout__dropdown__button__text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .adyen-checkout__dropdown__list { border-radius: 3px; box-shadow: 0 2px 7px rgba(0, 15, 45, .3); margin-top: 2px; z-index: 2 } .adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active { -webkit-animation: expand .1s ease-out; animation: expand .1s ease-out } .adyen-checkout__dropdown__element { -ms-hyphens: auto; -webkit-hyphens: auto; border: 1px solid transparent; border-bottom-color: #e6e9eb; cursor: pointer; hyphens: auto; line-height: 20px; outline: 0; padding: 8px; transition: background .2s ease-out, border-color .2s ease-out; word-break: break-word } .adyen-checkout__dropdown__element:last-child { border-bottom: 0 } .adyen-checkout__dropdown__element:active, .adyen-checkout__dropdown__element:focus, .adyen-checkout__dropdown__element:hover { background: #f0f2f4 } .adyen-checkout__dropdown__element:active, .adyen-checkout__dropdown__element:focus { border-bottom-color: #00a3ff; border-top-color: #00a3ff } .adyen-checkout__dropdown__element__icon { margin-right: 8px; max-height: 20px; max-width: 32px } @-webkit-keyframes expand { 0% { -webkit-transform: scaleY(0); transform: scaleY(0) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes expand { 0% { -webkit-transform: scaleY(0); transform: scaleY(0) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .adyen-checkout__dropdown + .adyen-checkout-input__inline-validation { right: 32px } .adyen-checkout__select-list { margin: 0; padding: 0 } .adyen-checkout__select-list__item { background: #fff; border-top: 1px solid #b9c4c9; cursor: pointer; display: inline-block; font-size: 16px; line-height: 20px; outline: 0; padding: 9px; width: 100% } .adyen-checkout__select-list__item:first-child { border-top: 0 } .adyen-checkout__select-list__item:active, .adyen-checkout__select-list__item:focus, .adyen-checkout__select-list__item:hover { background: rgba(145, 215, 255, .5) } .adyen-checkout__select-list__item--selected { background: rgba(145, 215, 255, .5); font-weight: 700 } .adyen-checkout__input { background: #fff; border: 1px solid #b9c4c9; border-radius: 3px; color: #001b2b; display: block; font-family: inherit; font-size: 16px; height: 40px; outline: none; padding: 5px 8px; position: relative; transition: border .2s ease-out, box-shadow .2s ease-out; width: 200px } .adyen-checkout__input:required { box-shadow: none } .adyen-checkout__input--wrapper { display: inline-block; position: relative } .adyen-checkout__input--wrapper--block { display: block } .adyen-checkout-input__inline-validation { -webkit-transform: translateY(-50%); height: 16px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 16px } .adyen-checkout-input__inline-validation--valid { color: #039450 } .adyen-checkout-input__inline-validation--invalid { color: #d10244 } .adyen-checkout__input.adyen-checkout__input--small { width: 130px } .adyen-checkout__input.adyen-checkout__input--large { width: 300px } .adyen-checkout__input.adyen-checkout__input--invalid { border-color: #d10244 } .adyen-checkout__input.adyen-checkout__input--valid { border-bottom-color: #04ba65 } .adyen-checkout__input--error { border-color: #d0021b } .adyen-checkout__input::-webkit-input-placeholder { color: #90a2bd; font-weight: 200 } .adyen-checkout__input::-ms-input-placeholder { color: #90a2bd; font-weight: 200 } .adyen-checkout__input::placeholder { color: #90a2bd; font-weight: 200 } .adyen-checkout__input--active, .adyen-checkout__input:active, .adyen-checkout__input:focus { border: 1px solid #00a3ff; box-shadow: 0 0 0 2px #91d7ff } .adyen-checkout__input[readonly] { background-color: #e6e9eb; border-color: transparent; color: #687282; cursor: default } .adyen-checkout__fieldset { color: #687282; display: block; padding-bottom: 30px; width: 100% } .adyen-checkout__fieldset__title { color: #687282; display: block; font-size: 11px; font-weight: 700; letter-spacing: 1px; margin: 0; padding: 0 0 20px; text-transform: uppercase } .adyen-checkout__fieldset--readonly { color: #001b2b; font-size: 13px; line-height: 19px; margin: 0 } .adyen-checkout__open-invoice .adyen-checkout__checkbox--consent-checkbox { max-width: 540px } .adyen-checkout__open-invoice .adyen-checkout__checkbox + .adyen-checkout__open-invoice .adyen-checkout__fieldset { padding-top: 30px } .adyen-checkout__open-invoice .adyen-checkout__checkbox { margin: 0 0 20px } .adyen-checkout__applepay__button { height: 40px; width: 240px } .adyen-checkout__card-input__form { transition: opacity .25s ease-out } .adyen-checkout__card__exp-cvc { display: flex } .adyen-checkout__card__cardNumber { max-width: 400px } .adyen-checkout__card__cardNumber__input { padding: 5px 8px 5px 57px } .adyen-checkout__card__exp-date__input--oneclick { font-weight: 400; height: 40px; line-height: 40px } .adyen-checkout__card__exp-cvc .adyen-checkout__field { margin-bottom: 0; margin-right: 24px } .adyen-checkout__card-input .adyen-checkout__store-details { margin-top: 16px } .adyen-checkout__giropay__results { background: #fff; border: 1px solid #b9c4c9; border-radius: 4px; max-height: 140px; min-height: 100px; overflow-y: scroll; width: 100% } .adyen-checkout__giropay__no-results { color: #687282; display: block; font-size: 13px; padding: 0 0 0 2px } .adyen-checkout__giropay__placeholder { color: #90a2bd; display: block; font-weight: 200; padding: 0 0 0 2px } .adyen-checkout__giropay__loading { display: block; min-height: 100px } .adyen-checkout__giropay__loading .adyen-checkout__spinner__wrapper { display: inline-block; vertical-align: middle } .adyen-checkout__giropay__loading-text { color: #687282; font-size: 13px; line-height: 16px; vertical-align: middle } .adyen-checkout__giropay__error { color: #d0021b; font-size: 13px } .adyen-checkout__phone-input { display: flex } .adyen-checkout__phone-input__prefix { margin-right: .5em } .adyen-checkout__phone-input .adyen-checkout__field { margin-bottom: 0 } .adyen-checkout__iban-input__number { padding: 5px 36px 5px 8px; text-transform: uppercase } .adyen-checkout__wechatpay { background: #fff; border: 1px solid #dde1e3; border-radius: 3px; min-height: 443px; padding: 40px; text-align: center } .adyen-checkout__wechatpay__brand-logo { height: 20px; width: 109px } .adyen-checkout__wechatpay__subtitle { margin-top: 32px } .adyen-checkout__wechatpay__payment_amount, .adyen-checkout__wechatpay__subtitle { color: #001b2b; font-size: 16px; line-height: 19px } .adyen-checkout__wechatpay__progress { background: #d4d9db; border-radius: 25px; height: 4px; margin: 32px auto 12px; padding-right: 3%; width: 152px } .adyen-checkout__wechatpay__progress > span { background: #00a3ff; border-radius: 25px; display: block; height: 100% } .adyen-checkout__wechatpay__countdown { color: #687282; font-size: 13px } .adyen-checkout__wechatpay .adyen-checkout__spinner__wrapper { margin: 60px 0 } .adyen-checkout__alert { align-items: flex-start; background-color: #00a3ff; border-radius: 3px; color: #fff; display: flex; justify-content: space-between; line-height: 1; margin: 0; padding: 12px } .adyen-checkout__alert--error { background-color: #d81b4a } .adyen-checkout__alert--success { background-color: #0abf53 } .adyen-checkout__alert--info { background-color: #00a3ff } .adyen-checkout__sdk, .adyen-checkout__sdk *, .adyen-checkout__sdk * :before, .adyen-checkout__sdk :after { box-sizing: border-box } .adyen-checkout__payment-methods-list { border-radius: 3px } .adyen-checkout__payment-methods-list--loading { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; pointer-events: none; user-select: none } .adyen-checkout__link { color: #687282; font-size: 13px; text-decoration: underline } /* FILE: onestepcheckout.css */ ol.checkout-agreements { margin-top: 10px; } .onestepcheckout-extraproducts { margin-top: 10px; margin-bottom: 10px; } .onestepcheckout-extraproducts span { font-weight: bold; } .onestepcheckout-extraproducts li { padding: 2px 0; } .onestepcheckout-button:hover { background-color: #111; color: #fff; } .onestepcheckout-button:active { top: 1px; } .small.onestepcheckout-button, .small.onestepcheckout-button:visited { font-size: 11px;} .onestepcheckout-button, .onestepcheckout-button:visited, .medium.onestepcheckout-button, .medium.onestepcheckout-button:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } .large.onestepcheckout-button, .large.onestepcheckout-button:visited { font-size: 16px; padding: 8px 30px 9px; } .green.onestepcheckout-button, .green.onestepcheckout-button:visited { background-color: #91bd09; } .green.onestepcheckout-button:hover { background-color: #749a02; } .blue.onestepcheckout-button, .blue.onestepcheckout-button:visited { background-color: #2daebf; } .blue.onestepcheckout-button:hover { background-color: #007d9a; } .red.onestepcheckout-button, .red.onestepcheckout-button:visited { background-color: #e33100; } .red.onestepcheckout-button:hover { background-color: #872300; } .magenta.onestepcheckout-button, .magenta.onestepcheckout-button:visited { background-color: #a9014b; } .magenta.onestepcheckout-button:hover { background-color: #630030; } .orange.onestepcheckout-button, .orange.onestepcheckout-button:visited { background-color: #ff5c00; } .orange.onestepcheckout-button:hover { background-color: #d45500; } .yellow.onestepcheckout-button, .yellow.onestepcheckout-button:visited { background-color: #ffb515; } .yellow.onestepcheckout-button:hover { background-color: #fc9200; } .grey.onestepcheckout-button, .grey.onestepcheckout-button:visited { background-color: #cccccc; } .grey.onestepcheckout-button:hover { background-color: #cccccc; } .onestepcheckout-place-order-loading { text-align: right; margin-top: 10px; padding-left: 20px; font-style: italic; background: url("https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/onestepcheckout/images/ajax-loader.gif") no-repeat; display: inline-block; } select.address-select { margin: 3px 0 3px 0; width: 95% !important; } .onestepcheckout-enterprise span.validation-error,.onestepcheckout-enterprise div.validation-error { padding-right: 0; } ul.onestepcheckout-custom-options { margin: 0 0 0 20px; padding: 0; list-style-type: disc; } .onestepcheckout-coupons input#id_couponcode { margin-bottom: 5px; width: 200px; } .onestepcheckout-giftcards input#id_giftcardcode { margin-bottom: 5px; width: 200px; } #onestepcheckout-form label { font-weight: normal !important; } .onestepcheckout-summary,.onestepcheckout-totals { border-collapse: collapse; } .onestepcheckout-totals { } .onestepcheckout-summary th,.onestepcheckout-summary,.onestepcheckout-summary td,.onestepcheckout-totals td { padding: 3px 0; } .onestepcheckout-summary th { border-bottom: 1px solid #BEBCB7; border-top: 1px solid #BEBCB7; } table.onestepcheckout-totals tr.grand-total td { border-top: 1px solid #BEBCB7; } h1.onestepcheckout-title { font-size: 20px; text-transform: uppercase; } p.onestepcheckout-description { font-size: 18px; } #onestepcheckout-form .group-select { padding: 0px !important; } div.onestepcheckout-threecolumns { margin-top: 10px; } div.onestepcheckout-threecolumns h1 { font-family: Arial,serif; font-size: 18px; font-weight: bold; } div.onestepcheckout-threecolumns div.onestepcheckout-column-left { width: 33%; float: left; margin-right: 15px; background: transparent url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/onestepcheckout/images/line-gradient.gif) no-repeat scroll right top; padding-top: 15px; } div.onestepcheckout-threecolumns div.onestepcheckout-column-middle { width: 31%; float: left; background: transparent url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/onestepcheckout/images/line-gradient.gif) no-repeat scroll right top; padding-top:15px; } div.onestepcheckout-threecolumns div.onestepcheckout-column-right { width: 32%; float: right; padding-top: 15px; } p.onestepcheckout-login-link { padding-top: 5px; } #onestepcheckout-email-error { width: 245px; clear: both; padding-top: 3px; } div.onestepcheckout-error { color: #DF280A; border: 1px solid #DF280A; margin-top: 5px; margin-bottom: 5px; text-align: left; padding-top: 3px; padding-bottom: 3px; padding-left: 25px; background: #FAEBE7 url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/onestepcheckout/images/onestepcheckout-error.jpg) no-repeat 5px 5px; } .onestepcheckout-column-left .onestepcheckout-error { width: 85% !important; } div.onestepcheckout-enable-newsletter { margin-bottom: 10px; /*text-align: right;*/ } div.onestepcheckout-enable-newsletter-bottom { margin-top: 20px; text-align: right; } div.onestepcheckout-enable-terms { /*text-align: right;*/ margin-top: 10px; } table.onestepcheckout-summary { width: 100%; } table.onestepcheckout-summary td.name { width: 45%; } table.onestepcheckout-summary td.qty,table.onestepcheckout-summary th.qty { width: 10%; text-align: center; } table.onestepcheckout-summary td.total,table.onestepcheckout-summary th.total { width: 25%; text-align: right; } table.onestepcheckout-totals { width: 100%; margin-bottom: 20px; } table.onestepcheckout-totals tr.grand-total td { font-weight: bold; } table.onestepcheckout-totals td.title { width: 75%; text-align: right; } table.onestepcheckout-totals td.value { width: 35%; text-align: right; } div.onestepcheckout-place-order-wrapper { text-align: right; margin-top: 20px; } div.checkoutcontainer { border-top: 1px solid #D8D2C7; min-height: 33em; overflow: hidden; } div.checkoutcontainer .checkout-error-message { font-size: 14px; margin-left: 10px; color: #ff0000; } div.checkoutcontainer .payment-methods .form-list label { text-align: left !important; } div.checkoutcontainer div.input-error label { color: #ff0000 !important; } div.checkoutcontainer div.input-error input,div.checkoutcontainer div.input-error select { border: 1px solid #ff0000 !important; } div.checkoutcontainer div.input-different-shipping { margin-top: 10px; } div.checkoutcontainer div.input-address-short,div.checkoutcontainer div.input-firstname,div.checkoutcontainer div.input-lastname,div.checkoutcontainer div.input-email,div.checkoutcontainer div.input-telephone,div.checkoutcontainer div.input-company,div.checkoutcontainer div.input-fax,div.checkoutcontainer div.input-password, div.checkoutcontainer div.input-city { width: 49%; float: left; } div.input-address-short.address-1 { width:100% !important; } div.checkoutcontainer li.taxvat .input-text { width: 83% !important; } div.checkoutcontainer div.input-address-short .input-text, div.checkoutcontainer div.input-firstname .input-text,div.checkoutcontainer div.input-lastname .input-text,div.checkoutcontainer div.input-email .input-text,div.checkoutcontainer div.input-telephone .input-text,div.checkoutcontainer div.input-company .input-text,div.checkoutcontainer div.input-fax .input-text,div.checkoutcontainer div.input-password .input-text { width: 95%; } div.checkoutcontainer div.input-address,div.checkoutcontainer li.taxvat div.input-box { width: 100% !important; } div.checkoutcontainer div.input-address .input-text,div.checkoutcontainer div.input-city .input-text { width: 95%; } div.checkoutcontainer div.input-postcode { width: 49%; float: left; } div.checkoutcontainer div.input-postcode .input-text { width: 95%; } div.checkoutcontainer div.input-region { width: 60%; float: left; } div.checkoutcontainer div.input-region .input-text { width: 77%; } div.checkoutcontainer div.input-country { width: 100%; } div.checkoutcontainer div.input-country select { width: 95%; } div.checkoutcontainer div.input-region select { width: 77% !important; } fieldset.group-select { padding: 10px 10px; } .group-select li { padding: 4px 0; } .shipment-methods dd { font-weight: bold; margin: 0 !important; } p.checkout-choose-payment-method,p.checkout-choose-shipping-method { margin-top: 1em; font-size: 14px; font-weight: bold; margin-bottom: 5px; } p.checkout-choose-payment-method { margin-top: 2em !important; } .payment-methods dd { padding: 0 0 0 20px; } .payment-methods dd li { padding: 0; } div.onestepcheckout-shipping-method { margin-bottom: 20px; } div.loading-ajax, div.loading-ajax-login { height: 50px; text-align: center; background: url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/onestepcheckout/images/ajax-loader.gif) no-repeat center center; } p.onestepcheckout-numbers { background-repeat: no-repeat; height: 35px; color: #404040; text-transform: uppercase; padding-top: 6px; padding-left: 38px; font-size: 15px; font-weight: bold; } p.onestepcheckout-numbers-1 { background-image: url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/onestepcheckout/images/onestepcheckout-numbers-1.png); } p.onestepcheckout-numbers-2 { background-image: url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/onestepcheckout/images/onestepcheckout-numbers-2.png); } p.onestepcheckout-numbers-3 { background-image: url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/onestepcheckout/images/onestepcheckout-numbers-3.png); } p.onestepcheckout-numbers-4 { background-image: url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/onestepcheckout/images/onestepcheckout-numbers-4.png); } div.onestepcheckout-skin-magento .onestepcheckout-numbers { padding-top: 0; padding-left: 28px !important; height: 25px !important; text-transform: capitalize !important; color: #F18200 !important; font-size: 13px !important; } div.onestepcheckout-skin-magento p.onestepcheckout-numbers-1 { background-image: url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/onestepcheckout/images/skin-magento/onestepcheckout-numbers-1.png) !important; } div.onestepcheckout-skin-magento p.onestepcheckout-numbers-2 { background-image: url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/onestepcheckout/images/skin-magento/onestepcheckout-numbers-2.png) !important; } div.onestepcheckout-skin-magento p.onestepcheckout-numbers-3 { background-image: url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/onestepcheckout/images/skin-magento/onestepcheckout-numbers-3.png) !important; } div.onestepcheckout-skin-magento p.onestepcheckout-numbers-4 { background-image: url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/onestepcheckout/images/skin-magento/onestepcheckout-numbers-4.png) !important; } /* Popup CSS */ #onestepcheckout_popup_overlay_iframe { z-index: 100000; background-color: #000000; opacity: 0.8; filter: alpha(opacity = 80); position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; } #onestepcheckout_popup_overlay { z-index: 1000000; background-color: #000000; opacity: 0.8; filter: alpha(opacity = 80); position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; cursor: pointer; } #onestepcheckout-toc-popup { width: 482px; height: 530px; position: absolute; z-index: 1000001; } #onestepcheckout-toc-popup .onestepcheckout-popup-contents { height: 515px !important; } #onestepcheckout-toc-popup div.onestepcheckout-popup-contents { overflow: auto; height: 450px; } #onestepcheckout-toc-popup h1 { margin-left: 20px; } #onestepcheckout-toc-popup .onestepcheckout-toc-terms { margin: 0 20px 20px; height: 440px !important; overflow: auto; padding-right: 10px; } #onestepcheckout-login-popup,#onestepcheckout-toc-popup { text-align: left !important; } .onestepcheckout-popup-contents h1 { font-size: 18px !important; padding-top: 5px !important; } .onestepcheckout-popup-contents { background: #dbdbdb; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dbdbdb 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #dbdbdb 0%,#f4f4f4 100%); background: -o-linear-gradient(top, #dbdbdb 0%,#f4f4f4 100%); background: -ms-linear-gradient(top, #dbdbdb 0%,#f4f4f4 100%); background: linear-gradient(to bottom, #dbdbdb 0%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#f4f4f4',GradientType=0 ); border-radius: 10px; border: 3px solid #fff; margin: 0px 20px 0px 20px; padding: 10px 10px 10px 10px; } .onestepcheckout-popup-contents label { font-weight: normal; } .onestepcheckout-popup-contents .input-text { width: 190px !important; } /* Popup CSS (login link) */ #onestepcheckout-login-popup { max-width: 482px; position: absolute; z-index: 1000001; /*position: fixed;*/ } #onestepcheckout-login-popup button { padding: 3px 10px; } #onestepcheckout-login-popup div.onestepcheckout-popup-contents { } #onestepcheckout-login-popup p { padding: 5px 0px 0px 0px; } #onestepcheckout-login-popup .input-button { padding-top: 5px; } #onestepcheckout-login-popup p.close,#onestepcheckout-toc-popup p.close { font-size: 15px; text-transform: uppercase; font-weight: bold; position: absolute; right: 28px; bottom: 4px; } #onestepcheckout-login-popup p.close a,#onestepcheckout-login-popup p.close a:link,#onestepcheckout-login-popup p.close a:visited,#onestepcheckout-toc-popup p.close a,#onestepcheckout-toc-popup p.close a:link,#onestepcheckout-toc-popup p.close a:visited { text-decoration: none; color: #000000; } #onestepcheckout-login-popup p.close a:hover,#onestepcheckout-toc-popup p.close a:hover { text-decoration: underline; } #onestepcheckout-login-error,#onestepcheckout-forgot-error { color: #ff0000; margin-bottom: 10px; } div.onestepcheckout-comments { margin-top: 5px; margin-bottom: 20px; } div.onestepcheckout-comments textarea { margin-top: 5px; width: 95%; } /* onestepcheckout-twocolumns */ .onestepcheckout-two-columns .onestepcheckout-column-left { width: 47%; float: left; margin-right: 30px; background: transparent url(https://www.pinkgellac.com/skin/frontend/ultimo/pinkgellac/onestepcheckout/images/line-gradient.gif) no-repeat scroll right top; } .onestepcheckout-two-columns .onestepcheckout-column-right { width: 43%; float: left; } .onestepcheckout-two-columns p.onestepcheckout-numbers { margin-top: 20px !important; } .onestepcheckout-two-columns div.onestepcheckout-enable-terms { text-align: center !important; } .onestepcheckout-two-columns div.onestepcheckout-place-order-wrapper { text-align: center !important; margin-top: 10px !important; } .onestepcheckout-two-columns div.onestepcheckout-enable-newsletter { text-align: center !important; } .checkoutcontainer .payment-methods .input-box { width: 100% !important; } .checkoutcontainer .payment-methods .input-box .input-text,.checkoutcontainer .payment-methods .input-box textarea,.checkoutcontainer .payment-methods .input-box select { width: 95% !important; } .checkoutcontainer .payment-methods .input-box select.year,.checkoutcontainer .payment-methods .input-box select#protxDirect_expiration_yr,.checkoutcontainer .payment-methods .input-box select#protxDirect_start_yr { width: 75px !important; } .checkoutcontainer .payment-methods .input-box select.month,.checkoutcontainer .payment-methods .input-box select#protxDirect_start,.checkoutcontainer .payment-methods .input-box select#protxDirect_expiration { width: 140px !important; } .checkoutcontainer li.shipping-address-title { font-family: Arial,sans-serif; font-size: 16px; text-transform: uppercase; color: #404040; font-weight: bold; padding-top: 5px; } .onestepcheckout-giftmessagecontainer { margin-bottom: 10px; } .onestepcheckout-giftmessagecontainer .input-checkbox { /*text-align: right;*/ } #onestepcheckout-giftmessages .onestepcheckout-giftmessages fieldset.group-select { padding: 0 !important; border: 0 !important; margin: 0 !important; } .onestepcheckout-giftmessages .group-select li .input-box-last { margin-right: 0 !important; } .onestepcheckout-giftmessages .group-select li .input-box { width: 125px; margin-right: 20px; } .onestepcheckout-giftmessages .group-select li .input-box .input-text { width: 120px; } .onestepcheckout-giftmessages .group-select li textarea { width: 267px; } .onestepcheckout-address-line { margin-bottom: 10px; } .onestepcheckout-column-left .customer-dob .dob-month,.onestepcheckout-column-left .customer-dob .dob-day,.onestepcheckout-column-left .customer-dob .dob-year { float: left; } .onestepcheckout-column-left .customer-dob input.input-text { display: block; width: 74px; } .onestepcheckout-column-left .customer-dob label { font-size: 10px; font-weight: normal; color: #888; } .onestepcheckout-column-left .customer-dob .dob-day,.onestepcheckout-column-left .customer-dob .dob-month { width: 60px; } .onestepcheckout-column-left .customer-dob .dob-day input.input-text,.onestepcheckout-column-left .customer-dob .dob-month input.input-text { width: 46px; } .onestepcheckout-column-left .customer-dob .dob-year { width: 110px; } .onestepcheckout-column-left .customer-dob .dob-year input.input-text { width: 115px; } .onestepcheckout-feedback, .onestepcheckout-feedback-freetext { padding-top: 10px; } .onestepcheckout-feedback select { width:95%; } .onestepcheckout-feedback-freetext textarea{ width:95%; } .onestepcheckout-coupon-code-notice { } #control_overlay { background-color:#000; } .oscmodal { background-color:#fff; padding:10px; border:1px solid #333; } #addressreview { width: 750px; min-height: 430px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #E9EAEE; border: 2px solid white; padding: 15px 40px 20px 40px; margin: 0 auto; text-align: left; box-shadow: 1px 2px 6px rgba(0,0,0, 0.5); -moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5); -webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5); position:relative; } #addressreview .leftcol{ float: left; width: 200px; } #addressreview .rightcol{ float: left; width: 540px; } #addressreview h4 { padding-top: 15px; padding-bottom: 3px; font-size: 16px; } #addressreview #buttons { position: absolute; right: 40px; bottom: 20px; } #addressreview #buttons div { float: left; zoom: 1; margin: 0 10px 0 10px; } #addressreview_summary div.data { height: 375px; overflow-y: auto; padding-right: 2px; } .checkout-agreements li { margin: 0; } .checkout-agreements .agree { margin: 0; padding: 0; } .agreement-content { overflow: auto; text-align:left; } label.required:after, span.required:after { content: '' !important; } label.required, span.required { color: #F00; } /* Responsive styles */ @media only screen and (min-width: 916px) and (max-width: 1199px) { div.checkoutcontainer div.input-country select { width: 95%!important; } .onestepcheckout-threecolumns div.onestepcheckout-column-middle { margin: 21px 0px 0px 0px !important; padding: 0px !important;} div.checkoutcontainer div.input-region { width: 55.8%!important; } div.checkoutcontainer div.input-address-short .input-text, div.checkoutcontainer div.input-firstname .input-text, div.checkoutcontainer div.input-lastname .input-text, div.checkoutcontainer div.input-email .input-text, div.checkoutcontainer div.input-telephone .input-text, div.checkoutcontainer div.input-company .input-text, div.checkoutcontainer div.input-fax .input-text, div.checkoutcontainer div.input-password .input-text { width: 95%!important; } div.checkoutcontainer div.input-address .input-text, div.checkoutcontainer div.input-city .input-text { width: 95%; } div.checkoutcontainer div.input-region .input-text { width: 93%; } .v-fix { margin-right: 5%; } } @media only screen and (min-width: 651px) and (max-width: 915px) { div.checkoutcontainer div.input-address-short .input-text, div.checkoutcontainer div.input-firstname .input-text, div.checkoutcontainer div.input-lastname .input-text, div.checkoutcontainer div.input-email .input-text, div.checkoutcontainer div.input-telephone .input-text, div.checkoutcontainer div.input-company .input-text, div.checkoutcontainer div.input-fax .input-text, div.checkoutcontainer div.input-password .input-text , div.checkoutcontainer div.input-company .input-text { width: 95%!important; } div.wrapper {min-width: 581px} div.onestepcheckout-enable-newsletter { width: 60%!important; } { width: 77%!important; } div.checkoutcontainer div.input-address .input-text, div.checkoutcontainer div.input-city .input-text, div.checkoutcontainer div.input-country select { width: 95%;} div.checkoutcontainer li.taxvat div.input-box { width: 42%!important;} div.checkoutcontainer div.input-region .input-text { width: 86%; } div.wrapper {min-width: 500px} div.main {width: auto; max-width : 915px} } @media only screen and (min-width: 320px) and (max-width: 650px) { div.checkoutcontainer { border-top: none; } .onestepcheckout-threecolumns div.onestepcheckout-column-left { background: none!important;} .onestepcheckout-threecolumns div.onestepcheckout-column-middle {background: none!important;} .onestepcheckout-threecolumns div.onestepcheckout-column-right { float: left !important; } .payment-methods { margin-bottom: 5px; } table.onestepcheckout-summary { width: 100%!important;} table.onestepcheckout-totals { width: 100%!important;} .onestepcheckout-coupons input#id_couponcode {} div.checkoutcontainer div.onestepcheckout-summary, div.checkoutcontainer div.onestepcheckout-coupons, div.checkoutcontainer div.onestepcheckout-place-order-wrapper { margin-left: 0;} #addressreview {width: 85%!important; padding: 10px 10px 10px 10px !important;} #addressreview_summary div.data {height: 275px;} #addressreview .leftcol{width: 100%!important;} #addressreview .rightcol{width: 100%!important;} .large.onestepcheckout-button{margin-top: 8px;} div.wrapper {min-width: 320px} div.main {width: auto; max-width : 499px} } /* End of responsive design */ /* FILE: default.css */ /* Generic =============================================================================== */ .postnl-container { background:#fff; font:11px/1 Arial, sans-serif; color:#333334; border:1px solid #bbbbbc; border-left:0; border-right:0; padding:11px 17px 21px; margin:11px 0 16px; } .postnl-container * { margin:0; padding:0; float:none; font-weight:normal; border:none; } .postnl-container *, .postnl-container *:before, .postnl-container *:after { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } /* Styling */ .postnl-container h2 { font-size:17px; color:#ed8c00; } .postnl-container h3 { font-size:14px; color:#333334; } .postnl-container h2, .postnl-container h3 { font-weight:bold; font-family:Arial, sans-serif; margin:0; line-height:1; } .postnl-container .title { height:54px; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_postnl.png) 100% 0 no-repeat; } .postnl-container .title h2 { padding-top:11px; } .postnl-container .sub-title { margin-bottom:9px; } .postnl-container em { font-style:italic; } .postnl-container strong { font-weight:bold; } .postnl-container a { color:#333334; text-decoration:none; cursor:pointer; } .postnl-container a:hover { color:#333334; text-decoration:underline; } .postnl-container :focus{ outline:0; } /* Layout */ .postnl-container .col-1, .postnl-container .col-2 { width:50%; min-width:281px; max-width:351px; float:left; } .postnl-container .col-1 { padding-right:17px; } .postnl-container .col-2 { padding-left:17px; } /* Buttons */ .postnl-container .button { border:0; padding:0; margin:0; background:transparent; overflow:visible; cursor:pointer; vertical-align:middle; height:26px !important; } .postnl-container .button span { border:0; margin:0; cursor:pointer; display:-moz-inline-stack; display:inline-block; height:26px; color:#fff; text-decoration:none; background:transparent url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_button.png) 0 -68px no-repeat !important; } .postnl-container .button span span { padding:0 12px 0; background-position:100% -68px !important; white-space:nowrap; font:14px/24px Arial, sans-serif; text-transform:none; } .postnl-container .button.disabled span { background-position:0 -94px !important; color:#b0b0b0 !important; cursor:default !important; } .postnl-container .button.disabled span span { background-position:100% -94px !important; } .postnl-container .button.action { height:34px !important; } .postnl-container .button.action span { background-position:0 0 !important; padding:0 0 0 17px; height:34px; } .postnl-container .button.action span span { background-position:100% 0 !important; padding:0 32px 0 0; font:14px/32px Arial, sans-serif; } .postnl-container .button.action.disabled span { background-position:0 -34px !important; } .postnl-container .button.action.disabled span span { background-position:100% -34px !important; } .postnl-container .button.next { height:30px !important; } .postnl-container .button.next:hover { opacity: 0.6; background:none;} .postnl-container .button.next:disabled{ background:none; } .postnl-container .button.next span { background-position:0 -120px !important; height:30px; } .postnl-container .button.next span span { background-position:100% -120px !important; padding:0 60px 0 20px; line-height:28px; } .postnl-container .button.next.disabled span { background-position:0 -150px !important; } .postnl-container .button.next.disabled span span { background-position:100% -150px !important; } .postnl-container .button:active { position:relative; z-index:2; bottom:-1px; right:0; left:0; } /* Loading */ .postnl-loader { width:100%; height:60px; text-align:center; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/loader_default.gif) center top no-repeat; padding-top:42px; } .popup-window .postnl-loader { height:332px; background-position:center 112px; padding-top:150px; } #locations_loader { display:inline-block; width:14px; height:16px; text-indent:-999em; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/loader_mini.gif) 0 2px no-repeat; margin-left:4px; } /* ======================================================================================= */ /* Option List ========================================================================== */ .postnl-container .option-list { margin-bottom:6px; position:relative; font-size:11px; } .postnl-container .option-list .bkg { display:block; padding:0 0 0 8px; background-position:0 0; } .postnl-container .option-list .bkg .bkg { padding:0 8px 0 0; background-position:100% 0; } /* Location */ .postnl-container .location { color:#fff; height:24px; margin:0 0 2px; } .postnl-container .location .bkg { height:24px; background-image:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_location.gif); } .postnl-container .location .show-map { color:#fff; } .postnl-container .location .show-map:hover { text-decoration:none; } .postnl-container .location .location-name { font-size:13px; line-height:24px; } .postnl-container .location .location-type, .postnl-container .location .location-distance-text { color:#eaeaeb; line-height:25px; margin-left:6px; } .postnl-container .location .location-info { float:right; } .postnl-container .location .location-info span { position: absolute; top:0; right: 7px; margin-right:-7px; display:block; width:24px; height:24px; text-indent:-999em; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_more-info.png) -2px 5px no-repeat; } .postnl-container .location .tooltip-container:hover .location-info span, .postnl-container .location .location-info:hover span { width:31px; background-position:5px -41px; } /* Option */ .postnl-container .option-dd, .postnl-container .option-radio, .postnl-container .option-time, .postnl-container .option-comment { display:block; float:left; height:38px; } .postnl-container .option { display:block; height:38px; margin:0 0 2px; overflow:hidden; cursor:pointer; } .postnl-container .option .bkg { height:38px; background-image:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_option.gif); } .postnl-container .option:hover .bkg { background-position:0 100%; } .postnl-container .option:hover .bkg .bkg { background-position:100% 100%; } .postnl-container .option-dd { width:34px; margin:6px 0; } .postnl-container .option-dd .option-day { font-size:13px; line-height:1; } .postnl-container .option-dd .option-date { display:block; font-size:10px; line-height:1.4; } .postnl-container .option-radio { width:26px; height:38px; margin-right:8px; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_radio.png) 0 -32px no-repeat; } .postnl-container .option.active .option-radio { background-position:0 2px; } .postnl-container .option-time { line-height:36px; } .postnl-container .option-comment { color:#f05a22; line-height:36px; margin-left:6px; } /* Add Location*/ .postnl-container .add-location { display:block; height:22px; text-align:right; border-bottom:1px solid #bbbbbc; } .postnl-container .add-location a { display:inline-block; text-decoration:none; margin:1px 8px 0 0; height:14px; padding-right:21px; line-height:13px; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_add-location.png) 100% 0 no-repeat; } .postnl-container .add-location a:hover { text-decoration:underline; } /* Tooltip */ .postnl-container .tooltip { display:none; position:absolute; z-index:500; top:-18px; right:27px; width:264px; background:#f2f2f2 url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_tooltip.png) 100% 100% no-repeat; padding:12px 16px 16px; color:#333334;} .postnl-container .tooltip { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .postnl-container .tooltip-header strong { display:block; font-size:14px; line-height:18px !important; } .postnl-container .tooltip-divider { height:0; border:none; border-bottom:1px solid #bbbbbc; margin:12px -8px 7px; } .postnl-container .tooltip-container:hover .tooltip { display:block; } .postnl-container .tooltip-container:hover span { width: 31px; background-position: 5px -41px; } .postnl-container .tooltip-content .business-hours { font-size:11px; line-height:17px; } .postnl-container .tooltip-content .business-hours tbody th { width:36px; } /* Extra options */ .postnl-container .extras .location .bkg { background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_extras.gif) 0 0 no-repeat; } .postnl-container .extras .location .bkg .bkg { background-position:100% 0; } .postnl-container .extras .option { cursor:default; } .postnl-container .extras .option .bkg { background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_extras.gif) 0 -24px no-repeat; } .postnl-container .extras .option .bkg .bkg { background-position:100% -24px; } .postnl-container .extras .option .content { padding:13px 0; white-space:nowrap !important; } .postnl-container .extras .option input { display:inline-block; margin:0 !important; float:none !important; } .postnl-container .extras .option label { display:inline-block; font:11px/10px Arial, sans-serif; color:#333334 !important; text-transform:lowercase; padding:0 !important; background:none !important; margin-left:2px !important; min-width:0 !important; } .postnl-container .extras .option label .price { color:#f05a22; font-weight:normal !important; font-family:inherit !important; } /* ======================================================================================= */ /* Pop-up =================================================================== */ .postnl-container .popup-overlay { background:rgba(255, 255, 255, .7); position:fixed; z-index:5000; width:100%; height:100%; top:0; left:0; } .postnl-container .popup-window { background:#fff; position:absolute; z-index:6000; top:50%; left:50%; } .postnl-container .popup-window { -webkit-box-shadow:0 0 12px 0 #a6a6a6; box-shadow:0 0 12px 0 #a6a6a6; -moz-box-shadow:0 0 12px 0 #a6a6a6; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .postnl-container .popup-header { padding:14px 17px 0; position:relative; } .postnl-container .popup-content { padding:14px 17px 0; } /* Close */ .postnl-container .btn-close { position:absolute; top:17px; right:17px; display:block; width:18px; height:18px; text-indent:-999em; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_btn-close.png) 0 0 no-repeat; } .postnl-container .btn-close:hover { background-position:0 -18px; } /* Button Set */ .postnl-container .button-set { background:#f2f2f2; height:44px; padding:7px 17px; } .postnl-container .button-set .button { float:right; } /********** Add Location > */ #postnl_add_location .popup-window { width:834px; min-height:545px; margin:-273px 0 0 -417px; } #postnl_add_location .popup-header { min-height:80px; } #postnl_add_location .popup-map { height:265px; } #postnl_add_location .popup-content { height:200px; } /* Search */ #postnl_add_location .search-location { margin-top:11px; } #postnl_add_location .search-location .input-text, #postnl_add_location .search-location .btn-search { float:left; } #postnl_add_location .search-location .input-text { display:block; width:186px !important; height:26px; padding:4px 12px; border:none; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_location-search_input.gif) 0 0 no-repeat; color:#575756; font:12px/26px Arial, sans-serif; } #postnl_add_location .search-location .btn-search { margin-left:2px; } #postnl_add_location .search-location .btn-search:hover { background: none; opacity: 0.6; } /*#postnl_add_location .search-location .btn-search span span { width:70px; }*/ #postnl_add_location .search-location .no-results { display:block; clear:both; color:#f10; padding:8px 0; } /* Google Auto-complete */ div.pac-container { z-index:5000; width:380px !important; } /* Options */ #postnl_add_location .location-options { float:left; margin-left:4px; } #postnl_add_location .location-options li { display:block; float:left; margin:0 0 0 30px; padding:0; line-height:24px; } #postnl_add_location .location-options a { display:inline-block; height:26px; padding-left:26px; line-height:25px; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_checkbox.png) 0 0 no-repeat; } #postnl_add_location .location-options a.selected { background-position:0 100%; } /* Options Tooltip */ #postnl_add_location .location-options .postnl-tooltip { display:inline-block; vertical-align:text-top !important; } #postnl_add_location .location-options .postnl-tooltip, #postnl_add_location .location-options .postnl-tooltip > div, #postnl_add_location .location-options .postnl-tooltip > div:before, #postnl_add_location .location-options .postnl-tooltip > div:after { -moz-box-sizing:content-box !important; -webkit-box-sizing:content-box !important; box-sizing:content-box !important; line-height:1.5; } /* List */ #postnl_add_location .location-list { height:108px; overflow:hidden; margin:7px 0 10px 0; } #postnl_add_location .location-list .location { margin:0; padding:0 30px 0 7px; height:36px; width:774px; border-bottom:1px solid #e6e6e6; font-size:12px; line-height:33px; color:#333334; cursor:pointer; } #postnl_add_location .location-list .location:hover { background-color:#f2f2f2 !important; } #postnl_add_location .location-list .location.selected { background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_location-selected.png) 753px 11px no-repeat; } #postnl_add_location .location-list .location-icon { display:block; float:left; margin:9px 6px 0 0; max-width:16px; } #postnl_add_location .location-list .location-name { margin-right:4px; } #postnl_add_location .location-list .location-info { text-decoration:none; width:122px; float:right; text-align:right; } #postnl_add_location .location-list .location-info:hover { text-decoration:underline; } #postnl_add_location .location-list .location-distance { height:35px; width:71px; float:right; text-align:right; } /* Scrollbar */ #scrollbar_container { width:800px; position:relative; } #scrollbar_track { position:absolute; top:0; right:0; height:100%; width:7px; } #scrollbar_handle { width:7px; background-color:#bbbbbc; cursor:default; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } #scrollbar_handle:active, #scrollbar_track:hover #scrollbar_handle { background-color:#575756; } #scrollbar_content { overflow:hidden; width:800px; } /* Details */ #postnl_add_location .location-details { position:absolute; width:340px; background:#f2f2f2; top:122px; left:50%; margin:0 0 0 -170px; padding:16px; } #postnl_add_location .location-details { -webkit-box-shadow:0 0 12px 0 #a6a6a6; box-shadow:0 0 12px 0 #a6a6a6; -moz-box-shadow:0 0 12px 0 #a6a6a6; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } #postnl_add_location .location-details .btn-close { top:16px; right:8px; } #postnl_add_location .location-details .left { float:left; width:158px; border-right:1px solid #d1d3d3; margin-right: -1px; } #postnl_add_location .location-details .left .location-name { font-size:12px; line-height:18px; margin:0 0 20px; display:block; width:141px; } #postnl_add_location .location-details .left .location-address { font-size:12px; line-height:18px; display:block; width:141px; } #postnl_add_location .location-details .left .location-info { float:none; text-align:left; text-decoration:none; line-height:18px; width:141px; display:block; margin-top:20px; } #postnl_add_location .location-details .right { float:right; width:151px; padding-left:14px; border-left:1px solid #d1d3d3; } #postnl_add_location .location-details .right .business-hours { line-height:18px; font-size: 12px; } #postnl_add_location .location-details .right .business-hours tbody th { width:36px; padding:2px; font-size: 12px; } #postnl_add_location .location-details .right .business-hours tbody td { padding:2px; font-size: 12px; } /* Button Set */ #postnl_add_location .button-set { padding:7px 43px 7px 17px; margin:0 -17px; } /********** < Add Location */ /********** Add Phone Number > */ #postnl_add_phonenumber .popup-window { width:700px; height:300px; margin:-150px 0 0 -350px; } #postnl_add_phonenumber .popup-header { height:51px; } #postnl_add_phonenumber .popup-content { height:205px; padding-left:166px; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_postnl-logo.png) 44px 14px no-repeat; } #postnl_add_phonenumber .text { font-size:14px; line-height:18px; width:320px; } #postnl_add_phonenumber .text p { padding-bottom:20px; } #postnl_add_phonenumber .number-input { margin-top:14px; } #postnl_add_phonenumber .number-input .input-text { color:#333334; width:204px; height:26px; border:none; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_add-phonenumber_input.gif) !important; padding:0 6px; } #postnl_add_phonenumber .number-input .input-text.validation-failed { color:#e52629 !important; background-position:0 -26px !important; border:none !important; } #postnl_add_phonenumber .number-input .validation-advice { display:none; } #postnl_add_phonenumber .number-verify, #postnl_add_phonenumber .number-failed { font-size:14px; height:24px; margin-top:14px; line-height:19px; } #postnl_add_phonenumber .number-verify { padding-left:31px; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_phonenumber_verify.png) 0 0 no-repeat; } #postnl_add_phonenumber .number-failed { padding-left:25px; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_phonenumber_failed.png) 0 0 no-repeat; } /********** < Add Phone Number */ /******* Hide default timeframe */ .defaultTimeFrameNotAvailable { border-left: 5px solid #df280a; background-color: #faebe7; padding: 7px 10px 7px 20px; margin-bottom: 5px; max-width: 80%; } /***** < Hide default timeframe */ /* ======================================================================================= */ /* Fixes ================================================================================= */ .overflow-protect { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; } #postnl_delivery .location-name.overflow-protect { width:100%; } #postnl_pickup .location-name.overflow-protect { max-width:158px !important; float:left; } #postnl_pickup .location-name.overflow-protect { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100% !important; padding-right:1px; float:left; } .location-list .overflow-protect { float:left; width:522px; } #palocation .location-name.overflow-protect, .pa-location .location-name.overflow-protect { max-width:275px !important; } #palocation .location-name.overflow-protect, .pa-location .location-name.overflow-protect { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100% !important; padding-right:13px; } body.noscroll { overflow:hidden; } .no-display { display:none !important; } /* Clears */ .location-list:after, .location-details:after, .location-options:after, .search-location:after, .popup-header:after, .content:after, .col2-set:after { content:'.'; display:block; height:0; width:0; line-height:0; overflow:hidden; clear:both; } /* Cufon */ cufon { overflow:hidden !important; cursor:text; } .button cufon { cursor:pointer; } cufon canvas { user-select:all; -moz-user-select:all; -webkit-user-select:all; } cufon[alt=" "] { display:none !important; width:0 !important; height:0 !important; } /* Hide Responsive-only Elements */ .responsive-protector p.rate, .responsive-switch-wrapper, .responsive-tooltip, .responsive-tooltip-open { display:none; } /* ======================================================================================= */ /* ID Check Expiration Date=============================================================== */ .postnl-date .postnl-month, .postnl-date .postnl-day { width: 40px; float: left; margin-right: 10px; } .postnl-date .postnl-year { width: 80px; float: left; } /* ======================================================================================= */ /* FILE: onestepcheckout.css */ /* Default Styling Overrides /* ========================================================== */ /* PostNL */ .postnl-container { padding:0; margin:0; background:none; border:none; } #postnl_add_moment .option { cursor:default; } #postnl_add_moment .option span, #postnl_add_moment .option cufon { cursor:text !important; } #postnl_add_moment .option:hover .bkg { background-position:0 0 !important; } #postnl_add_moment .option:hover .bkg .bkg { background-position: 100% 0 !important; } #postnl_add_moment .option .option-radio { visibility:hidden; } #postnl_add_location .popup-overlay { background:transparent !important; } #postnl_pickup .location-name.overflow-protect { max-width:192px; float: left; } .postnl-container .location .location-name.overflow-protect { float: left; } /* OneStepCheckout */ .postnl-container .option-list li { padding:0; } /* ======================================================================================= */ /* Additional Styling /* ==================================================================*/ #postnl_add_moment { max-width:334px; margin:24px 0; } #carrier_postnl.options-available { background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/osc_bkg_postnl-logo.png) 100% 0 no-repeat; padding:6px 0 0; margin-top:-6px; max-width:334px !important; } /* Add moment */ #postnl_add_moment .location .location-type { display:none; } #postnl_add_moment .add-moment { display:block; height:22px; text-align:right; } #postnl_add_moment .add-moment a { display:inline-block; text-decoration:underline; margin:1px 8px 0 0; height:14px; padding-right:21px; font-weight:bold; line-height:13px; background: url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/bkg_add-location.png) 100% 0 no-repeat; white-space:nowrap; } #postnl_add_moment .add-moment a:hover { text-decoration:none; } #osc_initial_loader { display:inline-block; width:140px; height:16px; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/deliveryoptions/loader_mini.gif) 0 2px no-repeat; padding-left:17px; line-height:18px; margin:6px 0; } /* Delivery Options Popup */ #postnl_delivery_options .popup-window { width:665px; height:469px; padding:17px 17px 0; margin:-235px 0 0 -333px; } #postnl_delivery_options .popup-header { min-height:54px; padding:0; background-position:483px 0; } #postnl_delivery_options .popup-content { height:333px; padding:0; } #postnl_delivery_options .btn-close { top:0; right:0; } #postnl_delivery_options .button-set { margin:21px -17px 0; } #postnl_delivery_options .tooltip.first { top:-18px !important; } #postnl_delivery_options .tooltip.second { top:-92px !important; } #postnl_delivery_options .tooltip.third { top:-121px !important; } #postnl_delivery_options .tooltip.fourth { top:-169px !important; } /* Scrollbar */ #osc_scrollbar_container { width:631px; position:relative; } #osc_scrollbar_track { position:absolute; top:0; right:-11px; height:100%; width:5px; } #osc_scrollbar_handle { width:5px; background-color:#bbbbbc; cursor:default; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } #osc_scrollbar_handle:active, #osc_scrollbar_track:hover #osc_scrollbar_handle { background-color:#575756; } #osc_scrollbar_content { overflow:hidden; width:631px; } /* ======================================================================================= */ /* FILE: mijnpakket.css */ /* MijnPakket Login ====================================================================== */ #postnl_mijnpakket h3, #postnl_mijnpakket h4 { display:inline-block; margin-bottom:.6em; } #postnl_mijnpakket p { margin-bottom:1em; } #postnl_mijnpakket hr.mijnpakket_seperator { display:block; border:none; height:1px; background:#cfcfcf; margin:1em 0; } #postnl_mijnpakket_login_btn span { display:inline-block; cursor:pointer; } #mijnpakket_data_loaded { background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/mijnpakket/logo_small.png) 15px 10px no-repeat; padding:10px 20px 10px 60px; margin-bottom:1em; border:1px solid #f2f2f2; } #login-buttons-container { opacity:1 !important; } #postnl_login_spinner { top: 500px; } /* Tooltip (Default Magento) */ .postnl-tooltip { display:inline-block; width:15px; height:15px; position:relative; z-index:1; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/icon-tooltip.png) no-repeat 0 0; margin-left:2px; cursor:help; vertical-align:sub; } .postnl-tooltip:hover { z-index:100; } .postnl-tooltip > span { display:none; } .postnl-tooltip:hover > div:hover, .postnl-tooltip > div { width:301px; background:#f6f6f6 url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/bkg_tooltip.png) repeat-y 100%; opacity:0; position:absolute; z-index:999; left:-296px; bottom:28px; padding:0 12px; color:#464d50; line-height:1.5; visibility:hidden; } .postnl-tooltip > div:before { position:absolute; top:-5px; left:0; content:''; width:325px; height:5px; overflow:hidden; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/bkg_tooltip.png) no-repeat 0 0; } .postnl-tooltip > div:after { position:absolute; bottom:-14px; left:-1px; content:''; width:325px; height:14px; overflow:hidden; background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/bkg_tooltip.png) no-repeat -325px 0; } .postnl-tooltip:hover > div { opacity:1; width:301px; visibility:visible; bottom:30px; } /* OneStepCheckout */ #onestepcheckout-form div.checkoutcontainer { overflow:visible !important; } #onestepcheckout-form hr.mijnpakket_seperator { width:95%; } /* ======================================================================================= */ /* Checkout Success ====================================================================== */ #postnl_notifications { text-align:left; } #postnl_notifications > div { padding-top:1em; margin-top:3em; border-top:1px solid #cfcfcf; padding-left:80px; min-height:60px; } #create_mijnpakket_account { background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/mijnpakket/logo.png) 0 1em no-repeat; } #create_mijnpakket_account a { color:#f05a22; } ul.mijnpakket-usp { list-style:disc inside; } #mijnpakket_app { background:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/mijnpakket/app_logo.png) 0 1em no-repeat; } #mijnpakket_app li a { display:block; width:134px; height:45px; background-image:url(https://www.pinkgellac.com/skin/frontend/base/default/images/TIG/PostNL/mijnpakket/app_buttons.png); text-indent:-999em; float:left; margin:1em 1em 0 0; } #mijnpakket_app #apple_store a { background-position:0 0; } #mijnpakket_app #google_play a { background-position:0 100%; } .app-links:after { content:"."; display:block; width:0; height:0; line-height:0; overflow:hidden; clear:both; } /* ======================================================================================= */ #postnl_mijnpakket { margin-bottom: 1em; } #mijnpakket_buttons div { cursor: pointer; } /* FILE: postcodecheck.css */ /* General =============================================================================== */ .postnl-readonly { background:#dadada !important; } /* ======================================================================================= */ /* One Page Checkout CE ================================================================== */ #opc_postnl_ce .field { float:left; width:180px; } #opc_postnl_ce .input-box { width:170px; } #opc_postnl_ce .input-text { width:164px; } #opc_postnl_ce .field-postcode { width:185px; } #opc_postnl_ce .field-postcode .input-text { width:169px; } #opc_postnl_ce .postnl.validation-advice { width:518px; float:left; margin-top:2px; } #opc_postnl_ce .postnl-loading { float:left; margin-top:20px; } /* ======================================================================================= */ /* Customer Account CE =================================================================== */ #ca_postnl_ce .field { float:left; width:180px; } #ca_postnl_ce .input-box { width:170px; } #ca_postnl_ce .input-text { width:164px; } #ca_postnl_ce .field-postcode { width:185px; } #ca_postnl_ce .field-postcode .input-text { width:169px; } #ca_postnl_ce .postnl.validation-advice { width:518px; float:left; margin-top:2px; } #ca_postnl_ce .postnl-loading { float:left; margin-top:20px; } /* ======================================================================================= */ /* One Step Checkout ===================================================================== */ #osc_postnl { width:240px; position:relative; } #osc_postnl .input-box { float:left; padding:0; } #osc_postnl .input-box .input-text { margin:0; } #osc_postnl .input-postcode { width:80px; } #osc_postnl .input-postcode .input-text { width:64px; } #osc_postnl .input-housenumber { width:100px; } #osc_postnl .input-housenumber .input-text { width:84px; } #osc_postnl .input-extension { width:60px; } #osc_postnl .input-extension .input-text { width:54px; } #osc_postnl .postnl-loading { position:absolute; right:-26px; top:24px; } /* ======================================================================================= */ /* GoMage LightCheckout ================================================================== */ #gomage_postnl_ce .field { float:left; width:180px; } #gomage_postnl_ce .input-box { width:auto; } #gomage_postnl_ce .input-text { width:164px; } #gomage_postnl_ce .field-postcode, #gomage_postnl_ce .field-housenumber, #gomage_postnl_ce .field-extension{ width:28%; } #gomage_postnl_ce .field-postcode .input-text { width:169px; } #gomage_postnl_ce .postnl.postnl-validation-advice { width:auto; float:left; margin-top:2px; } #gomage_postnl_ce .postnl-loading { float:left; margin-top:22px; margin-left:7px; } .glc input.input-text.postnl-readonly:focus { background-color: #DADADA !important} /* ======================================================================================= */