/* FILE: styles.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @font-face { font-family: "Questrial"; src:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Questrial/Questrial-Regular.eot?) format("eot"), url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Questrial/Questrial-Regular.woff) format("woff"), url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Questrial/Questrial-Regular.ttf) format("truetype"), url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Questrial/Questrial-Regular.svg) format("svg"); font-weight:normal; font-style:normal; } /* Webfont: Lato-Black */@font-face { font-family: 'Lato-Black'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Black.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Black.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Black.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Black.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-BlackItalic */@font-face { font-family: 'Lato-Black'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BlackItalic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BlackItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BlackItalic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BlackItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; } /* Webfont: Lato-Bold */@font-face { font-family: 'Lato-Bold'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Bold.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Bold.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Bold.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-BoldItalic */@font-face { font-family: 'Lato-Bold'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BoldItalic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-BoldItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; } /* Webfont: Lato-Hairline */@font-face { font-family: 'Lato-Hairline'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Hairline.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Hairline.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Hairline.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-HairlineItalic */@font-face { font-family: 'Lato-Hairline'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HairlineItalic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HairlineItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HairlineItalic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HairlineItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; } /* Webfont: Lato-Heavy */@font-face { font-family: 'Lato-Heavy'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Heavy.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Heavy.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Heavy.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-HeavyItalic */@font-face { font-family: 'Lato-Heavy'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HeavyItalic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HeavyItalic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-HeavyItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; } /* Webfont: Lato-Italic */@font-face { font-family: 'Lato'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Italic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Italic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Italic.ttf') format('truetype'); font-style: italic; font-weight: normal; } /* Webfont: Lato-Light */@font-face { font-family: 'Lato-Light'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Light.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Light.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Light.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Light.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-LightItalic */@font-face { font-family: 'Lato-Light'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-LightItalic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-LightItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-LightItalic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-LightItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; } /* Webfont: Lato-Medium */@font-face { font-family: 'Lato-Medium'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Medium.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Medium.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Medium.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-MediumItalic */@font-face { font-family: 'Lato-Medium'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-MediumItalic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-MediumItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-MediumItalic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-MediumItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; } /* Webfont: Lato-Regular */@font-face { font-family: 'Lato'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Regular.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Regular.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-Semibold */@font-face { font-family: 'Lato-Semibold'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Semibold.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Semibold.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Semibold.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-SemiboldItalic */@font-face { font-family: 'Lato-Semibold'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-SemiboldItalic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-SemiboldItalic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-SemiboldItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; } /* Webfont: Lato-Thin */@font-face { font-family: 'Lato-Thin'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Thin.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Thin.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Thin.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-Thin.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Webfont: Lato-ThinItalic */@font-face { font-family: 'Lato-Thin'; src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-ThinItalic.eot'); /* IE9 Compat Modes */ src: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-ThinItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-ThinItalic.woff') format('woff'), /* Modern Browsers */ url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Lato/Lato-ThinItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; } * { margin:0; padding:0; } html { font-size:16px; /* Fix for Opera */ } body { font:75%/150% 'Questrial', 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:32px; line-height:1.25em; /*32px, 40px*/ margin-bottom:20px;font-weight: 600; } h2 { font-size:28px; line-height:1.25em; /*24px, 30px*/ } h3 { font-size:24px; line-height:1.2em; /*20px, 24px*/ } h4 { font-size:20px; line-height:1.25em; /*16px, 20px*/ } h5 { font-size:18px; line-height:1.1428em; /*14px, 16px*/ } h6 { font-size:16px; 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; } /* Decrease padding on home page */ body.cms-index-index .main, body.cms-index-defaultindex .main { padding-top:20px; padding-bottom:20px; } /* 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 'Questrial', 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.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:14px; font-weight: normal; white-space:nowrap; text-align:center; background-color:#ddd; color:#333; line-height: 35px; 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; font-family: "Questrial", sans-serif; font-weight: 600; } .button:hover { background-color:#333; color:#fff; } .owl-item a.button.btn-cart { font-size: 16px; font-weight: 800; line-height: 35px; } .products-grid .price-box p.special-price { font-size: 14px; display: block; margin: 6px 0 0; } .products-grid .price-box p.special-price span.price { font-size: 18px; } .page-banners.grid-container-spaced { padding: 20px 0 0; border-top: 1px solid #4e4e4e; } .the-slideshow-wrapper .item.slide img { /*width: 100%; height: 100%;*/ /*max-height: 420px;*/ max-height: 560px; } .item.item-right.block_header_top_right .hide-below-768 { font-size: 22px; } .the-slideshow .item.slide { position: relative; } .the-slideshow .slideshow-descriptions a { float: left; position: relative; width: auto; color: #fff; } .the-slideshow .slideshow-descriptions.black a { color: #000; } .the-slideshow .slideshow-descriptions { position: absolute; right: 4%; z-index: 100; top: 5%; width: 30%; color: #fff; font-family: "Questrial", sans-serif; text-align: right; } .the-slideshow .slideshow-button { bottom: 13.5%; font-family: "Questrial",sans-serif; position: absolute; right: 12.5%; z-index: 100; } .the-slideshow .slideshow-descriptions.black { color: #000; } .the-slideshow .slideshow-descriptions a span.slider_button, .the-slideshow .slideshow-button a span.slider_button { background: #f54f91 none repeat scroll 0 0; color: #fff; font-size: 27px; font-weight: bold; padding: 12px 21px; text-align: center; } .the-slideshow .slideshow-descriptions a span.slider_button { position: absolute; bottom: -90px; right: 0; } .the-slideshow .slideshow-descriptions a span.slider_button:hover, .the-slideshow .slideshow-button a span.slider_button:hover { border: 3px solid #f54f91; color: #f54f91; background: #fff; padding: 9px 18px; } .the-slideshow .slideshow-descriptions h2 { font-size: 45px; font-weight: 700; line-height: 1.05em; margin: 0 0 22px 5px; max-width: 579px; } .the-slideshow .slideshow-descriptions p { font-size: 30px; line-height: 35px; margin: 0 0 0 107px; max-width: 477px; } h1.home_headline { font-size: 28px; text-align: center; font-weight: 600; } /* 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:20px; /*14px*/ } .totals-inner .btn-checkout{ min-width: 200px; } #header-cart .btn-checkout { display: inline-block; font-size: 14px; } @media only screen and (max-width: 479px) { #header-cart .btn-checkout { padding-left: 0; padding-right: 0; } } /* 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; } .note-msg { background-position:25px center !important; background-repeat:no-repeat !important; padding:25px 25px 25px 80px !important; font-size:12px !important; } .error-msg, .success-msg, .notice-msg { background-position:8px center !important; background-repeat:no-repeat !important; padding:13px 25px 13px 75px !important; font-size:13px !important; } .error-msg { border-color:#ff0c00; background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/Red.png); color:#ff0c00; border: 3px solid #ff0c00; } .success-msg { border-color:#65e096; background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/yess.png); color:#4e4e4e; border: 3px solid #65e096; } .note-msg, .notice-msg { border-color:#ff8c73; background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/i.png); color:#4e4e4e; border: 3px solid #ff8c73; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs li { float: left; font-size: 1.1em; } .breadcrumbs li > * { display: inline-block; vertical-align: middle; } .breadcrumbs li .sep { font-size: 0.7em; margin-left: 6px; 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.eyelashextensions.com/skin/frontend/ultimo/curata/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.eyelashextensions.com/skin/frontend/ultimo/curata/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.eyelashextensions.com/skin/frontend/ultimo/curata/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.eyelashextensions.com/skin/frontend/ultimo/curata/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.eyelashextensions.com/skin/frontend/ultimo/curata/images/i_print.gif) 0 center no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/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.eyelashextensions.com/skin/frontend/ultimo/curata/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 */ .notice-cookie {} /* 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 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Common styles for many buttons -------------------------------------------------------------- */ .btn-remove, /* Generic "close" button */ .btn-remove2, /* Button "remove" on the cart page */ .map-popup-close, .remember-me-popup-head .remember-me-popup-close, /* "Remember me" pop-up, only the "close" button in the header */ .btn-edit { display:inline-block; width:18px; height:18px; line-height:18px; font-size:16px; text-align:center; /* Important: no overflow to hide the text inside the button */ overflow: hidden !important; } /* 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; } .std p { font-family: 'Questrial', sans-serif; font-size: 15px; } .feature.indent-size-xxxl p { font-size: 14px; } .cms-ask-glad-lash .std .page-title { display: none; } .std .collapsible p.block-title { font-style: italic; } .grid12.about-us { clear: both; border-top: 1px solid #4e4e4e; margin: 15px 0 0; float: left; padding: 5px 0 0; background-color: #fff; } /* Lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered lists -------------------------------------------------------------- */ /* Common basic styling */ ul.bullet, ul.disc { margin:0 0 1em; padding:0; font-size: 15px; } /* Disc */ ul.disc { list-style:disc outside none; padding-left:1.5em; font-size: 15px; } ul.disc li { background-image:none; padding-left:0; } /* Bullet */ ul.bullet { list-style:none outside none; } ul.bullet li { background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/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; } .std { font-size: 15px; } ul.bullet li:hover { background-position:3px 0; } /* Different bullets. IMPORTANT: use together with class "bullet" */ ul.list1 li { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/cck/list/list1.png); } ul.list2 li { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/cck/list/list2.png); } ul.list11 li { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/cck/list/list11.png); } ul.list12 li { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/cck/list/list12.png); } ul.list13 li { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/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.eyelashextensions.com/skin/frontend/ultimo/curata/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; } .nav-container { z-index: 2; position: relative; } /* User menu inside header top -------------------------------------------------------------- */ .header-top .item-left .user-menu > * { float: left; } .header-top .item-right .user-menu > * { float: right; } .wrapper .inner-container { padding: 0; position: relative; } .header-container .inner-container { font-family: 'Questrial', sans-serif; } .wrapper .inner-container .right-column.top-menu { position: absolute; right: 0; z-index: 10; } /* User menu and Top Links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear floats and override custom styles to avoid incorrect position of elements */ div#user-menu-wrapper-regular { position: relative; width: 100%; } .user-menu { width: 390px; float:none; margin:0; /* Clear floats of other elements */ clear: both; position: absolute; top: 22px; right: 0; } div#user-menu-wrapper-regular .dropdown .dropdown-heading.cover > span, div#user-menu-wrapper-regular .links > li > a{ padding: 0 8px; } .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 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header .logo-wrapper .logo { display:inline-block; /* TODO check */ max-width:94%; margin:10px 0; text-decoration:none !important; } .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; } .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.eyelashextensions.com/skin/frontend/ultimo/curata/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.eyelashextensions.com/skin/frontend/ultimo/curata/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; } .is-not-empty span.icon.ic.ic-cart { color: #f54f91; } /* 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 */ } table#shopping-cart-table button.button.btn-inline, .cart .shipping .buttons-set button.button, .cart .discount .buttons-set button.button, .mini-cart .mini-cart-content .actions button { background-color: #000; color: #f4f4f4; } .mini-cart .mini-cart-content .actions button.button.btn-checkout.btn-inline, button.button.btn-proceed-checkout.btn-checkout, .mini-cart .mini-cart-content .actions a.button.btn-checkout.btn-inline, a.button.btn-proceed-checkout.btn-checkout, .product-view button#product-addtocart-button{ background-color: #f06ba1; color: #ffffff; } .mini-cart .mini-cart-content .actions button.button.btn-checkout.btn-inline:hover, .mini-cart .mini-cart-content .actions button.button.btn-checkout.btn-inline:focus, button.button.btn-proceed-checkout.btn-checkout:hover, .mini-cart .mini-cart-content .actions a.button.btn-checkout.btn-inline:hover, .mini-cart .mini-cart-content .actions a.button.btn-checkout.btn-inline:focus, a.button.btn-proceed-checkout.btn-checkout:hover, .product-view button#product-addtocart-button:hover{ background-color: #f54f91; } /* 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; } .mini-products-list .item .btn-remove, .mini-products-list .item .btn-edit { margin-left:7px; } /* 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; position: relative; } .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:16px; 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: Testimonials %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-banners.grid-container-spaced.testimonials h2 { margin: 0 0 10px 1%; } .testimonials .feature p { font-family: 'Questrial', sans-serif; font-size: 15px; font-style: italic; border-bottom: 2px solid rgb(255, 173, 153); padding: 0px 0px 6px; margin: 0px 0px 5px; line-height: 20px; } .testimonials .feature p.testimonials-info { border: none; text-align: right; } span.testimonials-name, span.testimonials-address { color: rgb(255, 113, 79); font-style: italic; font-weight: 600; font-size: 13px; letter-spacing: 1px; margin: 0 0 0 2%; } /* 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; } /* Negative top margin: to cover bottom border of the category title */ .category-products { margin:-1px 0 10px; } /* 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:16px; line-height:1.25em; /*16px 20px*/ font-weight: 600; } .products-list .price-box.map-info a, .products-grid .price-box.map-info a { margin-left:3px; } .products-grid button.button.btn-cart { font-size: 16px; font-weight: 800; line-height: 35px; } /* 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; position: relative; height: 60px; overflow: hidden; } .product-image-wrapper span.sticker.new { display: none !important; } .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-family: "Questrial",sans-serif; font-size: 18px; font-weight: 600; } .products-grid .price-box p.old-price { font-size: 18px; } .price-box p.special-price span.price-label, .price-box p.special-price span.price { color: #ff714f !important; } .price-box .special-price .price, .price-box .special-price .price-label, .price-box .minimal-price-link .price { color: #ff714f !important; } .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.eyelashextensions.com/skin/frontend/ultimo/curata/images/img/rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/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; } .product-view .std, .availability, p.rating-links{ font-family: 'Questrial', sans-serif; font-size: 15px; line-height: 18px; } .main.container { font-family: 'Questrial', sans-serif; } .product-view .product-secondary-column .inner .feature-wrapper.bottom-border { border: none; margin: 0; padding: 0; } .product-view .std.block_product_secondary_bottom .block { border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; padding-bottom: 20px; } .block_social { border-top: 1px solid #f5f5f5; margin: 16px 0; border-bottom: 1px solid #f5f5f5; padding: 12px 0 10px; } /* 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; font-family: 'Questrial',sans-serif; } /* 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.eyelashextensions.com/skin/frontend/ultimo/curata/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; min-height: 36px;} /* 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; font-size: 14px;} /* 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.eyelashextensions.com/skin/frontend/ultimo/curata/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.eyelashextensions.com/skin/frontend/ultimo/curata/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; font-size: 14px;} .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: -10px; } /*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; font-size: 14px;} .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;font-size: 14px; } /* 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: 16px; 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: "Questrial", sans-serif; } .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; } form#review-form .form-list label { float: left; position: relative; z-index: 0; font-weight: 600; margin: 0 0 2px 0; font-size: 13px; font-family: "Questrial", sans-serif; } /* 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; margin-bottom: 30px; } /* 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 #4e4e4e; } /* 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.eyelashextensions.com/skin/frontend/ultimo/curata/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.eyelashextensions.com/skin/frontend/ultimo/curata/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 .show .item-options { display: block; left: -210%; top: 20px; } /* 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.eyelashextensions.com/skin/frontend/ultimo/curata/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.eyelashextensions.com/skin/frontend/ultimo/curata/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.eyelashextensions.com/skin/frontend/ultimo/curata/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; } /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-container, .footer-container2 { 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; } .item.item-right p { font-family: 'Questrial', sans-serif; font-size: 12px; } /* 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 { padding-top:20px; padding-bottom:20px; border-bottom:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); } .footer-primary-bottom-spacing { border-top:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); padding-top:20px; padding-bottom:20px; } .footer-primary-container .footer .mobile-collapsible { font-size: 15px; line-height: 20px; font-family: 'Questrial', sans-serif; } .footer-primary-container .footer .mobile-collapsible h6.block-title.heading, .footer-secondary.footer.container .mobile-collapsible h6.block-title.heading{ color: #bc5dbd; font-weight: 600; font-size: 18px; text-transform: uppercase; border-bottom: 1px solid #bc5dbd; padding: 0 0 15px; } .block-content.app { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.329412) 0px 1px 3px; float: left; clear: both; padding: 5px 10px; margin: 0px 0px 15px; text-align: center; } .block-content.app a { float: left; width: 100%; text-align: center; margin: 0 0 15px 0; } .block-content.pint > span { width: 100%; } .block-content.pint > span.PIN_1436434764602_embed_grid.PIN_1436434764602_fancy { border-radius: 0px!important; } .footer-bottom.footer.container { padding: 0 0 80px; } .footer-primary ul.bullet li a { font-size: 15px; line-height: 20px; font-family: 'Questrial', sans-serif; } .footer-primary ul.bullet li a:hover { } .footer-primary.footer.container.show-bg .grid12-2 { width: 18%; } /* Footer secondary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-secondary {} .collapsible .block-content > .foot-subscribe { margin: 15px 0; } .foot-subscribe #subscribe-form label { display: none; } .foot-subscribe #subscribe-form .input-box { margin: 0; width: 66%; float: left; } .foot-subscribe #subscribe-form .input-text { width: 100%; } .foot-subscribe #subscribe-form .button { float: left; width: 34%; text-align: center; padding: 0; } /* Footer bottom %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-bottom-container {} .footer-bottom { padding-top:10px; /* To counterbalance the bottom margin of footer elements */ } /* 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 { line-height: 1.3636em; margin-bottom: 10px; margin-left: 10px; font-family: 'Questrial', sans-serif; font-size: 12px; } /* 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:30px; 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.eyelashextensions.com/skin/frontend/ultimo/curata/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 { margin-left: -3px; 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-view .product-img-column span.sticker-wrapper.top-right {*/ /*right: auto;*/ /*left: -3px;*/ /*}*/ .product-image-gallery:before { background-color: white; opacity: 0.8; z-index: 2; } .product-image-gallery:after { background-image: url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/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; } div#instafeed a { float: left; width: 25%; box-sizing: border-box; padding: 2px; } .cms-page-view .col-left > * { margin-right: 70px; } .cms-page-view .col-left.sidebar.grid12-3.grid-col2-sidebar.no-gutter { background: url("https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/bkgd-divider.png") no-repeat 85% 0 ; } .cms-page-view .block-content.sample-block { border-bottom: 1px solid #4e4e4e; padding: 0 0 20px !important; } .product-options.out-subscribe tr td { font-size: 16px; } .product-options.out-subscribe tr td button.button.btn-cart { font-size: 14px; line-height: 36px; background-color: #ffad99; background-color: #ff714f; width: auto; min-width: 0; } .product-options.out-subscribe tr td button.button.btn-cart:hover { background-color: #ff714f; } .product-options.out-subscribe tr td .validation-advice { font-size: 12px; } /* Mark for required product options (next to option label) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ label.required:after, span.required:after { content: ' *'; color: #EE001C; font-weight: normal; font-family: 'Questrial', 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; } /* 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, .toolbar > .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; } .mor-clients-lash h2, .mob-lash h2{ margin: 20px 0; } #local-locations .fieldset { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 8px 0; } #local-locations .form-list label.lash-big { font-weight: bold; width: 100%; font-size: 14px; } #local-locations .form-list li { margin: 0px 0 4px; } #local-locations .form-list label { font-weight: normal; font-size: 13px; } #local-locations textarea#locations-prof { width: 100%; max-width: 535px; } #local-locations input.lash-bt { display: inline-block; margin: 0; border: 0; overflow: visible; cursor: pointer; font-size: 14px; font-weight: normal; white-space: nowrap; text-align: center; background-color: #f06ba1; color: #ffffff; line-height: 35px; 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; font-family: "Questrial", sans-serif; font-weight: 600; float: right; min-width: 180px; } #local-locations input.lash-bt:hover { background-color: #f54f91; color: #ffffff; } .cms-local-lash-techs input.input-text { height: 35px; } .mob-lash a { float: left; width: 40%; text-align: center; margin: 0 0 0 10%; } .mob-lash { float: left; width: 100%; margin: 10px 0 15px 0; border-bottom: 2px solid #ffad99; border-top: 2px solid #ffad99; padding: 0 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img#sl-loader { float: right; margin: 8px 0 0 7px; } .cms-home .feature.body_block.lash { border: 2px solid #ffad99; } .home-images-block{ text-align: center; /*border-bottom: 1px solid #4e4e4e;*/ padding: 0 0 10px; } .home-images-block .section-title { font-size: 28px; font-weight: 600; margin: 0 0 20px; } .home-images-block img{ display: inline-block; padding: 0 20px 25px 20px; height: 100%; vertical-align: middle; } .category-forms #product-options-wrapper p.required { display: none; } #map-container .lhs_section { width: 25%; } .feature.indent span.ib.ic.ic-lg { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #nav .nav-panel--dropdown .itemslider .item:hover a { color: #f54f91; } .my-tag-edit .btn-remove { background-color: transparent; color: #4E4E4E; width: auto; padding: 0; margin-top: 0; } .my-tag-edit .btn-remove span { padding-left: 2px; } .my-tag-edit .btn-remove:hover { background-color: transparent; color: #f54f91; } .nav-panel ul.add-to-links.clearer.addto-links-icons { display: none; } .on-sale-products .products-grid .price-box { min-height: 60px; } .block_footer_member img{ margin-left: 3px; margin-right: 3px; max-height: 67px; } .find-trainers-status{ position: absolute; float: right; margin-top: -52px; margin-left: 188px; width: 190px; text-align: left; } #set-trainer{ min-width: 188px } .comodo{ background-color: #fff; padding: 10px 17px 5px 17px; text-align: center; } .comodo img{ display: block; margin: 0 auto; } .comodo span{ width: 100%; display: block; } .cht-secure-logo{ float:left; } .cht-secure-logo img{ max-width: 100px; } .glc .button-set { float: right; } .toolbar .sorter .pager { float: left; margin: 0 12px 0 10px; text-align: center; width: auto; padding: 0; border: none; } .itemgrid-adaptive.itemgrid-3col .item.cat-desc { width: 100%; } .description-buttons { float: left; width: 100%; } .strip-lashes-button { float: left; text-align: center; width: -webkit-calc(100%/3 - 10px); width: -moz-calc(100%/3 - 10px); width: calc(100%/3 - 10px); padding: 20px 0 30px 0; } .strip-lashes-button.second { margin: 0 15px; } .strip-lashes-button .button { font-size: 20px; padding: 9px 30px; width: 45%; min-width: 210px; } @media only screen and (max-width:590px){ .strip-lashes-button { width: 100%; } .strip-lashes-button .button { min-width: 190px; } } .strip-lashes .category-image { margin-top: 0; } .strip-lashes .col-main { width: 100%; } .strip-lashes .col-main .category-products, .strip-lashes .col-main .category-image.str-l, .strip-lashes .col-main .category-description{ max-width: 930px; margin: auto; } .cat-desc { height: auto !important; width: 100%; font-size: 18px; font-family: "Questrial", 'sans-serif'; color: #000; line-height: 28px; } .cat-desc.grid-view { float: left; } /*.strip-lashes .toolbar-bottom .toolbar { border: none; }*/ .the-slideshow .grey-description { position: absolute; z-index: 100; color: #b9b9b9; font-family: "Lato-Light", sans-serif; text-transform: uppercase; font-weight: normal; width: 34%; } .the-slideshow .grey-description a { color: #b9b9b9; text-decoration: none; } .the-slideshow .grey-description a:hover { color: #b9b9b9; text-decoration: none; cursor: pointer; } .the-slideshow .grey-description h2 { font-size: 100px; line-height: 102px; font-family: "Lato-Light", sans-serif; } .grey-description h2 .pink-letter { color: #de00cc; } .grey-description.top-right { right: 7.5%; top: 17%; text-align: right; } .the-slideshow .slideshow-button.top-right, .the-slideshow .slideshow-button.center-left, .the-slideshow .slideshow-button.top-left { right: 7.5%; } .grey-description.center-left { left: 5%; top: 34%; text-align: left; } .grey-description.top-left { left: 6%; top: 25%; text-align: left; } .catalog-product-view .product-view .product-name img { margin: 10px 0 10px 10px; float: right; } .mobile-product-name img { margin: 5px 0 10px 10px; float: right; } .catalog-product-view .product-view .product-name, .product-view .box-additional .collateral-container.box-tabs { display: block; } .cookie-popup-w { display: none; background: #000; position: fixed; bottom: 0; width: 100%; height: 80px; z-index: 999999; } .cookie-popup-text { color: #fff; font-size: 16px; line-height: 1.4rem; max-width: 55%; display: inline-block; margin: 10px 20px 10px 15%; } .cookie-popup-close { display: inline-block; font-family: ThemeIcons; background: none !important; top: 5px;right: 10px; position: absolute; color: #fff; font-size: 25px; text-indent: 0; width: 30px; line-height: 30px; height: 30px; } .cookie-popup-close:hover { cursor: pointer; } .cookie-popup-close:before { content: "\e20f"; } .button.cookie-popup-btn { background: #ef0089; vertical-align: text-bottom; margin-left: 10px; margin-top: 15px; } @media only screen and (min-width:1601px) and (max-width: 1800px) { .the-slideshow .grey-description h2 { font-size: 90px; line-height: 92px; } } @media only screen and (max-width: 1600px) { .the-slideshow .grey-description h2 { font-size: 85px; line-height: 87px; } } @media only screen and (min-width:1531px) { .the-slideshow .slideshow-descriptions{ right: 10%; top: 10%; } .the-slideshow .slideshow-button{ right: 10%; } } @media only screen and (min-width:1024px) and (max-width:1530px) { .the-slideshow .slideshow-descriptions { right: 2.8%; top: 10%; } .the-slideshow .slideshow-button{ right: 2.8%; } .the-slideshow .slideshow-descriptions h2 { font-size: 30px; margin: 0 0 15px; } .the-slideshow .slideshow-descriptions p { font-size: 24px; line-height: 29px; } /*.the-slideshow .slideshow-button { bottom: 40px; }*/ .the-slideshow .slideshow-descriptions { width: 35%; } .the-slideshow .slideshow-descriptions a span.slider_button, .the-slideshow .slideshow-button a span.slider_button { font-size: 20px; padding: 7px 14px; } .the-slideshow .slideshow-descriptions a span.slider_button:hover, .the-slideshow .slideshow-button a span.slider_button:hover { font-size: 20px; padding: 5px 12px; border: 1px solid #f54f91; } .the-slideshow .slideshow-descriptions p { margin: 0 0 0 70px; } .the-slideshow .grey-description h2 { font-size: 65px; line-height: 80px; } } @media only screen and (max-width:1280px) { .the-slideshow .slideshow-descriptions a span.slider_button { bottom: -55px; } .pint .image-pin-list a{min-height:75px; width: 64px;} } @media only screen and (max-width:1160px) { .the-slideshow .grey-description h2 { font-size: 50px; line-height: 57px; } } @media only screen and (max-width:1024px) { .strip-lashes-button .button { min-width: none; width: 100%; padding: 9px 0px; } .cms-page-view .col-left > * { margin-right: 32px; } .cms-page-view .col-left.sidebar.grid12-3.grid-col2-sidebar.no-gutter { background: url("https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/bkgd-divider.png") no-repeat 95% 0; } .pint .image-pin-list img { width: 93%; } .pint .image-pin-list a{min-height:75px; width: 63px;} .collapsible .comodo span{ width: auto; display: inline; } .the-slideshow .slideshow-descriptions h2 { font-size: 28px; margin: 0 0 15px; } .the-slideshow .slideshow-descriptions p { font-size: 15px; line-height: 20px; } .the-slideshow .slideshow-button { right: 2%; /*bottom: 40px;*/ } .the-slideshow .slideshow-descriptions { right: 2%; width: 35%; } .the-slideshow .slideshow-descriptions a span.slider_button, .the-slideshow .slideshow-button a span.slider_button { font-size: 20px; padding: 7px 14px; } .the-slideshow .slideshow-descriptions a span.slider_button:hover, .the-slideshow .slideshow-button a span.slider_button:hover { font-size: 20px; padding: 5px 12px; border: 1px solid #f54f91; } .the-slideshow .slideshow-descriptions p { margin: 0 0 0 70px; } } @media only screen and (max-width:980px){ .pint .image-pin-list img { width: 93%; } .pint .image-pin-list a{min-height:55px; width: 47px;} .pint .PIN_1453809470422_embed_grid_ft{margin:0;} .clearer .block_footer_member img{ margin-left: 2px; margin-right: 2px; max-height: 50px; } .button-set .find-trainers-status{ font-size:12px; } .find-lash #store_locator_form .button-set { margin: 25px 0 0 10px; float: left; } .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-prev { background-position: -2px 0; left: 0; top: 40%; width: 40px; height: 40px; line-height: 40px; } .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-next { background-position: -48px 0; right: 0; top: 40%; width: 40px; height: 40px; line-height: 40px; } .the-slideshow .grey-description h2 { font-size: 40px; line-height: 45px; } .cookie-popup-w { height: 100px; } .cookie-popup-text { text-align: left; margin-left: 5%; } .button.cookie-popup-btn { float: right; margin-top: 39px; margin-right: 15px; } } @media only screen and (max-width:917px) { .the-slideshow .slideshow-descriptions h2 { font-size: 21px; margin: 0 0 10px; } .the-slideshow .slideshow-descriptions a span.slider_button, .the-slideshow .slideshow-button a span.slider_button { font-size: 17px; padding: 6px 8px; } .the-slideshow .slideshow-descriptions a span.slider_button:hover, .the-slideshow .slideshow-button a span.slider_button:hover { font-size: 17px; padding: 4px 6px; border: 1px solid #f54f91; } } @media only screen and (min-width: 769px) { .strip-lashes .category-title, .strip-lashes .breadcrumbs { max-width: 230px; } } @media only screen and (max-width:767px) { .catalog-product-view .product-view .product-name, .product-view .box-additional .collateral-container.box-tabs { display: none; } .strip-lashes-button { width: 100%; padding: 0 0 25px 0; } .strip-lashes-button:first-child { margin-top: 15px; } .strip-lashes-button .button { padding: 9px 30px; width: auto; } .strip-lashes-button.second { margin: 0 auto; } } @media only screen and (max-width:768px) { .pint .PIN_1453808166249_embed_grid { width: 97%;} .the-slideshow .slideshow-descriptions p { font-size: 12px; line-height: 16px; } .user-menu { top: 0; position: relative; width: auto; } .hp-block.right-column.grid12-4, .hp-block.central-column.grid12-4, .hp-block.left-column.grid12-4{ width: 100%; margin: 0; } .cms-page-view .col-left.sidebar.grid12-3.grid-col2-sidebar.no-gutter { background: none; } .cms-page-view .col-left > * { margin-right: 0px; } #map-container .lhs_section { width: 200px; } .footer-bottom .block_footer_member { position: relative; margin: 0 0 5px; width: 100%; margin-left: 0; margin-right: 0; } .pint .image-pin-list a{min-height:60px; width: 60px;} .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-next { background-position: -48px 0; right: 0; top: 40%; width: 25px; height: 25px; line-height: 25px; } .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-prev { background-position: -2px 0; left: 0; top: 40%; width: 25px; height: 25px; line-height: 25px; } .the-slideshow-wrapper .the-slideshow .slideshow-descriptions h2 { font-size: 19px; } .the-slideshow .slideshow-button { bottom: 2%; } .the-slideshow .slideshow-button.top-left { right: 2.5%; } .the-slideshow .slideshow-descriptions p { margin: 0 0 0 25px; } .toolbar .sorter .pager { display: inline-block; float: none; margin-right: 15px; } .strip-lashes .category-title h1 { font-size: 20px; } .strip-lashes .category-title { max-width: 150px; } .the-slideshow .grey-description h2 { font-size: 25px; line-height: 30px; } .grey-description.center-left { top: 30%; } } @media only screen and (max-width:639px) and (min-width:479px){ .slideshow-descriptions p{ display:none; } .the-slideshow-wrapper .the-slideshow .slideshow-descriptions h2 { font-size: 18px; overflow: hidden; width: 100%; float: right; text-align: right; } .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-next { background-position: -48px 0; right: 0; top: 40%; width: 25px; height: 25px; line-height: 25px; } .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-prev { background-position: -2px 0; left: 0; top: 40%; width: 25px; height: 25px; line-height: 25px; } .the-slideshow .slideshow-descriptions a span.slider_button { max-width: 120px; } } @media only screen and (max-width:600px) { .slideshow-descriptions p { display:none; } .the-slideshow .slideshow-descriptions h2 { font-size: 18px; } h1.home_headline { font-size: 22px; } .col-main .feature.body_block .home_lash { float: left; width: 100%; } .col-main .page-banners .banner .feature.body_block img { float: left; width: 100%; margin: 0; } .cookie-popup-w { height: 90px; } .cookie-popup-text { font-size: 15px; line-height: 1.2rem; margin-left: 15px; margin-right: 10px; } .button.cookie-popup-btn { padding: 0 7px; font-size: 14px; } } @media only screen and (max-width:479px) { .foot-subscribe div#subscribe-form { width: 80%; margin: 0 auto; display: block; } .the-slideshow .slideshow-descriptions h2{ font-size:13px; margin-bottom: 5px; } .the-slideshow .slideshow-descriptions a span.slider_button, .the-slideshow .slideshow-button a span.slider_button, .the-slideshow .slideshow-descriptions a span.slider_button:hover, .the-slideshow .slideshow-button a span.slider_button:hover{ font-size: 12px; } .the-slideshow .slideshow-descriptions a span.slider_button { max-width: 100px; } .slideshow-descriptions p{ display:none; } .main.container { width: 96%; } .product-img-column .img-box .more-images { padding: 0 18%; } .footer-container .section-container { padding: 0 5%; } .find-lash #store_locator_form .button-set { margin: 25px 0 0 1px; float: left; } #set-trainer{ margin-top: 20px; } .button-set .find-trainers-status { margin-left: 0px; } #mini-cart-wrapper-mobile .block-subtitle, #mini-cart-wrapper-mobile #cart-sidebar, #mini-cart-wrapper-mobile .subtotal{display:none;} #mini-cart-wrapper-mobile .success-msg{ background-position:8px center !important; background-repeat:no-repeat !important; padding:8px 25px 8px 63px !important; font-size:12px !important; } #mini-cart-wrapper-mobile .success-msg { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/yes_green.png); color:#000; border: none; } #mini-cart-wrapper-mobile .messages { margin: 0px 0 10px; } #mini-cart-wrapper-mobile #header-cart{padding-top:10px; border: 2px solid #f54f91;} .success-blocks .s-left-block{ overflow: hidden; float: left; width: 100%; display: block; } .success-blocks .s-right-block{ overflow: hidden; float: right; width: 92%; padding-top: 4%; padding-left: 4%; } .col-main #success-static-block{ margin-top: 20px; } .the-slideshow-wrapper .the-slideshow .slideshow-descriptions h2 { font-size: 14px; } .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-next { background-position: -48px 0; right: 0; top: 39%; width: 20px; height: 20px; line-height: 20px; } .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-prev { background-position: -2px 0; left: 0; top: 39%; width: 20px; height: 20px; line-height: 20px; } .strip-lashes-button .button { font-size: 18px; padding: 8px 25px; } .the-slideshow .slideshow-descriptions a span.slider_button, .the-slideshow .slideshow-button a span.slider_button { padding: 6px 2px; } .the-slideshow .slideshow-descriptions a span.slider_button:hover, .the-slideshow .slideshow-button a span.slider_button:hover { padding: 4px 1px; } .the-slideshow .grey-description h2 { font-size: 22px; line-height: 27px; } .grey-description.center-left { top: 26%; } .cookie-popup-w { height: 105px; } .cookie-popup-text { font-size: 14px; max-width: 70%; float: left; margin-left: 10px; } .button.cookie-popup-btn { margin-right: 10px; padding: 0 10px; } .button.cookie-popup-btn .mobile-hide { display: none; } .cookie-popup-close { right: 5px; } } @media only screen and (min-width:415px) and (max-width:479px){ .button-set #set-trainer{ margin-top: 0px; min-width: 170px; } .button-set .find-trainers-status { margin-left: 189px; } } @media only screen and (max-width:475px) { .fieldset .button-set #set-trainer{ min-width: 184px; } } @media only screen and (min-width: 640px) { .strip-lashes .breadcrumbs { left: 50px; position: absolute; top: 30px; } .strip-lashes .category-title { border: none; left: 50px; position: absolute; top: 55px; } } @media only screen and (max-width: 345px) { .strip-lashes-button .button { font-size: 15px; padding: 3px 15px; } .cookie-popup-w { height: 130px; } .button.cookie-popup-btn { margin-right: 10px; margin-top: 60px; } .cookie-popup-close { right: 3px; } .cookie-popup-text { padding-left: 5px; font-size: 12px; max-width: 55%; } } .down-title{ font-size: 25px; display: block; width: 100%; margin-top: 20px; } .down-content{ width: 100%; display: block; position: relative; padding-top: 7px; padding-bottom: 7px; } .items-orders{ margin-top: 15px; } .download-link{ color:#f06ba1; } .checkout-onepage-success .data-table th, .checkout-onepage-success .data-table td { padding: 5px; } .checkout-onepage-success .data-table .first td { padding-top: 10px; } .checkout-onepage-success .subtotal td{ line-height: 13px; } .checkout-onepage-success .buttons-set { margin: 5px 0 0; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .s-left-block{ overflow: hidden; float: left; width: 50%; display: block; } .s-right-block{ overflow: hidden; float: right; width: 42%; padding-left: 4%; padding-right: 4%; } .s-right-block .r-title{ font-size: 23px; line-height: 25px; padding-bottom: 10px; display: block; width: 100%; overflow: hidden; } #success-static-block{ margin-top: 40px; } .link-blog{ color:#f06ba1; display: block; width: 100%; overflow: hidden; margin-top: 8px; font-size: 12px; font-weight: 600; } .block_footer_payment a{z-index:400;} .pink-link{ color:#f06ba1; } #my-downloadable-products-table .download-btn{ padding: 5px; padding-bottom: 5px; padding-top: 7px; line-height: 12px; font-size: 12px; overflow: hidden; float: right; } .cms-page-view .col-main p a, .catalog-category-view .col-main .desc a, .catalog-category-view .col-main .category-description a, .catalog-product-view .col-main .tabs-panels a, .catalog-product-view .col-main .short-description a{ color: #f54f91; text-decoration: none; } .cms-page-view .col-main p a:hover, .catalog-category-view .col-main .desc a:hover, .catalog-category-view .col-main .category-description a:hover, .catalog-product-view .col-main .tabs-panels a:hover, .catalog-product-view .col-main .short-description a:hover { text-decoration: underline; color: #f54f91; } .glc input[type=checkbox] { margin-right: 6px; } .feature.body_block.month_promo { border: none; min-height: 0; } .container.promo-container { max-width: 930px; } .directions-data ul.disc { font-size: 100%; } .itemslider-wrapper { position: relative; } .sale-view-all { display: none; position: absolute; right: 0; top: -40px; background-color: #000000; font-family: "Questrial",sans-serif; height: 30px; line-height: 30px; overflow: hidden; text-align: center; width: 105px; cursor: pointer; font-size: 16px; font-weight: 800; } .sale-view-all a { display: block; text-align: center; height: 100%; text-transform: none; text-decoration: none; color: #f4f4f4; } .sale-view-all a:hover { text-transform: none; text-decoration: none; color: #f4f4f4; } /*responsive*/ @media only screen and (min-width: 481px) and (max-width: 1289px) { .sale-view-all { display: inline-block; right: 70px; } } @media only screen and (min-width: 481px) and (max-width: 960px) { .section-title.padding-right.sale-header-link { padding-right: 175px !important; } .user-menu { top: 55px; z-index: 100; } div.mobnav-trigger-wrapper { width: 55%; } } @media only screen and (min-width: 1290px) { .sale-view-all { display: inline-block; } } .glc .sp-methods label.sh-guarantee-label, .glc .sp-methods label.sh-guarantee-label .price{ font-weight: bold; } .footer-bottom-container.footer-secondary-bottom { background-color: #ffffff; } .footer-bottom-container.footer-secondary-bottom .footer-bottom { color: #000000; font-size: 11px; font-family: "Questrial", sans-serif; font-weight: normal; } .footer-bottom .second-bottom-footer { margin: auto; text-align: center; width: 100%; } .section.second-bottom-footer { padding: 7px 0; } .footer-secondary-bottom .footer-bottom.footer.container { padding: 0; } @media only screen and (max-width: 550px) { .footer-bottom-container.footer-secondary-bottom { padding-bottom: 55px; } } div.mobnav-trigger-wrapper { margin-top: 9px; } .container.strip-lashes { max-width: 1200px; padding-top: 0; } p.order-success, ul.order-success li { font-size: 15px; } ul.order-success { list-style-type: decimal; margin: 0 0 15px 30px; } .order-success a{ color: #f54f91; text-decoration: none; } .order-success a:hover { text-decoration: none; color: #f54f91; } .toolbar-bottom .attributes-layer { display:none; } .attributes-layer{ float: left; border: 2px #f06ba1 solid; width: 100%; margin: 10px 0 0; } .attributes-layer .attribute { float: left; } .attributes-layer .attribute select{ height: 25px; margin-top: 5px; width: 120px; padding: 0 8px; } .attributes-layer .attribute-label { float: left; font-size: 15px; line-height: 15px; margin: 10px 10px 0 65px; } .attributes-layer .attribute-button { float: right; } .attributes-layer .attr-view-all { float: right; margin: 10px 10px 0 0; color: #4e4e4e; font-size: 12px; } .attributes-layer .attribute-button a.button { width: 135px; font-size: 16px; } @media only screen and (max-width: 560px) { .attributes-layer .attribute { height: 100%; width: 40%; } .attributes-layer .attribute select { height: 30px; margin-top: 10px; padding: 0 2px; width: 100%; } } @media only screen and (max-width: 844px) { .attributes-layer .attribute-label { margin: 10px 0; width: 53%; } .attributes-layer .attribute-button { margin: 10px 0; text-align: center; width: 100%; } .attributes-layer .attr-layer { float: left; text-align: center; width: 50%; } .attributes-layer .attr-view-all { margin: 0 0 7px; text-align: center; width: 100%; } } @media only screen and (min-width: 845px) and (max-width: 960px) { .attributes-layer .attribute-label { margin-left: 16px; } } .cart .amazon-pay-button, .amazon-login-button-wrapper { display: none; } #amazon-cancel{ color: #f54f91; text-decoration: none; } #amazon-cancel:hover { text-decoration: none; color: #f54f91; } .badge-pop { position: absolute; right: 0; top: 0; z-index: 1; overflow: hidden; width: 120px; height: 120px; text-align: right; } .badge-pop>span { font-size: 13px; font-weight: bold; color: #FFF; text-align: center; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 180px; display: block; background: #9d4e9e; position: absolute; top: 20px; right: -47px; padding: 7px 0 2px; letter-spacing: 1px; line-height: 15px; } .badge-pop>span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; } .badge-pop>span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; } .badge-pop .pop{ font-size: 22px; } .block-related .product { position: relative; } .product-view .block-related .sticker { height: 40px; width: 40px; } .product-view .block-related .sticker { font-size: 1.1666em; } .product-view .block-related .item:hover .sticker { width:40px; height:40px; } .item .sticker span { float:none; display: block; margin: auto; text-align: center; width: 60px; } #header-nav .item .sticker span, #itemslider-related-multi .item .sticker span { width: 100%; } /* FILE: widgets.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2014 X.commerce, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.eyelashextensions.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.eyelashextensions.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.eyelashextensions.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.eyelashextensions.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.eyelashextensions.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.eyelashextensions.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.eyelashextensions.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.eyelashextensions.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.eyelashextensions.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /* FILE: styles.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /* Overlay */ #ampromo-items-add { border: 1px solid #ededed; padding: 7px; text-align: center; margin-bottom: 12px; } #ampromo-items-add a { text-decoration: none; border-bottom: 1px dashed; } .amscheckout #ampromo-items-add { margin: 7px 10px; } #ampromo-overlay { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); top: 0; left: 0; z-index: 10000; text-align: center; direction: ltr; overflow: scroll; } #ampromo-overlay .close { position: absolute; top: 7px; right: 7px; background: url(https://www.eyelashextensions.com/skin/frontend/ultimo/default/images/amasty/ampromo/close_icon.png) no-repeat; width: 16px; height: 16px; z-index: 1; margin: 0; padding: 0; font-size: 0; display: block; opacity: .8; } #ampromo-overlay .close:hover { opacity: 1; transition: opacity 0.2s ease; } .ampromo-item .giftcard-send-form{ padding: 0; margin: 0; } @media only screen and (max-width: 820px) and (min-width: 420px) { body #ampromo-items.amcarousel { width: 400px; } body .amcarousel #ampromo-carousel-wrapper { width: 250px; } } @media only screen and (max-width: 420px) { body #ampromo-items.amcarousel { width: 100%; } body .amcarousel #ampromo-carousel-wrapper { width: 250px; } body .ampromo-carousel-control.prev { left: 0px; } body .ampromo-carousel-control.next { right: 0px; } body .ampromo-carousel-control { z-index: 10001; } } @media only screen and (max-width: 340px) { body #ampromo-items .ampromo-item { border: none; } } @media only screen and (max-height: 500px) { body #ampromo-items.amcarousel { top: 0 !important; height: 100%; } body #ampromo-items { padding-top: 0; } body #ampromo-items>h4 { display: none; } } /* Items */ #ampromo-items { border: 1px solid #ededed; background-color: white; position: relative; margin: 0 auto; padding: 24px; display: inline-block; box-sizing: border-box; } #ampromo-items.amcarousel { display: block; width: 685px; } #ampromo-items .ampromo-item { box-sizing: border-box; margin-bottom: 7px; padding: 20px; width: 250px; border: 1px solid #ededed; position: relative; margin-right: 12px; } #ampromo-items .ampromo-item-options { margin-bottom: 12px; text-align: left; } #ampromo-items .ampromo-item-image { display: block; margin: 0 auto; width: 160px; height: 160px } /* Carousel */ .amcarousel #ampromo-carousel-wrapper { width: 520px; } #ampromo-carousel-wrapper { overflow: hidden; margin: 0 auto; } .amcarousel #ampromo-carousel-content { width: 4500px; height: 1px; } #ampromo-carousel-content .ampromo-slide { float: left; } .amcarousel .ampromo-carousel-control { display: block; } .ampromo-carousel-control { position: absolute; top: 260px; background: url(https://www.eyelashextensions.com/skin/frontend/ultimo/default/images/amasty/ampromo/buttons_next_prev.png) no-repeat; width: 48px; height: 45px; font-size: 0; display: none; } .ampromo-carousel-control.carousel-disabled.prev { background-position: 0 0 !important; } .ampromo-carousel-control.amcarousel-disabled.next { background-position: -46px 0 !important; } .ampromo-carousel-control.prev { background-position: 0 -45px; left: 20px; } .ampromo-carousel-control.next { background-position: -46px -45px; right: 20px; } .ampromo-carousel-control.prev:hover { background-position: 0 -91px; } .ampromo-carousel-control.next:hover { background-position: -46px -91px; } .ampromo-item .qty-holder { display: none; } .ampromo-item-options select, .ampromo-item-options input { max-width: 210px; } .ampromo-notification { padding: 7px; text-align: center; margin-bottom: 12px; border: 1px solid #f16048; color: #df280a; background: #faebe7; } .ampromo_items_form h4 { line-height: 50px; } .ampromo_items_form h4 a { display: inline-block; vertical-align: middle; line-height: 14px; } .ampromo-label{ float: right; position: absolute; z-index: 500; } .ampromo-gift .product-image{ float: left; } .ampromo-gift li{ margin: 10px 10px; float: left; } .ampromo-tooltip { padding:2px 5px; background:#FEC; border:1px solid #FAA819; color:#1F5070; text-align:left; width:300px; position:absolute; z-index: 10001; } .ampromo-product-name{ font-weight: bold; } .ampromo-short-description{ } .ampromo-img img{ /*width: 100%;*/ } /* FILE: itemslider.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /* * Itemslider - based on Owl Carousel * * IMPORTANT: Flexslider was replaced by Owl Carousel. * Deprecated styles for Flexslider are not needed any more and can be found inside this file: itemslider-old.css */ /* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Necessary styles (Core Owl Carousel CSS File v1.24) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -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); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* Additional styles for Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Preloading images */ .owl-item.loading { min-height: 60px; background: url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/ajax-loader.gif) no-repeat center center; } /* Pagination */ .owl-pagination { text-align: center; z-index: 0; /* z-index to show above other items */ } /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemslider { margin-bottom: 20px; } /* Items */ .itemslider .item { padding-left:10px; padding-right:10px; } /* Lazy loading */ .itemslider .owl-item.loading { background-position: center 40px; } .itemslider .owl-item.loading .product-image { min-height: 70px; } /* If slider inside menu */ #nav .itemslider .price-box span { display: inline; } /* FILE: generic-nav.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * Generic interface elements */ /* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Generic arrows 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows1 .owl-controls .owl-buttons { position:absolute; } .slider-arrows1 .owl-controls .owl-buttons div { float:left; display:block; width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; text-decoration:none; overflow:hidden; text-indent:-9999px; background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/generic-nav/slider-arrows.png); background-repeat:no-repeat; background-color:#e5e5e5; 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-arrows1 .owl-controls.clickable .owl-buttons div:hover { background-color:#333; } .slider-arrows1 .owl-controls .owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#e5e5e5; /* Must be the same as default color */ } .slider-arrows1 .owl-controls .owl-buttons .owl-prev { background-position:-10px -10px; margin-right:1px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-10px -60px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .slider-arrows1 .owl-controls .owl-buttons .owl-next { background-position:-60px -10px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-60px -60px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Position */ .slider-arrows1-pos-top-right .owl-controls .owl-buttons { top:-40px; right:0px; } .slider-arrows1-pos-top-left .owl-controls .owl-buttons { top:-40px; left:0px; } /* 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; background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/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; 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:44%; } .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:44%; } .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:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; text-decoration:none; overflow:hidden; text-indent:-9999px; background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/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:-32px; } .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:-32px; } .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 */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * 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: ultra-slideshow.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * Ultra Slideshow */ /* Slideshow wrapper %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow-wrapper {} .the-slideshow-wrapper:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* Slideshow %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow { margin:0 auto; } .the-slideshow .slides { display: none; } /* Banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow-banners { -webkit-backface-visibility: hidden; /* Fix possible glitches during animation */ margin-bottom:0.1%; /* Important: a little bit bigger than slideshow bottom margin to avoid jumping on slide transition */ } .the-slideshow-banners .banner { position:relative; /* Container for caption */ } .the-slideshow-banners a.banner, /* Backward compatibility, link could have "banner" class */ .the-slideshow-banners .banner a { display:block; } /* Additional effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow .fade-on-slideshow-hover, .the-slideshow-wrapper .fade-on-slideshow-wrapper-hover { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .the-slideshow:hover .fade-on-slideshow-hover, .the-slideshow-wrapper:hover .fade-on-slideshow-wrapper-hover { opacity:0.75; filter:alpha(opacity=75); } /* FILE: accordion.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /* * 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.eyelashextensions.com/skin/frontend/ultimo/curata/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.eyelashextensions.com/skin/frontend/ultimo/curata/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.eyelashextensions.com/skin/frontend/ultimo/curata/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.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/accordion/opener-w.png); } /* Active */ /*.accordion-style1 li.item-active > .opener { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/accordion/opener-small-active.png); }*/ .accordion-style1 li.item-active > .opener:hover { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/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.eyelashextensions.com/skin/frontend/ultimo/curata/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.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/accordion/opener-w.png); } .collapsible.active .opener { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/accordion/opener-active.png); } .collapsible.active .opener:hover { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/accordion/opener-active-w.png); } /* FILE: menu.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /* * 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 */ margin: 0 0 8px; } #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; } /* Mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger. Shares style with the 1st-level links from the standard menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ div.mobnav-trigger-wrapper { display:none; } /* Important: added "div" to selector to make it more specific than grid units */ .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; } /* Dropdowns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdowns 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 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Containers for additional elements in the menu bar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav .nav-holder { float: right; } #nav .nav-holder > * { display: block; line-height: 50px; /* The same as height of the menu bar */ } /* Set max height (the same as height of the menu bar) to avoid issues with excessive height of the dropdown elements when dropdown is inserted inside the menu bar. */ #nav .nav-holder .dropdown-heading { max-height: 50px; line-height: 50px; } /* 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-dropdown.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * Main menu dropdown boxes */ @media only screen and (min-width: 961px) { /* 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 6px; } /*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; } #nav.nav-regular .nav-item.level0.parent > a span.caret { border-top-color: #9d4e9e; opacity: 1; } #nav.nav-regular .nav-item.level0.parent:hover > a span.caret { border-top-color: #f4f4f4; } /* 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 */ #nav.nav-regular .nav-panel--dropdown a:hover { color: #f54f91; } /* 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; } .nav-regular .nav-submenu--mega > li > .nav-panel li.nav-item a span:before { display: none; } /* 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: 10px; } .nav-regular .nav-submenu--mega > li.nav-item.level1.nav-1-2.parent { padding-bottom: 0; } .nav-regular .nav-submenu--mega > li > a { font-size: 16px; line-height: 1.25em; /*20px*/ font-weight: 600; } #nav .nav-custom-link .nav-panel.nav-panel--dropdown.full-width { width: 35%; right: 0; left: auto !IMPORTANT; } .nav-custom-link .nav-panel.nav-panel--dropdown.full-width li.nav-item.mega.parent { width: 50%; } /* 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.eyelashextensions.com/skin/frontend/ultimo/curata/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 { margin: 1px 0 0 0; } .nav-regular .classic > .nav-panel--dropdown > li:first-child { margin: 0; } .nav-regular .classic > .nav-panel--dropdown > li > a { line-height: 1.6666em; display: block; text-decoration: none; border: none; display: block; background-color: #fff; text-decoration: none; font-weight: normal; padding: 5px 10px; color: #000; font-size: 16px; text-transform: uppercase; } .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: 14em; min-width: 12em; } #nav.nav-regular .classic > .nav-panel--dropdown { background: none; color: #000000; padding: 0; } .nav-custom-link .nav-submenu .nav-item.level1 span:before { display: none; } /* 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.eyelashextensions.com/skin/frontend/ultimo/curata/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: 25.3333%; padding-left: 3%; padding-right: 3%; } /*.dd-itemgrid-3col > .nav-item:nth-child(3n+1) { clear:left; }*/ /* Item grid: 4 columns */ .dd-itemgrid-4col > .nav-item { width: 43%; padding-right: 4%; padding-left: 3%; } .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; } /**/ .nav .section-title.padding-right { font-size: 16px; } .nav .nav-item.level1 a > span { position: relative; } .nav .nav-item.level1 a > span:before { position: absolute; width: 0; height: 0; vertical-align: middle; content: ""; border-top: 5px solid transparent; border-left: 8px solid #ee5c94; border-bottom: 5px solid transparent; top: 50%; margin-top: -5px; margin-left: -15px; } .nav .products-grid.size-s .product-name { font-size: 15px; } } /* FILE: amazon.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ .clearfix { *zoom: 1; } @font-face { font-family: "Questrial"; src:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/css/fonts/Questrial/Questrial-Regular.eot?) format("eot"), url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/css/fonts/Questrial/Questrial-Regular.woff) format("woff"), url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/css/fonts/Questrial/Questrial-Regular.ttf) format("truetype"), url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/css/fonts/Questrial/Questrial-Regular.svg) format("svg"); font-weight:normal; font-style:normal; } .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; width: 280px; padding: 4px 0; display: block; margin: 0 auto; } .searchautocomplete .sprite { background: url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/mirasvit/sprite.png'); } .searchautocomplete > label { display: none; float: left; margin-right: 10px; color: #333; font-weight: bold; margin-top: 8px; } .searchautocomplete .nav { background: #9d4e9e; float: left; height: 31px; position: relative; width: 234px; } .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 { border-right: 1px solid #000; color: #d4d4d4; cursor: pointer; float: left; font-size: 14px; height: 24px; line-height: 27px; margin: 4px 0px 0px 2px; padding: 0px 25px 0px 10px; text-align: center; white-space: nowrap; font-family: "Questrial", georgia, serif; } .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; margin: 6px 0px 0px 10px; padding: 0px 5px 0px 5px; z-index: 12; position: relative; } .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: 22px; border: 0px; font-family: "Questrial", georgia, serif; font-size: 14px; background: transparent; color: #d4d4d4; outline: 0px; margin-left: 5px; width: 100%; } .searchautocomplete .nav .nav-input input.suggest { display: none; color: #999; z-index: 9; } .searchautocomplete .nav-submit-button { background: #9d4e9e; float: left; height: 31px; padding-left: 5px; } .searchautocomplete .nav-submit-button .button { width: 39px; margin: 4px 0 0; height: 24px; padding: 2px 9px 0; cursor: pointer; line-height: 12px; font-size: 14px; z-index: 14; background: #9d4e9e; border-left: 1px solid #000; color: #d4d4d4; font-family: "Questrial", georgia, serif; } .searchautocomplete .nav-submit-button .button:hover { background-color: #39414b; } .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 #ccc; padding: 15px 10px 5px 10px; position: absolute; right: auto; top: 42px; width: 255px; 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: 30px; } .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; } .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; } .searchautocomplete .searchautocomplete-placeholder ul li a .pull-right { float: right; } .searchautocomplete .searchautocomplete-placeholder ul li.active { background-color: #FDEFFD; cursor: pointer; } .searchautocomplete .searchautocomplete-placeholder .all a { color: #625F5F; } .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: #f06ba1; float: right; font-family: Questrial, georgia, serif; } .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: #9d4e9e; } .searchautocomplete .searchautocomplete-placeholder ul li .highlight { color: #4e4e4e; } .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; } .searchautocomplete { border: 1px solid #fff; display: block; height: 40px; margin: 14px auto 0; position: relative; width: 387px; padding: 0; } .searchautocomplete .nav { background: #9d4e9e none repeat scroll 0 0; float: left; height: 40px; position: relative; width: 334px; } .searchautocomplete .nav .nav-input { margin: 7px 0 0 10px; padding: 0 5px 0 2px; position: relative; z-index: 12; } .searchautocomplete .nav .nav-input input { background: transparent none repeat scroll 0 0; border: 0 none; color: #d4d4d4; font-family: "Questrial",georgia,serif; font-size: 14px; height: 29px; outline: 0 none; padding: 0; width: 100%; z-index: 10; } .searchautocomplete .nav-submit-button { background: #9d4e9e none repeat scroll 0 0; float: left; height: 40px; padding-left: 5px; } .searchautocomplete .nav-submit-button .button { background: #9d4e9e none repeat scroll 0 0; border-left: 1px solid #fff; color: #d4d4d4; cursor: pointer; font-family: "Questrial",georgia,serif; font-size: 14px; height: 32px; line-height: 12px; margin: 5px 0 0; padding: 2px 9px 0; width: 48px; z-index: 14; } .searchautocomplete .nav-submit-button .button:hover { background-color: #9d4e9e; } @media only screen and (max-width: 1280px) { .searchautocomplete { width: 298px; } .searchautocomplete .nav { width: 245px; } } @media only screen and (max-width: 440px) { .searchautocomplete { width: 100%; } .searchautocomplete .nav { width: 82%; } .searchautocomplete .nav-submit-button { width: 16%; } .searchautocomplete .nav-submit-button .button { width: 100%; } } /* FILE: mirasvit_searchindex.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ .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; } .col-main .searchindex-highlight { background-color: #ff0; } /* FILE: colorbox.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxContent{margin-top:32px; overflow:visible; background:#000;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#000; padding:1px;} #cboxLoadingGraphic{background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/controls.png) no-repeat 0 0;} /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious:hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext:hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose:hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} /* FILE: styles-infortis.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * Infortis themes styles */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-container {} .section { padding:10px 0; } .section-space { padding:10px; } /* Helper classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Magento default helper classes -------------------------------------------------------------- */ /* Layout helper classes -------------------------------------------------------------- */ .margin-top { margin-top:20px; } .margin-bottom { margin-bottom:20px; } .padding-top { padding-top:20px; } .padding-bottom { padding-bottom:20px; } .float-left { float:left; } /*deprecated*/ .float-right { float:right; } /*deprecated*/ /* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Caret %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caret { display:inline-block; width:0; height:0; margin-bottom:2px; vertical-align:middle; content:""; border-style:solid solid none; border-width:4px 4px 0; border-color:#333 transparent transparent; } .dropdown .caret { opacity:0.3; filter:alpha(opacity=30); } .dropdown.open .caret { opacity:1; filter:alpha(opacity=100); } /* Product labels (stickers) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Positionning -------------------------------------------------------------- */ .sticker-wrapper { position:absolute; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } .product-view .sticker-wrapper { z-index:1; /* On product page z-index greater than Cloud Zoom image */ } .product-view .product-img-column { position:relative; } /* Stickers are positioned relative to this container */ .sticker-wrapper.top-right { top:-3px; right:-3px; } .sticker-wrapper.bottom-right { bottom:-3px; right:-3px; } .sticker-wrapper.bottom-left { bottom:-3px; left:-3px; } .sticker-wrapper.top-left { top:-3px; left:-3px; } /* Appearence -------------------------------------------------------------- */ .sticker { width:60px; height:60px; border-radius:50%; font-size:15px; line-height:1em; font-weight:bold; text-align:center; display:table-cell !important; /* Add "important" to override inherited styles of parent elements */ vertical-align:middle !important; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } /* Colors */ .sticker.new { background-color:#5BD2EC; color:#fff; } .sticker.sale { background-color:#F12B63; color:#fff; } .sticker span { width: 100%; float: left; text-align: center; font-size: 0.65em; line-height: 1em; } .product-view .sticker span { font-size: 0.65em;} .product-view .sticker-wrapper span.sticker.new { display: none !important; } /* Effects */ .item:hover .sticker { width:65px; height:65px; } .item:hover .sticker-wrapper.top-right, .item:hover .sticker-wrapper.top-left { } .item:hover .sticker-wrapper.top-right { } .item:hover .sticker-wrapper.top-left { } /*Sizes*/ .sticker.size-s { width:45px; height:45px; font-size:1em; } .item:hover .sticker.size-s { width:50px; height:50px; } .sticker.size-xs { width:40px; height:40px; font-size:0.9166em; /*11px*/ } .item:hover .sticker.size-xs { width:45px; height:45px; } /* CMS pages and custom content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Video (embed) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* "videoWrapper" - depracated class, left for backward compatibility */ .video-wrapper, .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-wrapper iframe, .video-wrapper object, .video-wrapper embed, .videoWrapper iframe, .videoWrapper object, .videoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Page banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .banner-wrapper { position: relative; display: block; } .page-banners .banner a { display:block; } .page-banners .banner a img { display:block; margin:0 auto; } .feature.body_block { margin: 10px 0; border: 2px solid #ffad99; padding: 12px; min-height: 142px; } .cms-home .feature.body_block { border: none; } .page-banners .banner .feature.body_block img { float: left; width: 36%; margin: 0 2% 0 0; } .feature.body_block .home_lash { float: left; width: 62%; } /* depracated styles, left for backward compatibility: */ .page-banners .banner { margin-bottom:2%; } /* Landing pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .landing-page {} .horizontal-section, .vertical-section { display:block; margin-top:0; margin-bottom:10px; position:relative; } .horizontal-section { margin-top:10px; } .landing-page .center-block { display:block; margin:0 auto; } /* Caption %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caption { display:block; position:absolute; bottom:0; width:80%; margin:6%; padding:0; } /* Caption position -------------------------------------------------------------- */ .caption.top { top:0; bottom:auto; width:80%; } .caption.top-right { top:0; bottom:auto; right:0; width:58%; } .caption.bottom-right { right:0; width:58%; } /* Caption elements -------------------------------------------------------------- */ .caption > * { float:left; display:inline-block; margin-bottom:1px; } .caption .heading { padding:0.25em; margin-bottom:0.2em; font-size:2.8em; line-height:1em; font-weight:normal; } .caption p { clear:left; padding:0.25em 0.5em; margin-bottom:1px; font-size: 1.3333em; line-height:1em; } .caption button { clear:left; } /* Caption layout -------------------------------------------------------------- */ .caption.centered { text-align: center; } .caption.centered > * { display:inline-block; float: none; } /* Floating (text alignment) */ .caption.right > * { text-align:right; float:right !important; } /* Caption additional styles -------------------------------------------------------------- */ /* Width */ .caption.full-width { width:88%; margin:6%; } .caption.narrow { width:38%; } /* Prevent from hiding elements of the caption on narrow screens */ .caption .permanent { display:inline-block !important; } /* Skin -------------------------------------------------------------- */ .caption .heading, .caption p { 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; } a:hover .caption .heading, a:hover .caption p { transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; } /* Dark + white text */ .caption.dark1 .heading, .caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; } a:hover .caption.dark1 .heading, a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; } /* Dark + white text */ .caption.dark2 .heading, .caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; } a:hover .caption.dark2 .heading, a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; } /* Dark + white text */ .caption.dark3 .heading, .caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; } a:hover .caption.dark3 .heading, a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; } /* Light + black text */ .caption.light1 .heading, .caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; } a:hover .caption.light1 .heading, a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; } /* Light + black text */ .caption.light2 .heading, .caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; } a:hover .caption.light2 .heading, a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; } /* Light + black text */ .caption.light3 .heading, .caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; } a:hover .caption.light3 .heading, a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Disable transitions, fade effect applied with JS */ .fade-on-hover { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } /* FILE: menu-level.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ @media all and (max-width: 960px) { .mlvl { overflow: auto; padding: 0 15px; background-color: #fff !important; } .mlvl__level { position: absolute; top: 0; left: 0; right: 0; background: #444444; -webkit-transition: -webkit-transform 150ms ease-out; transition: -webkit-transform 150ms ease-out; -o-transition: transform 150ms ease-out; transition: transform 150ms ease-out; transition: transform 150ms ease-out, -webkit-transform 150ms ease-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); /*-webkit-overflow-scrolling: touch; -webkit-animation: a7_c .3s cubic-bezier(0, 0, .3, 1.5); animation: a7_c .3s cubic-bezier(0, 0, .3, 1.5);*/ z-index: 2; } /*.a7_a { -webkit-overflow-scrolling: touch; -webkit-animation: a7_c .3s cubic-bezier(0, 0, .3, 1.5); animation: a7_c .3s cubic-bezier(0, 0, .3, 1.5); bottom: 0; overflow-x: hidden; overflow-y: auto; position: absolute; top: 44px; width: 320px } .a7_a[hidden] { display: none } @-webkit-keyframes a7_c { 0% { -webkit-transform: translateX(100%); transform: translateX(100%) } to { -webkit-transform: none; transform: none } }@keyframes a7_c { 0% { -webkit-transform: translateX(100%); transform: translateX(100%) } to { -webkit-transform: none; transform: none } }*/ .mega.parent > .mlvl__level { /*left: 25px; right:25px;*/ background-color: #fff !important; } .mlvl__level--top { position: static; background: none; overflow: hidden; } .mlvl__level--is-hidden { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .no-csstransitions .mlvl__level--is-hidden { display: none; } .mlvl__back { display: block; width: 100%; padding: 20px; } .mlvl__back, .mlvl__back:hover, .mlvl__back:active, .mlvl__back:focus { background: #ffffff; border: none; text-transform: uppercase; font-weight: bold; font-size: 1.3333em; line-height: 1.25em; color: #4e4e4e; text-align: left; } .nav { width: 400px; font-size: 1.2rem; height: auto; overflow: auto; } .nav ul { margin: 0; padding: 0; list-style: none; } .nav ul a { display: block; padding: 10px 20px; text-decoration: none; position: relative; } .nav ul a.level-top:not(.mlvl__parent) { display: inline-block; } /*.nav ul a.mlvl__parent:not(.mlvl__parent-clone):after { content: ' >'; }*/ /*.nav .mlvl__back-icon:before { content: '<'; }*/ } /* FILE: generic-cck.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * 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, .links > li > a { line-height:3em; } /* line-height:36px; */ /*2.6666em = 32px;*/ .links > li > a { padding:0 0.5833em; } /* padding:0 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.eyelashextensions.com/skin/frontend/ultimo/curata/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.shown-mobile { display:none; } .links-wrapper-separators-left .links > li > a { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/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, span.go { background:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/infortis/_shared/cck/bullet.png) 97% 50% no-repeat; padding-right:17px; display:inline !important; } /* FILE: dropdown.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * Drop-down block */ /* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown { position:relative; } .dropdown:hover { z-index:4000; } /* Dropdown heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-heading { display:inline-block; cursor:default; } /* In case a link ("a" tag) is used as a dropdown heading, inherit color from parent element */ .dropdown a.dropdown-heading { color: inherit; } .dropdown a.dropdown-heading:hover { 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 */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * 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: tabs.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * Generic tabs */ /* Basic styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Tabs -------------------------------------------------------------- */ /* Total height of the tab bar should be the same as in block titles */ .gen-tabs .tabs li { float:left; margin:0; } .gen-tabs .tabs a { display:block; padding:0 10px; text-decoration:none; outline:none; } /* Tab panels -------------------------------------------------------------- */ .gen-tabs .tabs-panels { padding:15px 0; } .gen-tabs .tabs-panels .panel {} /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { display:none; padding:0; margin-bottom:1px; font-weight:normal; } .gen-tabs .acctab:hover { cursor:pointer; } /* Accordion mode enabled */ .gen-tabs.accor .tabs { display:none; } .gen-tabs.accor .acctab { display:block; } .gen-tabs.accor .tabs-panels { padding-top:0; padding-bottom:0; } .gen-tabs.accor .tabs-panels .panel { display:none; margin:10px 0; padding:15px; } /* Default skin %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs .tabs a { color:#333; background-color:#eee; line-height:3em; font-weight: 600; } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color:#e5e5e5; } .gen-tabs .tabs a.current { background-color:#ddd; } /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { font-size:1.5em; line-height:2.7777em; background-color:#f5f5f5; color:#333; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color:#e5e5e5; } .gen-tabs.accor .tabs-panels .panel {} /* Tabs - skin 1: with thin borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Border exists but it is transparent. Except bottom border which has to be removed. Only the current tab need to have bottom border. */ .gen-tabs--style1 .tabs a { font-size:1.3333em; color:#333; background-color:#eee; border:1px solid transparent; border-bottom:none; } .gen-tabs--style1 .tabs a:hover /*, .gen-tabs--style1 .tabs a:focus */ { background-color:#e5e5e5; /* Border on hover has the same color as background of the tab */ border-color:#e5e5e5; } .gen-tabs--style1 .tabs a.current { background-color:#fff; /* Pull up the panels */ margin-bottom:-1px; /* Border of the active item has the same color as border of panels. Bottom border is transparent. */ border-color:#e5e5e5; border-bottom:1px solid transparent; /* Make a little bit higher than other tabs */ padding-top:4px; margin-top:-4px; } .gen-tabs--style1 .tabs a.current:hover { /* Bottom border is transparent. */ border-bottom-color: transparent; } .gen-tabs--style1 .tabs-panels { border-top:1px solid #e5e5e5; border-bottom:1px dashed #e5e5e5; } /* Accordion -------------------------------------------------------------- */ .gen-tabs--style1.accor .tabs-panels { border-top:none; border-bottom:none; } .gen-tabs--style1 .acctab { border-bottom:1px solid #e5e5e5; } .gen-tabs--style1.gen-tabs.accor { margin-bottom: 25px; } /* Tabs - skin 1: smaller %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs--style1-small .tabs a { padding:0 7px; font-size: 14px; line-height: 32px; } /* Added main class to increase specificity of this rule to override font */ .gen-tabs--style1.gen-tabs--style1-small .tabs a { font-family: inherit; } /* Accordion -------------------------------------------------------------- */ .gen-tabs--style1-small .acctab { font-size: 14px; line-height: 32px; } /* Added main class to increase specificity of this rule to override font */ .gen-tabs--style1.gen-tabs--style1-small .acctab { font-family: inherit; } /* FILE: icons.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * Icons and other styles related to icons. * Part of the font icon styles based on Font Awesome - http://fontawesome.io */ /* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic { display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* If icon is applied to 'i' tag */ i.ic { font-style: normal; } /* Floating icons - with generic modifiers -------------------------------------------------------------- */ .ic.left { margin-right: .3em; } .ic.right { margin-left: .3em; } /* Size -------------------------------------------------------------- */ /* Makes the font 33% larger relative to the icon container */ .ic-lg { font-size: 1.33333333em; line-height: 0.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; } /* Lists -------------------------------------------------------------- */ .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: 0.14285714em; text-align: center; } .ic-li.ic-lg { left: -1.85714286em; } .ic-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .ic.pull-left { margin-right: .3em; } .ic.pull-right { margin-left: .3em; } /* Stacking -------------------------------------------------------------- */ .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: #ffffff; } /* Effects -------------------------------------------------------------- */ .ic-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .ic-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .ic-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ic-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .ic-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .ic-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } /* Characters as icon (letters, numbers etc.) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic-char { font-weight: bold; font-family: Arial, Helvetica, sans-serif !important; } /* Images as icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic-img { font-family: inherit; /* Remove icon font to fix vertical alignment */ } /* Set max size for images displayed as icons */ .ic-img img, .icon img /* For backward compatibility */ { vertical-align: middle; } /* Iconbox - an icon with background color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib, /* For backward compatibility */ .social-links a > span.icon { vertical-align: middle; /* TODO: check in which cases it's required */ text-align: center; background-color: #e5e5e5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* Size %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib, /* For backward compatibility: */ .feature > span.icon, .social-links a > span.icon { line-height: 36px; width: 36px; height: 36px; } .ib-size-l, /* For backward compatibility: */ .feature > span.icon.large { 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; } /* For backward compatibility: align center the content of the iconbox */ .feature > span.icon { text-align: center; } /* Labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Label which immediately follows the iconbox */ .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; } /* Hover state %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib-hover:hover, /* Apply hover state color only when special class is present */ .feature-icon-hover:hover .ib, /* For backward compatibility: */ .icon-hover:hover, .feature-icon-hover:hover > span.icon { background-color: #333; color: #fff; } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib, .icon-hover, /* For backward compatibility */ .feature-icon-hover .ib, .feature-icon-hover .icon /* For backward compatibility */ { /* TODO: position animation deprecated */ transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /* Characters as icon - modify styles if inside iconbox %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib.ic-char, .ib.i-char /* For backward compatibility */ { /*font-size: 16px;*/ /* Important: do not add font size here, it would override standard classes such as "ic-2x" */ text-align: center; } /* Additional utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Background -------------------------------------------------------------- */ /* Icon without background color */ .ib-no-bg, .ib.no-bg-color /* For backward compatibility */ { background-color: transparent !important; } /* Shapes -------------------------------------------------------------- */ .ib-circle, .ib.circle /* For backward compatibility */ { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .ib-rounded, .ib.rounded /* For backward compatibility */ { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ib-square, .ib.square /* For backward compatibility */ { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* All icons square */ .ib-wrapper--square .ib, .icon-wrapper-square .ib /* For backward compatibility */ { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic styles */ .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; } /* With top/bottom border line */ .feature.top-border { border-top: 1px solid #f5f5f5; padding-top: 10px; } .feature.bottom-border { border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; } /* Wrapper with top/bottom line -------------------------------------------------------------- */ .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 headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature .heading { font-size: 1.3333em; /*16px*/ line-height: 1.25em; /*20px*/ margin-bottom: 0.625em; /*10px*/ font-weight: normal; } .feature .above-heading { margin: 0 0 5px; font-size: 11px; line-height: 1.4545em; /*16px*/ text-transform: uppercase; color: #888; } .feature .below-heading { font-size: 1em; font-style: italic; line-height: 1.3333em; /*16px*/ color: #888; } /* Feature and icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Floating icons - additional margin -------------------------------------------------------------- */ .feature .ic.left { margin: 0 15px 10px 0; } .feature .ic.right { margin: 0 0 10px 15px; } /* Vertically centered icon -------------------------------------------------------------- */ .feature.v-centered-content .v-center .ic { margin: 0 5px 0 0; } /* Indented feature %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* IMPORTANT: inside indented feature, the first level icon automatically floats left */ .feature.indent > .ic, .feature.indent > .icon /* For backward compatibility */ { float: left; margin: 0 15px 0 0; } /* But override this behavior if an icon is explicitly floated right */ .feature.indent > .ic.right, .feature.indent > .icon.right /* For backward compatibility */ { float: right; margin: 0 0 0 15px; } /* Size of indentation -------------------------------------------------------------- */ /* Size of indentation = width of iconbox + right margin of the iconbox */ /* Default */ .feature.indent { padding-left: 51px; /* 36 + 15 */ } .feature.indent > .ic, .feature.indent > span.icon /* For backward compatibility */ { margin-left: -51px; } /* Large */ .feature.indent-size-l, .feature.indent.large /* For backward compatibility */ { padding-left: 63px; } .feature.indent-size-l > .ic, .feature.indent.large > .ic, /* For backward compatibility */ .feature.indent.large > span.icon.large /* For backward compatibility */ { margin-left: -63px; } /* X Large */ .feature.indent-size-xl { padding-left: 75px; } .feature.indent-size-xl > .ic { margin-left: -75px; } /* XX Large */ .feature.indent-size-xxl { padding-left: 87px; } .feature.indent-size-xxl > .ic { margin-left: -87px; } /* XXX Large */ .feature.indent-size-xxxl { padding-left: 99px; } .feature.indent-size-xxxl > .ic { margin-left: -99px; } /* Feature centered %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature.centered { text-align: center; } .feature.centered .ic { margin: 0 0 10px; } /* Additional styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Auto-size: allow for big icons. IMPORTANT: don't use "span" tag together with "icon" in this selector! */ .feature .ic.auto-size { width: auto; max-width: none; height: auto; max-height: none; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* FILE: icons-font.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * Definitions of the font with icons and definitions of the icon glyphs */ @font-face { font-family: 'ThemeIcons'; src:url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/themeicons/ThemeIcons.eot?387osh'); src:url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/themeicons/ThemeIcons.eot?#iefix387osh') format('embedded-opentype'), url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/themeicons/ThemeIcons.woff?387osh') format('woff'), url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/themeicons/ThemeIcons.ttf?387osh') format('truetype'), url('https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/themeicons/ThemeIcons.svg?387osh#ThemeIcons') format('svg'); font-weight: normal; font-style: normal; } /* Icon codes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic-plane:before { content: "\e200"; } .ic-tag:before { content: "\e201"; } .ic-paint:before { content: "\e202"; } .ic-credit:before { content: "\e203"; } .ic-phone:before { content: "\e204"; } .ic-letter:before { content: "\e205"; } .ic-stopwatch:before { content: "\e206"; } .ic-bars:before { content: "\e207"; } .ic-truck:before { content: "\e208"; } .ic-download:before { content: "\e209"; } .ic-upload:before { content: "\e20a"; } .ic-warning:before { content: "\e20b"; } .ic-question:before { content: "\e20c"; } .ic-info:before { content: "\e20d"; } .ic-success:before { content: "\e20e"; } .ic-close2:before { content: "\e20f"; } .ic-reload:before { content: "\e210"; } .ic-scissors:before { content: "\e211"; } .ic-googleplus:before { content: "\e212"; } .ic-facebook:before { content: "\e213"; } .ic-twitter:before { content: "\e214"; } .ic-feed:before { content: "\e215"; } .ic-youtube:before { content: "\e216"; } .ic-vimeo:before { content: "\e217"; } .ic-flickr:before { content: "\e218"; } .ic-dribbble:before { content: "\e219"; } .ic-github:before { content: "\e21a"; } .ic-wordpress:before { content: "\e21b"; } .ic-blogger:before { content: "\e21c"; } .ic-tumblr:before { content: "\e21d"; } .ic-skype:before { content: "\e21e"; } .ic-home:before { content: "\e21f"; } .ic-edit2:before { content: "\e220"; } .ic-cart:before, .ic-cart1:before { content: "\e221"; } .ic-menu:before { content: "\e222"; } .ic-star-o:before { content: "\e223"; } .ic-star:before { content: "\e224"; } .ic-heart:before { content: "\e225"; } .ic-heart-o:before { content: "\e226"; } .ic-arrow-up:before { content: "\e227"; } .ic-arrow-right:before { content: "\e228"; } .ic-arrow-down:before { content: "\e229"; } .ic-arrow-left:before { content: "\e22a"; } .ic-filter:before { content: "\e22b"; } .ic-lastminute:before { content: "\e22c"; } .ic-close:before { content: "\e22d"; } .ic-edit:before { content: "\e22e"; } .ic-instagram:before { content: "\e22f"; } .ic-user:before { content: "\e230"; } .ic-mobile:before { content: "\e231"; } .ic-pin:before { content: "\e232"; } .ic-zoomin:before { content: "\e233"; } .ic-zoomout:before { content: "\e234"; } .ic-search:before { content: "\e235"; } .ic-gift:before { content: "\e236"; } .ic-anchor:before { content: "\e237"; } .ic-calendar:before { content: "\e238"; } .ic-remove:before { content: "\e239"; } .ic-compare:before { content: "\e23a"; } .ic-alarm:before { content: "\e23b"; } .ic-plus:before { content: "\e23c"; } .ic-minus:before { content: "\e23d"; } .ic-pinterest:before { content: "\e23e"; } .ic-call24:before { content: "\e23f"; } .ic-callcenter:before { content: "\e240"; } .ic-delivery:before { content: "\e241"; } .ic-package:before { content: "\e242"; } .ic-globe:before { content: "\e243"; } .ic-lightbulb:before { content: "\e244"; } .ic-microscope:before { content: "\e245"; } .ic-24hours:before { content: "\e246"; } .ic-coupon:before { content: "\e247"; } .ic-tshirt:before { content: "\e248"; } .ic-bag8:before { content: "\e249"; } .ic-bag6:before { content: "\e24a"; } .ic-bag4:before { content: "\e24b"; } .ic-bag3:before { content: "\e24c"; } .ic-bag7:before { content: "\e24d"; } .ic-bag2:before { content: "\e24e"; } .ic-bag5:before { content: "\e24f"; } .ic-cart2:before { content: "\e250"; } .ic-bag:before, .ic-bag1:before { content: "\e251"; } .ic-cart3:before { content: "\e252"; } .ic-smartphones:before { content: "\e253"; } .ic-grid:before { content: "\e254"; } .ic-list:before { content: "\e255"; } .ic-linkedin:before { content: "\e256"; } .ic-bell:before { content: "\e257"; } .ic-xing:before { content: "\e258"; } .ic-vk:before { content: "\e259"; } .ic-weibo:before { content: "\e25a"; } .ic-renren:before { content: "\e25b"; } .ic-behance:before { content: "\e25c"; } .ic-vine:before { content: "\e25d"; } .ic-share:before { content: "\e25e"; } .ic-lowstock:before { content: "\e25f"; } .ic-left:before { content: "\e260"; } .ic-down:before { content: "\e261"; } .ic-up:before { content: "\e262"; } .ic-right:before { content: "\e263"; } /* FILE: icons-theme.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * Theme icons * Deprecated since 1.10.0 in favor of font icons */ /* Predefined icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Wishlist */ .icon.i-wishlist { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-7px -7px; } .icon.i-wishlist-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-7px -57px; } /* bw */ .icon.i-wishlist-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-7px -7px; } .icon-hover:hover.i-wishlist-bw, .feature-icon-hover:hover .icon.i-wishlist-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-7px -57px; } /* wb */ .icon.i-wishlist-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-7px -57px; } .icon-hover:hover.i-wishlist-wb, .feature-icon-hover:hover .icon.i-wishlist-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-7px -7px; } /* Compare */ .icon.i-compare { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-57px -7px; } .icon.i-compare-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-57px -57px; } /* bw */ .icon.i-compare-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-57px -7px; } .icon-hover:hover.i-compare-bw, .feature-icon-hover:hover .icon.i-compare-bw, .open > .dropdown-toggle.cover .icon.i-compare-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-57px -57px; } /* wb */ .icon.i-compare-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-57px -57px; } .icon-hover:hover.i-compare-wb, .feature-icon-hover:hover .icon.i-compare-wb, .open > .dropdown-toggle.cover .icon.i-compare-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-57px -7px; } /* Share/recommend */ .icon.i-recommend { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-107px -7px; } .icon.i-recommend-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-107px -57px; } /* bw */ .icon.i-recommend-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-107px -7px; } .icon-hover:hover.i-recommend-bw, .feature-icon-hover:hover .icon.i-recommend-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-107px -57px; } /* wb */ .icon.i-recommend-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-107px -57px; } .icon-hover:hover.i-recommend-wb, .feature-icon-hover:hover .icon.i-recommend-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-107px -7px; } /* Low stock */ .icon.i-lowstock { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-157px -7px; } .icon.i-lowstock-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-157px -57px; } /* bw */ .icon.i-lowstock-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-157px -7px; } .icon-hover:hover.i-lowstock-bw, .feature-icon-hover:hover .icon.i-lowstock-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-157px -57px; } /* wb */ .icon.i-lowstock-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-157px -57px; } .icon-hover:hover.i-lowstock-wb, .feature-icon-hover:hover .icon.i-lowstock-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-157px -7px; } /* Cart */ .icon.i-cart { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-457px -7px; } .icon.i-cart-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-457px -57px; } /* bw */ .icon.i-cart-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-457px -7px; } .icon-hover:hover.i-cart-bw, .feature-icon-hover:hover .icon.i-cart-bw, .open > .dropdown-toggle.cover .icon.i-cart-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-457px -57px; } /* wb */ .icon.i-cart-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-457px -57px; } .icon-hover:hover.i-cart-wb, .feature-icon-hover:hover .icon.i-cart-wb, .open > .dropdown-toggle.cover .icon.i-cart-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-457px -7px; } /* Row 2 -------------------------------------------------------------- */ /* Home */ .icon.i-home { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-7px -107px; } .icon.i-home-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-7px -157px; } /* bw */ .icon.i-home-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-7px -107px; } .icon-hover:hover.i-home-bw, .feature-icon-hover:hover .icon.i-home-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-7px -157px; } /* wb */ .icon.i-home-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-7px -157px; } .icon-hover:hover.i-home-wb, .feature-icon-hover:hover .icon.i-home-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-7px -107px; } /* Left */ .icon.i-left { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-107px -107px; } .icon.i-left-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-107px -157px; } /* bw */ .icon.i-left-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-107px -107px; } .icon-hover:hover.i-left-bw, .feature-icon-hover:hover .icon.i-left-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-107px -157px; } /* wb */ .icon.i-left-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-107px -157px; } .icon-hover:hover.i-left-wb, .feature-icon-hover:hover .icon.i-left-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-107px -107px; } /* Right */ .icon.i-right { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-157px -107px; } .icon.i-right-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-157px -157px; } /* bw */ .icon.i-right-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-157px -107px; } .icon-hover:hover.i-right-bw, .feature-icon-hover:hover .icon.i-right-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-157px -157px; } /* wb */ .icon.i-right-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-157px -157px; } .icon-hover:hover.i-right-wb, .feature-icon-hover:hover .icon.i-right-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-157px -107px; } /* Top */ .icon.i-top { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-207px -107px; } .icon.i-top-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-207px -157px; } /* bw */ .icon.i-top-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-207px -107px; } .icon-hover:hover.i-top-bw, .feature-icon-hover:hover .icon.i-top-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-207px -157px; } /* wb */ .icon.i-top-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-207px -157px; } .icon-hover:hover.i-top-wb, .feature-icon-hover:hover .icon.i-top-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-207px -107px; } /* Bottom */ .icon.i-bottom { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-257px -107px; } .icon.i-bottom-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-257px -157px; } /* bw */ .icon.i-bottom-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-257px -107px; } .icon-hover:hover.i-bottom-bw, .feature-icon-hover:hover .icon.i-bottom-bw { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-257px -157px; } /* wb */ .icon.i-bottom-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-257px -157px; } .icon-hover:hover.i-bottom-wb, .feature-icon-hover:hover .icon.i-bottom-wb { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite.png); background-position:-257px -107px; } /* FILE: icons-social.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * Social icons * Deprecated since 1.10.0 in favor of font icons */ /* Contact icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Phone */ .icon.i-telephone { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-7px -7px; } .icon.i-telephone-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-7px -57px; } /* Mobile */ .icon.i-mobile { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-57px -7px; } .icon.i-mobile-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-57px -57px; } /* Skype */ .icon.i-skype { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-107px -7px; } .icon.i-skype-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-107px -57px; } /* Letter */ .icon.i-letter { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-157px -7px; } .icon.i-letter-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-157px -57px; } /* Location */ .icon.i-location { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-207px -7px; } .icon.i-location-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-207px -57px; } /* Row 2 -------------------------------------------------------------- */ /* Twitter */ .icon.i-twitter { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-7px -107px; } .icon.i-twitter-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-7px -157px; } /* Facebook */ .icon.i-facebook { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-57px -107px; } .icon.i-facebook-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-57px -157px; } /* Google plus */ .icon.i-googleplus { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-107px -107px; } .icon.i-googleplus-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-107px -157px; } /* Youtube */ .icon.i-youtube { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-157px -107px; } .icon.i-youtube-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-157px -157px; } /* Vimeo */ .icon.i-vimeo { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-207px -107px; } .icon.i-vimeo-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-207px -157px; } /* Wordpress */ .icon.i-wordpress { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-257px -107px; } .icon.i-wordpress-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-257px -157px; } /* Pinterest */ .icon.i-pinterest { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-307px -107px; } .icon.i-pinterest-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-307px -157px; } /* Linked in */ .icon.i-linkedin { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-357px -107px; } .icon.i-linkedin-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-357px -157px; } /* Blogger */ .icon.i-blogger { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-407px -107px; } .icon.i-blogger-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-407px -157px; } /* Envato */ .icon.i-envato { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-457px -107px; } .icon.i-envato-w { background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/sprite-icons-social.png); background-position:-457px -157px; } /* FILE: common.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * Common styles for multiple elements */ /* Blocks and headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @font-face { font-family: "Questrial"; src:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Questrial/Questrial-Regular.eot?) format("eot"), url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Questrial/Questrial-Regular.woff) format("woff"), url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Questrial/Questrial-Regular.ttf) format("truetype"), url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/fonts/Questrial/Questrial-Regular.svg) format("svg"); font-weight:normal; font-style:normal; } /* Sizes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top, .dropdown .dropdown-heading { line-height: 36px; } .dropdown .dropdown-heading { max-height: 36px; } /* Set static height to improve layout of inline elements */ /* 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 #4e4e4e; font-weight: normal; font-size: 20px; font-weight: 600; line-height: 1.2222em; } /* 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 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Price on product page and MSRP %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .price-box .price, .map-popup-price .price, .map-popup-msrp .price { font-family: "Questrial", georgia, serif; font-weight: 600; } /* 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; } /* Shadow for the main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements which have backgr. color can be marked with "show-bg". They will drop shadow if "shadow" class was added to the containing block. */ .drop-shadow, .shadow .show-bg, /* Conditional shadow for main menu bar */ .shadow .nav--bar-drop-shadow .mobnav-trigger, .shadow .nav--bar-drop-shadow #nav { -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); } #available-t-products{display:none;} /* FILE: override-components.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * Override CSS components */ /* 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"; } /* Colorbox %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #cboxPrevious, #cboxNext, #cboxClose { /* 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: 20px; } #cboxClose { font-size: 16px; } #cboxPrevious:before { content: "\e260"; } #cboxNext:before { content: "\e263"; } #cboxClose:before { content: "\e20f"; } .vimeoVideo #cboxClose{ background-image:url(https://www.eyelashextensions.com/skin/frontend/ultimo/curata/images/controls.png) !important; } #home_video_thumb { width: 100%; } /* Generic-nav %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles common for all direction controls */ .slider-arrows1 .owl-controls .owl-buttons div, .slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls .owl-buttons div { /* Override default background image and remove text indent */ background-image: none !important; text-indent: 0; /* 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: 20px; } .owl-controls .owl-buttons .owl-prev:before { content: "\e260"; } .owl-controls .owl-buttons .owl-next:before { content: "\e263"; } .pagination-pos-over-bottom-centered .owl-pagination { margin-top: -25px; } .pagination-pos-over-bottom-right .owl-pagination, .pagination-pos-over-bottom-left .owl-pagination { bottom: 0; } @media only screen and (max-width:1530px) { .slider-pagination2 .owl-controls .owl-page span { height: 9px; width: 9px; margin: 7px; } .slider-pagination2 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls .owl-page.active span { height: 13px; width: 13px; margin: 5px; } } /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Buttons aligned at the bottom */ .itemslider.equal-height .item { position: static; padding-bottom: 50px; } .itemslider.equal-height .actions { position: absolute; bottom: 0; } /* FILE: override-modules.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * Override modules */ /* FILE: override-theme.css */ /* HANDLES: default,catalog_category_layered_nochildren,STORE_default,THEME_frontend_ultimo_curata,catalog_category_view,catalog_category_default,CATEGORY_215,customer_logged_out,MAP_popup,SHORTCUT_popup,SHORTCUT_uk_popup,product_list */ /** * Override all Magento base styles. * Add theme-specific styles. */ /** * * * OVERRIDE/EXTEND styles.css * * */ /* reset button */ input[type="button"], button { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper { border-top-style:solid; border-top-width:0px; } .main { padding:30px 0 40px; } /* Additional margin for main sidebars -------------------------------------------------------------- */ .col-left > * { margin-right: 32px; } .col-right > * { 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.eyelashextensions.com/skin/frontend/ultimo/curata/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; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline .form-search .input-text { min-width: 180px; } /* Quick search: positions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Position 0 */ .search-wrapper-p0 { float: right; } .search-wrapper-p0 .form-search .input-text { min-width: 220px; } /* Position 1 - right side of top links */ .search-wrapper-p1 { float: right; } .search-wrapper-p1 .form-search .input-text { min-width: 220px; } /* Position 2 - right side of top links */ .search-wrapper-p2 { float: right; } .search-wrapper-p2 .form-search .input-text { min-width: 220px; } /* Position 3 - right side of top links */ .search-wrapper-p3 { float: right; } .search-wrapper-p3 .form-search .input-text { min-width: 220px; } /* Position 4 - right side of top links */ .search-wrapper-p4 { float: right; } .search-wrapper-p4 .form-search .input-text { min-width: 220px; } /* Position 5 - right side of top links */ .search-wrapper-p5 { float: right; } .search-wrapper-p5 .form-search .input-text { min-width: 220px; } /* Regular header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Skip link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .skip-link { display: none; } /* 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; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #d8308b; color: #fff; margin-left: -14px; margin-right: -7px; margin-top: -22px; position: relative; } .is-not-empty span.icon.ic.ic-cart { color: #d8308b; } /* 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 .form-search { 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 ---------------------------------------