/** * 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-2017 X.commerce, Inc. and affiliates (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.gala.ad/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.gala.ad/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.gala.ad/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.gala.ad/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.gala.ad/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.gala.ad/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.gala.ad/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.gala.ad/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.gala.ad/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .etalage img.gallery-image { max-width: 100% } /* ============================================ * * 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: 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: 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; 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 #ffffff; margin: 0; white-space: nowrap; background: #f4f4f4; } .configurable-swatch-list { zoom: 1; -webkit-transform: translateZ(0px); } .configurable-swatch-list li { display: inline-block; zoom: 1; } .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: #222222; opacity: 0.2; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 6px; } .configurable-swatch-list .not-available a:focus { outline: 0; } #narrow-by-list dd .configurable-swatch-list.no-count { margin-right: -7px; } #narrow-by-list dd .configurable-swatch-list li { margin: 0 0 5px 3px; width: 47%; } #narrow-by-list dd .configurable-swatch-list.no-count li { margin: 0 0 5px 0; width: auto; } #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: #0088cc; } #narrow-by-list dd .swatch-label { background: #f4f4f4; border: 1px solid #cccccc; border-radius: 3px; display: block; float: left; line-height: 1.5em; margin: 0 5.25px 0 0; padding: 0; white-space: nowrap; } #narrow-by-list dd .swatch-label img { border: 1px solid #ffffff; border-radius: 3px; box-sizing: content-box; } @media only screen and (max-width: 770px) { #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) { clear: left; } } .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: #0088cc; } .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: #ffffff !important; float: left; display: block; border-radius: 3px; } /* CUSTOM */ .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; line-height: 1.3; } .product-view .product-options .swatch-attr .select-label { display: inline; font-weight: normal; color: #0088cc; padding-left: 5px; } div.amshopby-column { float: left; width: 49%; overflow: hidden; } select.amshopby-select { width:170px; } .amshopby-logo{ padding: 0pt 10px 10px 0pt; float: left; } .amshopby-featured { padding: 5px 5px 5px 5px; } .amshopby-link{ float:left; padding-left:5px; padding-top:5px; } .amshopby-clearer { display:block; clear:both; overflow: hidden; } /* div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;} div.block-layered-nav dd a.amshopby-attr, div.block-layered-nav dd a.amshopby-attr:hover {padding-left:15px; background-image:url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;} div.block-layered-nav dd a.amshopby-attr::before, div.block-layered-nav dd a.amshopby-attr-selected::before {border-style: none !important;} div.block-layered-nav dd a.amshopby-attr-selected {font-weight: bold; padding-left:15px; background-image:url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;} div.block-layered-nav dd a.amshopby-attr-inactive {pointer-events: none; color: #666666} div.block-layered-nav dd a img { padding: 0px 4px 5px; float:left;} div.block-layered-nav dd .single-choice a.amshopby-attr, div.block-layered-nav dd .single-choice a.amshopby-attr:hover {background-image: url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-rb1.gif);} div.block-layered-nav dd .single-choice a.amshopby-attr-selected {background-image: url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-rb2.gif);} .amshopby-swatch { background-image: url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center; } */ div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;} div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;} div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold; color:black; text-decoration: none; cursor:text;} div.block-layered-nav li.amshopby-cat-multi a { padding-left:15px; background-image:url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center; } div.block-layered-nav li.amshopby-cat-multiselected a { font-weight: bold; background-image:url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center; } div.block-layered-nav dd li span.amshopby-plusminus {float:left; display:block; width:15px; height:15px; cursor:pointer; background:transparent url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-plus.gif) no-repeat;} div.block-layered-nav dd li span.minus {background:transparent url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-minus.gif) no-repeat;} div.block-layered-nav dd li:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } div.block-layered-nav.amshopby-collapse-enabled dl dt { cursor:pointer; /*padding-left:15px; background:url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;*/ } div.block-layered-nav.amshopby-collapse-enabled dl dt::after { border-style: none !important; } /*div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed {background:url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;} .main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt{background:url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;} .main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed{background:url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;}*/ .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dd .no-display { display: block!important; } div.block-layered-nav div.amshopby-slider { position:relative; margin:10px 4px 5px 4px; z-index:9; height:18px; background: url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor:pointer; } div.block-layered-nav div.amshopby-slider div.handle {margin-left:-4px; width:8px; top:3px; height:14px; background: transparent url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move; z-index: 2;} /* * Slider labels */ .amshopby-slider-price { color: #798794; } .amshopby-slider-price-from { float: left; } .amshopby-slider-price-to { float: right; } .amshopby-slider-handle-right { position: absolute; top: 14px; right: 0px; } .amshopby-slider-handle-left { position: absolute; top: 14px; left: 0px; } .amshopby-tooltip { padding:2px 5px; background:#FEC; border:1px solid #FAA819; color:#1F5070; text-align:left; width:200px; position:absolute; } .amshopby-slider-price-range { text-align: center; font-size: 0.9em; } .amshopby-tooltip-img { cursor:help; display: inline; } div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top { position: relative; } div.amshopby-overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity = 50); position: absolute; top: 0; width: 100%; z-index: 555; } div.amshopby-overlay img { top: 100px; left: 45%; display: block; position: absolute; } div.amshopby-overlay div { /*margin: 0 auto;*/ /*display: block;*/ /*width: 300px;*/ /*height: 200px;*/ /*background: url('https://www.gala.ad/skin/frontend/base/default/images/amshopby-overlay.gif') 50% 50% no-repeat;*/ } /* * Advanced Categories */ .amshopby-advanced li { clear: both; } .amshopby-advanced li.level1 { padding-left: 20px; } .amshopby-advanced li.level2 { padding-left: 30px; } .amshopby-advanced li.level3 { padding-left: 40px; } .amshopby-advanced li.level4 { padding-left: 50px; } .amshopby-advanced li.active > a { font-weight: bold; } .amshopby-cat-toggle.amshopby-cat-toggle-hidden { display: none; } /* * Slider Bar */ .amshopby-slider-bar { position:absolute; background: #999; height: 6px; top: 6px; z-index: 1; } /* * Subcategories block */ .amshopby-subcategory-image { overflow: auto; } .btn-remove-inline { background-image: url('https://www.gala.ad/skin/frontend/base/default/images/am_btn_remove.gif'); background-repeat: no-repeat; width:13px; height:12px; margin-left: 4px; } .btn-remove-inline:hover { /* background-position: center bottom; */ } .amshopby-hightlighted { background: yellow;} .btn-remove-inline img {display: inline;} div.block-layered-nav div.amshopby-slider div.handle.active { z-index: 3; } .amshopby-slider-ui { background: url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; margin: 10px .4em; } .amshopby-slider-ui .ui-slider-handle { background-color: #f18200; border: 1px solid #de5400; box-sizing: border-box; outline: none; } .amshopby-slider-ui .ui-slider-range { background-color: #999999; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { cursor: pointer; position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.4em; } .ui-slider-horizontal .ui-slider-range { /*top: 0.2em;*/ height: 8px; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .amshopby-narrow-by-list table td { vertical-align: top; } input[name^="amshopby"][id$="from"].input-text, input[name^="amshopby"][id$="to"].input-text{ width: auto; } .amshopby-item-top{ max-width: 225px; min-width: 180px; display: inline-block; vertical-align: top; height: 100%; } .amshopby-filters-top .block-content ol{ max-width: 250px; } .amshopby-item-top div.amshopby-column { width: auto; } .no-display-current, .no-display{ display: none; } .current .no-display-current, dd.current td.no-display{ display: block; } @media only screen and (max-width: 770px) { dl#narrow-by-list, dl#narrow-by-list2 { padding: 0px; } .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dt{background:url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;} .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content.accordion-open dl dt.current{background:url(https://www.gala.ad/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;} } div.block-layered-nav ol:not(.single-choice) select option[selected] { color:white; background-color: rgba(171, 171, 171, 1); } .amshopby-apply-button {width: 180px; height: 40px; margin-top: 1em;} /** * All Brands page */ .content .ambrands-list { min-width: 180px; } /** * Magestore * * NOTICE OF LICENSE * * This source file is subject to the Magestore.com license that is * available through the world-wide-web at this URL: * http://www.magestore.com/license-agreement.html * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Magestore * @package Magestore_RewardPoints * @copyright Copyright (c) 2012 Magestore (http://www.magestore.com/) * @license http://www.magestore.com/license-agreement.html */ /* ============ Reward Points Stylesheets ============ */ /* Cart Sidebar - MiniCart */ .rewardpoints-cart-sidebar {min-height: 22px; text-align: left; clear: both; margin-top: 5px;} .rewardpoints-cart-sidebar img {margin-right: 3px;} /* ============ Reward Points Slider ============ */ .rewardpoints-slider-input{clear:both} #rewardpoints-slider-container {margin-top: 10px;} #rewardpoints-slider { position: relative; z-index: 9; height: 18px; margin: 12px auto 18px; padding: 0 24px; cursor: pointer; width: 209px; float: left;} #rewardpoints-slider-zoom-out { position: absolute; left: 1px; top: 0px;} #rewardpoints-track { position: relative; height: 18px; background: url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/magestore/images/reward_rule.gif') -1px 0px repeat-x;} #rewardpoints-handle { position: absolute; top: -1px; width: 9px; height: 22px; background: url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/magestore/images/magnifier_handle.gif') 0 0 no-repeat;} #rewardpoints-slider-zoom-in { position: absolute; right: 1px; top: 0px;} .rewardpoints-slider-label { margin: 5px 0 0 5px; float: left;} #rewardpoints-login-msg, #rewardpoints-needmore-msg { clear: both; min-height: 13px; margin: 10px 0 0; line-height: 16px; color: #CB027C; } #rewardpoints-needmore-points { font-size: 13px; font-weight: bold;} /* ============ Cart Page ============ */ .onestepcheckout-payment-methods .rewards-sales-rules {padding-left: 0 !important} .rewards-sales-rules dt {margin-top: 7px;} .rewards-sales-rules dt label {font-weight: bold; color: #666;} .rewards-sales-rules #rewardpoints-slider {margin-bottom: 10px;} .onestepcheckout-payment-methods .rewards-sales-rules #rewardpoints-slider {margin-bottom: 10px; margin-left: -16px} .rewards-sales-rules #reward_sales_rule {width: 157px; margin-left: 3px;} .onestepcheckout-payment-methods .rewards-sales-rules #reward_sales_rule {width: 140px !important; margin-left: 3px;} .rewardpoints-slider-input .input-point {/* text-align: center; */ display: inline-block; width: 300px;} .rewardpoints-slider-input .input-max {margin-top: 5px;} .rewardpoints-slider-input .input-max input {float: left; margin-right: 3px; margin-top: 2px;} #reward_sales_point { width: 49px !important; height: 10px !important; text-align: right;} #reward_ajax_loading {margin: 10px; text-align: center; font-style: italic;float:right;} .rule_refreshing_label {color: #666; font-style: italic;} /* ============ Checkout Page ============ */ .sp-methods #cart-rewards-form { width: 60%; min-width: 300px; padding: 16px 20px 16px 20px; } .sp-methods div#rewardpoints-needmore-msg { padding-left: 0; } .sp-methods #cart-rewards-form .rewards-sales-rules > dt { padding-top: 0 !important; margin: 0; } .sp-methods #cart-rewards-form .rewards-sales-rules{ display: block; overflow: hidden; width: 100%; margin-top: 0 !important; } .onestepcheckout-payment-methods .sp-methods #cart-rewards-form {width: 260px !important;} .sp-methods #cart-rewards-form .rewards-sales-rules label { float: left; margin: 10px 0 !important; left: 0; padding: 0 !important; color: #222; opacity: 0.8; } .sp-methods .rewards-sales-rules dd label {font-weight: normal; color: #000;} /* ============ One Step Checkout Page ============ */ #cart-rewards-form dd.rewards-slider {margin-left: 17px;} /* ============ Rewards Points Summary ============ */ /*#rewardpoints-mask {*/ /*!*display: block !important;*!*/ /*position: absolute;*/ /*top: 50px;*/ /*left: 5px;*/ /*}*/ .rewardpoints-money {color: #CB027C; font-size: 15px;} .product-view .add-to-cart .qty-wrapper img{margin-bottom: 2px;} .dashboard .box-rewardpoints-summary, .box-rewardpoints-summary{ color:#333; font-size: 15px; padding-bottom: 15px; border-bottom: 1px solid #cecece; margin-bottom: 15px; } .dashboard .box-rewardpoints-summary, .box-rewardpoints-summary .info-summary{ display: block; overflow: hidden; } .box-rewardpoints-summary .info-summary p { display: inline-block; width: auto; float: left; font-size: 15px !important; margin-bottom: 5px; } .box-rewardpoints-summary .info-summary p:last-child { float: right; clear: right; } /*.dashboard .box-rewardpoints-summary .box-head h2, .box-rewardpoints-summary .box-head h2 {*/ /*background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/magestore/images/rewards.png") no-repeat scroll 0 0 transparent; */ /*padding:5px 0 5px 25px;*/ /*font-size: 15px;*/ /*}*/ /*.box-rewardpoints-history .box-head h2 {*/ /*background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/magestore/images/transactions.png") no-repeat scroll 0 center transparent; */ /*padding:5px 0 5px 25px;*/ /*font-size: 15px;*/ /*}*/ .rewardpoints-name-img img{display:inline;} img.rewardpoint-img{display: inline;} #rewardpoints-referfriends-popup-body .referfriends-body-left-product{margin-top:20px} /* ============ Header Link - Fix for IE ============ */ .links span.rewardpoints-name {position: relative\9; padding-right: 18px\9;} .links span.rewardpoints-name img {/*position: absolute\9;margin-bottom: 8px;*/ margin: 0 !important;vertical-align: middle;} .discount .discount-form .rewards-sales-rules .input-max{ margin-top: 15px } .discount .discount-form .rewards-sales-rules .input-max #reward_max_points_used{ margin: 4px; } #behavior-ajax-loader { } .share-login #behavior-ajax-loader a img {vertical-align:top !important} .rewardpoints-product-view-earning{margin-bottom:22px; clear:both; margin-left: -2px;} .rewardpoints-product-view-earning ~ .alert-stock.link-stock-alert, .rewardpoints-product-view-earning ~ .row.availability-state-row { top: 8px !important; position: relative; } .rewardpointsbehavior-checkout-action a img, #rewardpoints-navigation-rewardpoints.navigation a img, a.rewardpoints-name-img img { margin-bottom:-2px; } .rewardpoints-product-view-earning a.rewardpoints-name-img{ position: relative; display: inline-block; float: left; } .rewardpoints-product-view-earning a.rewardpoints-name-img img { width: 20px; margin-right: 6px; position: absolute; } .rewardpoints-product-view-earning a.rewardpoints-name-img + p { margin-left: 29px !important; display: inline-block; padding: 8px 0 0 4px; } .rewardpoints-title{font-size: 15px; color: #3182be;} .rewardpoints-title-link{text-decoration: none; color: #3182be; font-weight: bold;} .rewardpoints-title-rate{ margin-top: 5px; } .rewardpoints-dashboard-list{ margin-bottom: 10px; display: block; width: 100%; float: none; clear: both; } .rewardpoints-dashboard-ul {list-style: circle !important; margin: 0 !important; } .rewardpointsrule-rule-name-policy {color: #3182be;font-style: italic;} strong.rewardpoints-title{ text-transform: uppercase;} /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Jul 8, 2014, 2:49:32 PM Author : Thu Thao */ @import url(//fonts.googleapis.com/css?family=Raleway:400,700,300); /************edit shopping cart*************/ .cart-forms .discount h2{ font-size:12px;font-weight:bold;} .discount-form .rewards-sales-rules dt label{font-size: 14px;font-weight: normal;font-family: 'Open Sans', sans-serif; ;} .discount-form label{font-size: 14px;font-weight: normal;} /********************Checkout Success**********************/ .col-main .referfriends-body{height:450px !important;} .col-main .referfriends-body-left-description{float:left;} .col-main .referfriends-body-left{width: 49% !important;text-align: left;} .col-main .referfriends-body-right{float:right; width:250px;} .col-main .referfriends-body-right-ul li.referfriends-sharelink{text-align:left; float:left; width:100%;height:70px;} .col-main .referfriends-body-right-ul li.referfriends-sharefacebook{float:left; width:100%; text-align:left;} .col-main .referfriends-body-right-ul li.referfriends-sharegoogleplus{float:left;width:100%; text-align:left;} .col-main .referfriends-body-right-ul li.referfriends-sharetwitter{float:left; width:100%; text-align:left;} .col-main .referfriends-body-right-ul li.referfriends-shareemail {float:left; width:100%; text-align:left;} .col-main #rewardpoints-referfriends-popup{margin-left: auto;display: block;margin-right: auto;} @media (max-width:900px){ .col-main #rewardpoints-referfriends-popup{position:relative; height:auto; float:none !important; width:auto!important; left:auto !important;margin-left: auto;display: block;margin-right: auto;} .col-main .referfriends-body-left-earn{float:left !important;} } @media (max-width:720px){ .col-main #rewardpoints-referfriends-popup{position:relative; height:auto; width:auto; margin-left: auto;display: block;margin-right: auto;} .col-main .referfriends-body-right{display:block !important; } } @media (max-width:690px){ .col-main #rewardpoints-referfriends-popup{position:relative; height:auto; width:auto; margin-left: auto;display: block;margin-right: auto;} .col-main .referfriends-body-right{display:block !important; width:100% !important; text-align: left;float:left !important;} .col-main .referfriends-body-left{width: 100% !important;text-align: left;} .col-main .referfriends-body-left-description{width: 100% !important;text-align: left;} .col-main .referfriends-body-left-earn{padding-bottom:20px;} } /***********Edit Page Details*************/ .referfriends-body-right-1{display:none;} .referfriends-title{background:none !important;} .referfriends-body{background:none !important;} .referfriends-bottom{background:none !important;} .dialog_e{background:none !important;} .dialog_content{background:none; width:auto !important;} .referfriends-title h2{padding-top:20px !important; font-weight:500; border-bottom: 1px solid #CCC; padding-bottom:10px !important;} .referfriends-title a{top:5px !important; right:10px !important;} .referfriends-body-left-earn{height:55px !important;} #rewardpoints-referfriends-popup{border:1px solid #CCC; border-radius:5px;} @media(max-width:900px){ .dialog_e{display:none;} .dialog{position: absolute; left: 50% !important; top:32px !important; margin-left:-320px;width: 640px !important;float:left !important; height: auto !important;} #rewardpoints-referfriends-popup{position: absolute;left: 50%; margin-left:-320px;width: 640px !important;float:left !important; height: auto !important;} .referfriends-body-right-ul li.referfriends-sharelink{background-size: 35px !important;} .referfriends-body-right-ul li.referfriends-sharefacebook a{background-size: 35px !important;} .referfriends-body-right-ul li.referfriends-sharegoogleplus a{background-size: 35px !important;} .referfriends-body-right-ul li.referfriends-sharetwitter a{background-size: 35px !important;} .referfriends-body-right-ul li.referfriends-shareemail a{background-size: 35px !important;} .referfriends-body-right .referfriends-body-right-ul li.referfriends-sharelink{font-size:16px;} .referfriends-body-right .referfriends-body-right-ul li a{font-size:16px;} .referfriends-body-left-earn{height:58px !important;} .referfriends-body-left{width:300px !important;} .dialog{top:31px !important;} } @media(max-width:720px){ .dialog{position: absolute !important; left: 50% !important; margin-left: -270px !important; width: 540px !important; float:left !important; height: auto !important;} #rewardpoints-referfriends-popup{position: absolute;margin-left: -270px;left: 50%; width: 540px !important;float:left !important; height: auto !important;} .referfriends-body-right .referfriends-body-right-ul li.referfriends-sharelink{font-size:16px;} /* .referfriends-body-right-ul li.referfriends-sharelink{background-size: 30px !important;}*/ .referfriends-body-right-ul li.referfriends-sharefacebook {height: 50px !important;} .referfriends-body-right-ul li.referfriends-sharegoogleplus{height: 50px !important;} .referfriends-body-right-ul li.referfriends-sharetwitter {height: 50px !important;} .referfriends-body-right-ul li.referfriends-shareemail {height: 50px !important;} .referfriends-body-right .referfriends-body-right-ul li a{font-size:16px;} .referfriends-body-right .referfriends-body-right-ul li.referfriends-sharelink{font-size:14px;} .referfriends-body-left {width:500px !important; float:left;} .referfriends-body-left-earn{height:65px !important;} .referfriends-body-right {display:none;} .referfriends-body-right-1{display:block;position: absolute;top: 145px;left: 300px;} .referfriends-body-right-1 .referfriends-body-right-ul li.referfriends-sharelink{font-size:16px;} .referfriends-body-right-1 .referfriends-body-right-ul li a{font-size:16px;} .share-link-url {width:149px !important;} .referfriends-title{background:none !important;} .referfriends-body{background:none !important;} .referfriends-bottom {background:none !important;} .referfriends-body-left-product-title h3{width:240px;} } @media(max-width:620px){ .dialog{position: absolute !important; left: 50% !important; margin-left: -180px !important; width: 360px !important;float:left !important; height: auto !important;} #rewardpoints-referfriends-popup{position: absolute; margin-left: -180px;left: 50%; width: 360px !important;float:left !important; height: auto !important;} .referfriends-body-right-ul li.referfriends-sharelink{background-size: 27px !important;} .referfriends-body-right-ul li.referfriends-sharefacebook a{background-size: 27px !important;} .referfriends-body-right-ul li.referfriends-sharegoogleplus a{background-size: 27px !important;} .referfriends-body-right-ul li.referfriends-sharetwitter a{background-size: 27px !important;} .referfriends-body-right-ul li.referfriends-shareemail a{background-size: 27px !important;} .referfriends-body-right .referfriends-body-right-ul li a{font-size:16px;} .referfriends-body-left {width:300px !important; float:left;} .referfriends-body-right-1{display:block; position:static; } .referfriends-title{background:none !important;} .referfriends-body{background:none !important;} .referfriends-bottom {background:none !important;} } @media(max-width:460px){ #rewardpoints-referfriends-popup{position: absolute;margin-left: -150px;left: 50%; width: 300px !important;float:left !important; height: auto !important;} .referfriends-body-right-ul li.referfriends-sharelink{background-size: 27px !important;} .referfriends-body-right-ul li.referfriends-sharefacebook a{background-size: 27px !important;} .referfriends-body-right-ul li.referfriends-sharegoogleplus a{background-size: 27px !important;} .referfriends-body-right-ul li.referfriends-sharetwitter a{background-size: 27px !important;} .referfriends-body-right-ul li.referfriends-shareemail a{background-size: 27px !important;} .referfriends-body-right .referfriends-body-right-ul li a{font-size:16px;} .referfriends-body-left {width:260px !important; float:left;} .referfriends-body-right-1{display:block; position:static; } .referfriends-title{background:none !important;} .referfriends-body{background:none !important;} .referfriends-bottom {background:none !important;} } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Jul 8, 2014, 2:49:21 PM Author : Crystal */ /* */ .data-table#recent-transactions-history td .label-cell { display: none;} .data-table#recent-transactions-history td h2 {font-size: 13px; text-transform: none;} #rewardpoints-settings li.control label{background-color: #fff;} @media all { .sp-methods dl.rewardpoints-sp-methods dt label { /*background-color: #fff;*/ padding: 0px;} dl#rewardpoints-checkout-payment-method-load:after { content: ""; display: block; border-bottom: 1px solid #f2f2f2; } .rewardpoints-sp-methods label > i.icon { content: ""; display: inline-block !important; background: url(/skin/frontend/smartwave/galaperfumeries/images/ico_point.svg) no-repeat !important; width: 22px; height: 22px; transition: all 0s; position: relative; background-position: center center; background-size: contain; margin-left: 8px; vertical-align: middle; overflow: visible; opacity: 1; } .sp-methods dl.rewardpoints-sp-methods dt label span { /*padding-left: 22px;*/ line-height: 1em; vertical-align: middle; } /*.sp-methods dl.rewardpoints-sp-methods dt label:before {*/ /*border: 1px solid #8e8e8e;*/ /*margin-left: 0;*/ /*margin-top: 0px;*/ /*right: -24px;*/ /*left: initial;*/ /*top: 0;*/ /*}*/ .sp-methods dl.rewardpoints-sp-methods span { position: relative; } .sp-methods dl.rewardpoints-sp-methods input#rewardpoints_payment_method { position: absolute; margin-left: 0; margin-top: 5px; right: -23px; -webkit-appearance: none; } .sp-methods dd.rewardpoints_payment_method_container { left: 0; margin: 0; background-color: #f7f7f7; display: block; position: relative; } .sp-methods dl.rewardpoints-sp-methods dt label:hover {background-color: #fff} } @media only screen and (max-width: 890px){ /* Force table to not be like tables anymore */ .data-table#recent-transactions-history thead{display: none;} .data-table#recent-transactions-history tbody tr{margin: 0; border-bottom: 1px solid silver;border-top: 1px solid silver;} .data-table#recent-transactions-history td.a-right.first{display: none;} .data-table#recent-transactions-history td .label-cell {margin:0; text-transform:uppercase; display:block; text-align: left;float: left; font-family: "Helvetica Neue",Verdana,Arial,sans-serif; font-size: 13px;} .data-table#recent-transactions-history td {display: block; text-align: right; border: none;} .data-table#recent-transactions-history td h2 {font-size: 13px; text-transform: none;text-align: left; margin-left: 280px;} .rewardpointsreferfriends-dashboard-right {float: left !important; width: 100% !important; display: block} } @media only screen and (max-width: 979px){ .rewardpointsreferfriends-dashboard-right {float: left !important; width: 100% !important; display: block} .rewardpointsreferfriends-dashboard-left {width: 100% !important; float: right; clear: both} .sp-methods dl.rewardpoints-sp-methods dt label {background-color: #fff; padding: 0 !important;} .sp-methods dl.rewardpoints-sp-methods dt label:hover {background-color: #fff} } @media only screen and (max-width: 760px){ .data-table#recent-transactions-history td h2{margin-left: 335px;} } @media only screen and (max-width: 700px){ .data-table#recent-transactions-history td h2{margin-left: 300px;} } @media only screen and (max-width: 650px){ .data-table#recent-transactions-history td h2{margin-left: 250px;} } @media only screen and (max-width: 550px){ .data-table#recent-transactions-history td h2{margin-left: 230px;} } @media only screen and (max-width: 450px){ .data-table#recent-transactions-history td h2{margin-left: 200px;} } @media only screen and (max-width: 770px){ .rewardpointsreferfriends-dashboard-left {width: 100% !important;} } .rewardpointsbehavior-checkout-action{ /*background-color: #FFE8DB;*/ float: left; margin: 2px 2px 7px 0px; padding: 1px; width: 172px; text-align: left; } .account-create .rewardpointsbehavior-checkout-action{ clear:both; } .account-create .rewardpointsbehavior-checkout-action1{ float: none; width: 100% !important; margin: 0px !important; } .account-login .rewardpointsbehavior-checkout-action1{ float: none; } .rewardpointsbehavior-checkout-action1{ /*background-color: #FFE8DB;*/ float: left; margin: 0px 0px 0px 5px; padding: 1px; width: 172px; text-align: left; } .rewardpointsbehavior-checkout-action .rewardpointsbehavior-icon{ float: right !important; } .rewardpointsbehavior-product-view{ width: 100%; float: left; } .rewardpointsbehavior-product-view .rewardpointsbehavior-checkout-action{ width: auto; } .twitter-count-horizontal, .behavior-facebook-like.behavior-social{ width: 85px !important; /*padding-right: 2px !important;*/ float:left; } #fb-send-id-behavior span{ vertical-align:baseline !important; } #___plusone_0, #___plusone_0 iframe{ width: 67px !important; /*padding-right: 2px !important;*/ } .behavior-google-plus {width: 67px; display: inline-block;} .behavior-linkedin {width: 100px; display: inline-block;} .share-social-button {display: inline;} /*.share-login {padding-left: 10px; }*/ .behavior-social {display: inline-block; vertical-align: top;} .behavior-facebook-share .share-button .label {display: inline-block;vertical-align: top;zoom: 1;padding: 1px 4px 0 23px;white-space: nowrap;} .behavior-facebook-share .share-button { font-size: 11px; font-family: 'Helvetica Neue', Arial, sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 20px; max-width: 100%; position: relative; display: inline-block; zoom: 1; background-color: #f8f8f8; background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede)); background-image: -moz-linear-gradient(top,#fff,#dedede); background-image: -o-linear-gradient(top,#fff,#dedede); background-image: -ms-linear-gradient(top,#fff,#dedede); background-image: linear-gradient(top,#fff,#dedede); border: #ccc solid 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #333; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,.5); text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; overflow: hidden; } .behavior-facebook-share .share-button i { position: absolute; top: 50%; left: 4px; margin-top: -7px; width: 14px; height: 14px; background: transparent url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/magestore/images/facebook-icon.png') 0 0 no-repeat; background-image: url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/magestore/images/facebook-icon.png'); } .behavior-facebook-share a.share-button:hover{ background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e8e8e8)); } /* Document : referfriend Created on : Aug 9, 2013, 9:19:32 AM Author : Hai Description: Purpose of the stylesheet follows. */ .rewardpoints-referfriend-dialog-refer .top, .rewardpoints-referfriend-dialog-refer .bot{ display: none; } .rewardpoints-referfriend-dialog-refer .dialog_e, .rewardpoints-referfriend-dialog-refer .dialog_w { width: 0; } #rewardpoints-referfriends-popup{ background-color: #ffffff; } .rewardpoints-referfriend-dialog-refer .dialog_close{ display: none; } .referfriends-title{ background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/bg-header2.gif") no-repeat scroll 0 0 transparent; height: 81px; padding: 0 40px; } .referfriends-title h2{ color: #525252; padding-top: 41px; font-size: 25px; } .referfriends-title a{ position: absolute; top: 20px; right: 40px; font-size: 15px; color: #e26703; text-decoration: none; } .referfriends-title a:hover{ text-decoration: underline; } .referfriends-body-refer{ background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/bg-referfriend.png") repeat scroll 0 0 transparent; border: 1px solid #d5d5d5; margin: 0; padding: 26px 32px 22px; height: 392px; font-size: 18px; color: #373737; } .referfriends-body-refer h3{ color: #df543d; } .referfriends-body-refer h3 .price{font-weight: bold;} .referfriends-body-refer .price{ color: #2f7eb5; font-weight: normal; } .offer-contact p, .offer-question p{ font-size: 16px; } .referfriends-body{ background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/bg-body-box.gif") repeat-y scroll 0 0 transparent; margin: 0; padding: 10px 40px; padding-bottom: 0 !important; height: 392px; font-size: 13px; color: #454545; } .referfriends-body-left{ float:left; width: 350px; } .referfriends-body-left-description{ margin-bottom: 10px; } .referfriends-body-left-earn{ height: 80px; } .referfriends-body-left-product-title h3{ font-size: 18px; font-weight: nomal; color: #e26703; } .referfriends-body-right{ float: left; width: 230px; margin-left: 20px; } .referfriends-body-right-ul li.referfriends-sharelink{ padding: 4px 1px 4px 60px; background: url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/share.png') no-repeat left center; height: 60px; color: #454545; font-size: 18px; font-weight: normal; } .referfriends-body-right-ul li.referfriends-sharelink .share-link-url{ padding: 4px; } .referfriends-body-right-ul li.referfriends-sharefacebook{ height: 60px; } .referfriends-body-right-ul li.referfriends-sharefacebook a{ height: 43px; padding: 13px 1px 4px 60px; background: url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/facebook.png') no-repeat left center; } .referfriends-body-right-ul li.referfriends-sharetwitter{ height: 60px; } .referfriends-body-right-ul li.referfriends-sharetwitter a{ height: 43px; padding: 13px 1px 4px 60px; background: url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/twitter.png') no-repeat left center; } .referfriends-body-right-ul li.referfriends-sharegoogleplus{ height: 60px; } .referfriends-body-right-ul li.referfriends-sharegoogleplus a{ height: 43px; padding: 13px 1px 4px 60px; background: url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/google.png') no-repeat left center; } .referfriends-body-right-ul li.referfriends-shareemail{ height: 60px; } .referfriends-body-right-ul li.referfriends-shareemail a{ height: 43px; padding: 13px 1px 4px 60px; background: url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/sendmail.png') no-repeat left center; } .referfriends-body-right-ul li{ height: 52px; } .referfriends-body-right-ul li a{ color: #454545; font-size: 18px; font-weight: normal; position: absolute; text-decoration: none; } .referfriends-bottom{ background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/bg-bottom.gif") no-repeat scroll 0 0 transparent; height: 17px; } .rewardpointsreferfriends-dashboard-left{ float: left; width: 58%; /*400px;*/ } .rewardpointsreferfriends-dashboard-right{ float: right; width: 39%; /*270px;*/ } .rewardpointsreferfriends-block-content-share{ padding-left: 8px !important; } .box-referfriends-content .box-head h2 { background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/icon-links.png") no-repeat scroll left center transparent; float: left; width: 100%; padding: 5px 0; text-indent: 25px; text-align: left; } .rewardpointsreferfriend-box-url .refer-content{ padding: 4px 1px 0px 60px; background: url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/share.png') no-repeat left center; height: 60px; color: #454545; font-size: 18px; font-weight: normal; margin: 0 5px; } .rewardpointsreferfriend-box-url .refer-content input{ width: 100%; } .refer-sharing-box-content{ background: #ffffff !important; padding: 8px !important; margin: 0 !important; text-align: justify !important; } .info-summary-special-offer p{ text-align: justify; } .info-summary-special-offer img{ max-width: 100%; } h2.email-logo{ background: url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/email-color.png') no-repeat; } strong.special-title-offer{ background: url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/i_ma-reviews.gif') no-repeat; padding-left: 20px } div.info-summary-special-offer{ padding-bottom: 15px; } div.info-summary-special-offer p{ padding-bottom: 0px; margin-bottom: 5px; } #rewardpoints-referfriends-landing{ text-align: center; } #rewardpoints-referfriends-landing p{ margin: 0; } .referfriends-body-offer-detail-description{ font-size: 16px; } .parent-body-offer{ height: auto; } .referfriends-body-offer-detail{ margin-bottom: 20px; text-align: left; } .referfriends-body-offer{ min-height: 100px; } .offer-howto{ overflow: hidden; margin: 20px 0 20px 0; text-align: left; } .offer-howto h3{ font-size: 18px; } .offer-howto .offer-question{ float: left; margin-right: 21px; width: 48%; } .btn-start-shopping { } .offer-contact{ width: 280px; float: left; } .offer-proceed{ font-size: 16px; font-weight: bold; height: 30px; text-align: center; } /* Refer a Friend */ .allow .step-title { cursor: pointer; } .allow .step-title:hover{ background: #F9F3E3; } .allow .step-title:hover .number{ background: #F18200; border-color: #F19900; color: #FFF; } .allow .step-title:hover h2{ color: #F18200; } .step, p.box-content{ padding: 8px; } .form-list textarea{ width: 100%; height: 100px; } .step-title span.logo{ width: 16px; height: 16px; margin-right: 4px; border: none; } /* Personal */ #input-personal-url{ width: 219px; float: right; } #input-personal-url #personal_url{ width: 215px; } #personal_referfriends_url{ width: 327px; text-align: center; } /* Email */ .step-title h2.email-logo{ background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/email-grayscale.png") no-repeat scroll 5px -2px / 20px 20px; } .active .step-title h2.email-logo, #referfriends-opc-email .step-title:hover h2.logo{ background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/email-color.png") no-repeat scroll 5px -2px / 20px 20px; } .rewardpointsreferfriends-dashboard-right .opc .section .step-title {border-top: 1px solid #ececec;} .rewardpointsreferfriends-dashboard-right .opc .section .step-title h2 {margin:0px; line-height: 1px;padding: 8px 0px 8px 90px;} .rewardpointsreferfriends-dashboard-right .opc .section .step-title .logo {max-width: 0px; min-height: 0px;margin-top: 5px;height: 5px !important;} .rewardpointsreferfriends-dashboard-right ol.opc.referfriends-opc {border-bottom: 1px solid #ececec;margin-bottom:20px;} .google-plus-share a img{float: left;margin-right: 33px} /* Google */ .step-title h2.google-logo{ background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/gplus-grayscale.png") no-repeat scroll 5px 0 / 18px 18px; } .active .step-title h2.google-logo, #referfriends-opc-google .step-title:hover h2.logo{ background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/gplus-color.png") no-repeat scroll 5px 0/ 18px 18px; } /* Facebook */ .step-title h2.facebook-logo{ background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/facebook-grayscale.png") no-repeat scroll 5px -1px / 20px 20px; } .active .step-title h2.facebook-logo, #referfriends-opc-facebook .step-title:hover h2.logo{ background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/facebook-color.png") no-repeat scroll 5px -1px / 20px 20px; } /* Tweeter */ .step-title h2.twitter-logo{ background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/tweet.png") no-repeat scroll -26px -27px / 53px 45px; } .active .step-title h2.twitter-logo, #referfriends-opc-twitter .step-title:hover h2.logo{ background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/tweet.png") no-repeat scroll -25px 1px / 53px 45px } .tweeter h2.h2{ -webkit-border-radius: 3px; border: #CCC solid 1px; padding: 2px; -moz-border-radius: 3px; border-radius: 3px; background-image: -moz-linear-gradient(top, white, #DEDEDE); background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#DEDEDE)); background-image: -ms-linear-gradient(top, white, #DEDEDE); background-image: linear-gradient(top, white, #DEDEDE); background-image: -o-linear-gradient(top, white, #DEDEDE); } button.tweeter h2.h2 h2{ background: url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/tweet.png') no-repeat -26px 3px; padding: 0px 3px 0px 24px; color: #1E7EC8; margin-left: 2px; } .buttons-set{ padding-top: 7px; border-top: 0px; margin-top: 0px; } .referfriends-opc li{ margin-bottom: 0px; border-bottom: none; } .referfriends-opc .step{ padding: 5px; } .referfriends-opc .allow .step-title { border-bottom: none; padding: 4px 8px 6px; } /*Fix*/ .action-shopping{ text-align:center; } a.btn-start-shopping { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; display:inline-block; } a.btn-start-shopping span { background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/rewardpointsreferfriends/images/btn_shopping.png") no-repeat scroll top left transparent; float: left; font-family: Arial; font-size: 16px; color:white; font-weight: bold; height: 34px; line-height: 34px; padding-left: 5px; position: relative; text-align: center; white-space: nowrap; } a.btn-start-shopping span span { background-position: 100% 0; padding:0 40px 0 22px; } .referfriends-title a img{ position: absolute; top: 20px; right: 40px; } .box-rewardpointsreferfriends-history { clear: both; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.gala.ad/skin/frontend/smartwave/default/fancybox/css/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('https://www.gala.ad/skin/frontend/smartwave/default/fancybox/css/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('https://www.gala.ad/skin/frontend/smartwave/default/fancybox/css/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('https://www.gala.ad/skin/frontend/smartwave/default/fancybox/css/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.gala.ad/skin/frontend/smartwave/default/fancybox/css/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('https://www.gala.ad/skin/frontend/smartwave/default/fancybox/css/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /** * ISAAC Priceslider * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * * 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.magentocommerce.com for more information. * * @category ISAAC * @package ISAAC_Priceslider * @copyright Copyright (c) 2011 ISAAC Software Solutions B.V. (http://www.isaac.nl) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * @author Aad Mathijssen, Sam Berghmans * @version 1.0.0 */ .header .form-search #cat { width: 118px; float:left; margin-right: 2px;} .header .form-search #search { width: 97px; float: left; margin-right: 2px; } .header .form-search label { width: 22px; float: left; } #search_mini_form .header .form-search button.button { float: right; margin-right: 8px; } .maintitle { border-left: 1px solid #DBDBDB; border-radius: 5px 5px 0 0; border-right: 1px solid #DBDBDB; border-top: 1px solid #DBDBDB; color: #3A3A3A; float: none; font-size: 14px; height: 29px; padding: 6px 10px 0; clear: both; } .titlemain { color: #3A3A3A; float: left; font-size: 14px; font-weight: bold; } .viewall { float: right; } .viewall a { color: #5C5C5C; font-size: 12px; font-weight: bold; text-decoration: underline; } .products-grid li.item { float: left; padding-bottom: 80px; padding-left: 10px; padding-right: 10px; padding-top: 12px; width: 138px; } /*.std .category-products ul.products-grid, .std .category-products ol.products-grid { width: 634px; }*/ .std .category-products ul, .std .category-products ol { list-style-image: none; list-style-position: outside; list-style-type: none; padding: 0px; margin: 0px; } /*.maintitle { width: 634px; }*/ /*! * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/megamenu/css/fonts/fontawesome-webfont.eot?v=4.0.3');src:url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/megamenu/css/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/megamenu/css/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/megamenu/css/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/megamenu/css/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-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)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-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)}.fa-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)}.fa-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)}.fa-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)}.fa-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)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"} /*New Style*/ /* ---added from version 1.0.2 ---*/ /*1.0.2 start*/ .col-sw-1, .col-sw-2, .col-sw-3, .col-sw-4, .col-sw-5, .col-sw-6, .col-sw-7, .col-sw-8, .col-sw-9, .col-sw-10, .col-sw-11, .col-sw-12 { float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-sw-2:nth-child(2n+1),.col-sw-3:nth-child(3n+1),.col-sw-4:nth-child(4n+1),.col-sw-5:nth-child(5n+1),.col-sw-6:nth-child(6n+1),.col-sw-7:nth-child(7n+1),.col-sw-8:nth-child(8n+1),.col-sw-9:nth-child(9n+1),.col-sw-10:nth-child(10n+1),.col-sw-11:nth-child(11n+1),.col-sw-12:nth-child(12n+1){clear:both} .col-sw-1 { width: 100%; } .col-sw-2 { width: 50%; } .col-sw-3 { width: 33.3333%; } .col-sw-4 { width: 25%; } .col-sw-5 { width: 20%; } .col-sw-6 { width: 16.6666%; } .col-sw-7 { width: 14.2857%; } .col-sw-8 { width: 12.5%; } .col-sw-9 { width: 11.1111%; } .col-sw-10 { width: 10%; } .col-sw-11 { width: 9.0909%; } .col-sw-12 { width: 8.3333%; } /*1.0.2 end*/ .main-nav { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 2px 0; position: relative; } .main-nav .double-border { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } .fixed-header a, .main-nav a { color: #000; text-align: left; } .fixed-header a:hover, .main-nav a:hover { color: #f00; } .fixed-header .menu, .main-nav .menu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; margin-bottom: 0; padding-left: 0; } .fixed-header .menu > li, .main-nav .menu > li { display: inline-block; padding: 0 22px; } .fixed-header .menu > li > a, .main-nav .menu > li > a { display: block; position: relative; padding: 13px 5px; text-transform: uppercase; font-weight: 400; } .fixed-header .menu > li > a:after, /*.main-nav .menu > li > a:after { content: ""; position: absolute; width: 100%; height: 50px; bottom: -20px; left: 0; }*/ .fixed-header .menu > li > a > span.cat-label, .main-nav .menu > li > a > span.cat-label { position: absolute; top: 8px; right: -25px; font: 11px arial, sans-serif; text-transform: uppercase; padding: 0 2px; } .fixed-header .menu > li > a > span.cat-label.cat-label-label1, .main-nav .menu > li > a > span.cat-label.cat-label-label1 { background: #f00; color: #fff; } .fixed-header .menu > li > a > span.cat-label.cat-label-label2, .main-nav .menu > li > a > span.cat-label.cat-label-label2 { background: #00f; color: #fff; } .fixed-header .menu > li .nav-sublist-dropdown, .main-nav .menu > li .nav-sublist-dropdown { display: none; position: absolute; z-index: 10000; width: 200px; top: 100%; border-bottom: 1px solid #ebebeb; padding: 0; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; list-style: none; } .fixed-header .menu > li .nav-sublist-dropdown.active, .main-nav .menu > li .nav-sublist-dropdown.active { display: list-item; } .fixed-header .menu > li .nav-sublist-dropdown:before, .main-nav .menu > li .nav-sublist-dropdown:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: -15px; z-index: -1; } .fixed-header .menu > li .nav-sublist-dropdown ul, .main-nav .menu > li .nav-sublist-dropdown ul { padding-left: 0; margin-bottom: 0; list-style: none; } .main-nav .menu > li .nav-sublist .container > ul { display: inline-block; float: left; } .fixed-header .menu > li .nav-sublist-dropdown ul li a > span, .main-nav .menu > li .nav-sublist-dropdown ul li a > span { position: relative; } .fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label { position: absolute; font: 10px arial, sans-serif; text-transform: uppercase; padding: 0 2px; top: 2px; right: -35px; } .fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1 { background: #f00; color: #fff; } .fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2 { background: #00f; color: #fff; } .fixed-header .menu > li .nav-sublist-dropdown ul li .image-item a, .main-nav .menu > li .nav-sublist-dropdown ul li .image-item a { font-size: 0 !important; } .fixed-header .menu > li .nav-sublist-dropdown ul li .image-item:before, .main-nav .menu > li .nav-sublist-dropdown ul li .image-item:before { display: none; } .fixed-header .menu > li .nav-sublist-dropdown .container, .main-nav .menu > li .nav-sublist-dropdown .container { max-width: 100%; padding: 0; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul > li a, .main-nav .menu > li .nav-sublist-dropdown .container > ul > li a { padding: 15px 20px; display: block; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children { position: relative; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before { font: normal normal 16px/20px "FontAwesome"; content: '\f105'; width: 15px; height: 15px; position: absolute; right: 10px; margin-left: 13px; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist { position: absolute; left: 199px; top: 0; display: none; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li { background-color: #fff; width: 200px; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:last-child a, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:last-child a { border-bottom: 1px solid #dbdbdb; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children:hover > .nav-sublist, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children:hover > .nav-sublist { display: block; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown { padding: 25px 0 30px; width: 100%; left: 0; right: 0; margin: 0 auto; border-bottom: 1px solid #dfdfdf; -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.2); } .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown { padding: 25px 0 30px; width: 100%; margin: 0 auto; border-bottom: 1px solid #dfdfdf; -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a { display: block; padding: 5px; border: none; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1 { /*the font size for level1*/ text-transform: uppercase; line-height: 1.5; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li { background: none; width: auto; clear: both; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before { font: normal normal 16px/20px "FontAwesome"; text-decoration: inherit; content: "\f105"; -webkit-font-smoothing: antialiased; float: left; margin: 0 10px 0 10px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before { text-decoration: none; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul { margin: 3px 0 3px 5px; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before { line-height: 17px; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a { padding: 3px; font-size: 12px; /*the font size for under level 2*/ } <<<<<<< HEAD .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a, ======= /*.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a,*/ /*.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a,*/ /*.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a,*/ >>>>>>> 06a4188d6fd598bd2941313a7f6fbfe9bebc22f7 /*.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a {*/ /*font-size: 13px;*/ /*!*the font size for level 2*! }*/ .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before { background: none; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a { border-bottom: none; } .fixed-header .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .fixed-header .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist { left: auto; right: 199px; } .fixed-menu-type4 .fixed-header .menu > li .nav-sublist-dropdown:before, .header-type-4 .main-nav .menu > li .nav-sublist-dropdown:before, .fixed-menu-type3 .fixed-header .menu > li .nav-sublist-dropdown:before, .header-type-3 .main-nav .menu > li .nav-sublist-dropdown:before { top: -50px; } .fixed-header { background: #fff; border-bottom: 1px solid #dfdfdf; -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); } .fixed-header .menu li a { padding-bottom: 15px; } .fixed-header .menu li a { padding-bottom: 15px; } .fixed-header-area { position: fixed; top: -160px; left: 0; width: 100%; z-index: 901; -webkit-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; } .fixed-header-area.fixed-already { top: 0; } .fixed-header-area .menu { float: right; } .fixed-header-area .menu > li { padding: 0 11px !important; } /*mobile menu*/ .mobile-nav { -webkit-transition: all 0.5s; transition: all 0.5s; position: static; height: 0; background-color: #151515; display: none; } .mobile-nav-shown .mobile-nav { -webkit-box-shadow: 0 10px 10px #111111; box-shadow: 0 10px 10px #111111; height: 100%; display: block; } .mobile-nav .sw-mobile-menu { text-align: left; margin-bottom: 0; padding-left: 0; } .mobile-nav .sw-mobile-menu li { display: block; position: relative; clear: both; } .mobile-nav .sw-mobile-menu li.over > a { color: #FFF; } .mobile-nav .sw-mobile-menu li.over > .open-child:after { background-image: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/megamenu/css/images/small-plus.png); background-position: top center; background-repeat: no-repeat; } .mobile-nav .sw-mobile-menu li .container { width: 100%; padding: 0; } .mobile-nav .sw-mobile-menu li .open-child { float: right; font-size: 0; width: 40px; height: 40px; margin-top: 1px; display: block; cursor: pointer; position: relative; background-color: #151515; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .mobile-nav .sw-mobile-menu li .open-child:hover { background-color: #0e0e0e; } .mobile-nav .sw-mobile-menu li .open-child:after { content: ""; background-image: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/megamenu/css/images/small-plus.png); background-position: bottom center; background-repeat: no-repeat; cursor: pointer; width: 19px; height: 19px; display: block; position: absolute; left: 10px; top: 10px; opacity: 0.5; } .mobile-nav .sw-mobile-menu li .open-child:selection { background-color: transparent !important; } .mobile-nav .sw-mobile-menu li > a { color: #c7c7c7; display: block; line-height: 40px; padding: 0 10px 0 20px; font-size: 14px; text-transform: uppercase; background: #151515; border-top: 1px solid #222222; } .mobile-nav .sw-mobile-menu li > a:hover { background-color: #989898; text-decoration: none; color: #222; -webkit-transition: all 0.2s; transition: all 0.2s; } .mobile-nav .sw-mobile-menu li > a span.cat-label { font: 10px/1.2 arial; text-transform: uppercase; padding: 0 2px; margin-left: 1px; margin-bottom: 3px; display: inline-block; vertical-align: middle; } .mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label1 { background: #f00; color: #fff; } .mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label2 { background: #00f; color: #fff; } .mobile-nav .sw-mobile-menu > li > ul { border-top: 0; padding-left: 0; margin-bottom: 0; } .mobile-nav .sw-mobile-menu > li > ul li { display: block; position: relative; background-color: #151515; } .mobile-nav .sw-mobile-menu > li > ul > li a { padding-left: 20px; margin-left: 15px; text-transform: none; font: 12px/40px "Open Sans", Arial; display: block; /*background-color: #151515;*/ } .mobile-nav .sw-mobile-menu > li > ul > li a span.cat-label { margin-bottom: 0; } .mobile-nav .sw-mobile-menu > li > ul > li a:before { font: normal normal 16px/40px "FontAwesome"; text-decoration: inherit; content: "\f105"; -webkit-font-smoothing: antialiased; float: left; margin-right: 10px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mobile-nav .sw-mobile-menu > li > ul > li li a { padding-left: 15px; /*background-color: #151515;*/ margin-left: 30px; } .mobile-nav .sw-mobile-menu > li > ul > li li li a { padding-left: 15px; /*background-color: #151515;*/ margin-left: 40px; } .mobile-nav .sw-mobile-menu > li > ul > li li li li a { padding-left: 20px; margin-left: 45px; } .mobile-nav .sw-mobile-menu > li ul { display: none; padding: 0; margin: 0; } .side-block .close-block { font-size: 16px; position: relative; text-transform: uppercase; color: #fff; background-color: #151515; display: block; padding: 20px 0 20px 20px; text-align: left; cursor: pointer; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .side-block .close-block:hover { color: #c6c6c6; } .side-block .close-block:hover:before { background-position: bottom center; } .side-block .close-block:before { content: ""; display: block; width: 15px; height: 15px; position: absolute; right: 15px; top: 25px; background-image: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/megamenu/css/images/small-close.png); background-repeat: no-repeat; background-position: top center; } @media (max-width: 979px) { .fixed-header .menu-icon { float: left; position: relative; top: 11px; left: 10px; } .fixed-header .menu{ display: none; } } @media (min-width: 992px) { .mobile-nav-shown .mobile-nav, .mobile-nav-shown .home-side-menu .mobile-nav { display: none; } } /**** removed all styles ****/ .social-icons { float: right; } .social-icons span.label { line-height: 30px; font-size: 13px; color: #8b8c8d; display: inline-block; padding: 0; } .social-icons a { background: url(https://www.gala.ad/skin/frontend/smartwave/default/socialicons/images/social-icons-sprite.png) 0 0 no-repeat; width: 30px; height: 30px; background-color: #000; display: inline-block; text-indent: -9999px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-left: 10px; line-height: 30px; } .social-icons a:hover { background: url(https://www.gala.ad/skin/frontend/smartwave/default/socialicons/images/social-icons-hover-sprite.png) 0 0 no-repeat; width: 30px; height: 30px; background-color: #E0E0E0; display: inline-block; text-indent: -9999px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-left: 10px; line-height: 30px; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @font-face { font-family: 'porto'; src: url('https://www.gala.ad/skin/frontend/smartwave/porto/icons/font/porto.eot?6094206'); src: url('https://www.gala.ad/skin/frontend/smartwave/porto/icons/font/porto.eot?6094206#iefix') format('embedded-opentype'), url('https://www.gala.ad/skin/frontend/smartwave/porto/icons/font/porto.woff2?6094206') format('woff2'), url('https://www.gala.ad/skin/frontend/smartwave/porto/icons/font/porto.woff?6094206') format('woff'), url('https://www.gala.ad/skin/frontend/smartwave/porto/icons/font/porto.ttf?6094206') format('truetype'), url('https://www.gala.ad/skin/frontend/smartwave/porto/icons/font/porto.svg?6094206#porto') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'porto'; src: url('https://www.gala.ad/skin/frontend/smartwave/porto/icons/font/porto.svg?6094206#porto') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "porto"; font-style: normal; font-weight: normal; speak: none; /* display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-spin1:before { content: '\e800'; } /* '' */ .icon-spin2:before { content: '\e801'; } /* '' */ .icon-spin3:before { content: '\e802'; } /* '' */ .icon-spin4:before { content: '\e803'; } /* '' */ .icon-spin5:before { content: '\e804'; } /* '' */ .icon-spin6:before { content: '\e805'; } /* '' */ .icon-firefox:before { content: '\e806'; } /* '' */ .icon-chrome:before { content: '\e807'; } /* '' */ .icon-opera:before { content: '\e808'; } /* '' */ .icon-ie:before { content: '\e809'; } /* '' */ .icon-phone:before { content: '\e80a'; } /* '' */ .icon-down-dir:before { content: '\e80b'; } /* '' */ /*.icon-cart:before { content: '\e80c'; } /* '' */ .icon-up-dir:before { content: '\e80d'; } /* '' */ .icon-mode-grid:before { content: '\e80e'; } /* '' */ .icon-mode-list:before { content: '\e80f'; } /* '' */ .icon-compare:before { content: '\e810'; } /* '' */ .icon-wishlist:before { content: '\e811'; } /* '' */ /*.icon-search:before { content: '\e812'; } '' */ .icon-search:before { content: url(/skin/frontend/smartwave/galaperfumeries/images/ico_search.png); } .icon-left-dir:before { content: '\e813'; } /* '' */ .icon-right-dir:before { content: '\e814'; } /* '' */ .icon-down-open:before { content: '\e815'; } /* '' */ /*.ico-previous:before { content: '\e816'; } /* '' */ /*.ico-pass:before { content: '\e817'; } /* '' */ .icon-up-open:before { content: '\e818'; } /* '' */ /*.ico-previous:before { content: '\e819'; } /* '' */ /*.ico-pass:before { content: '\e81a'; } /* '' */ .icon-angle-up:before { content: '\e81b'; } /* '' */ .icon-angle-down:before { content: '\e81c'; } /* '' */ .icon-down:before { content: '\e81d'; } /* '' */ /*.icon-left:before { content: '\e81e'; } !* '' *!*/ /*.icon-right:before { content: '\e81f'; } !* '' *!*/ .icon-up:before { content: '\e820'; } /* '' */ .icon-angle-double-left:before { content: '\e821'; } /* '' */ .icon-angle-double-right:before { content: '\e822'; } /* '' */ .icon-angle-double-up:before { content: '\e823'; } /* '' */ .icon-angle-double-down:before { content: '\e824'; } /* '' */ .icon-mail:before { content: '\e825'; } /* '' */ .icon-location:before { content: '\e826'; } /* '' */ .icon-skype:before { content: '\e827'; } /* '' */ .ico-pass-big:before { content: '\e828'; } /* '' */ .ico-previous-big:before { content: '\e829'; } /* '' */ .icon-down-open-big:before { content: '\e82a'; } /* '' */ .icon-up-open-big:before { content: '\e82b'; } /* '' */ .icon-cancel:before { content: '\e82c'; } /* '' */ .icon-user:before { content: '\e82d'; } /* '' */ .icon-mail-alt:before { content: '\e82e'; } /* '' */ .icon-fax:before { content: '\e82f'; } /* '' */ .icon-lock:before { content: '\e830'; } /* '' */ .icon-company:before { content: '\e831'; } /* '' */ .icon-city:before { content: '\e832'; } /* '' */ .icon-post:before { content: '\e833'; } /* '' */ .icon-country:before { content: '\e834'; } /* '' */ .icon-calendar:before { content: '\e835'; } /* '' */ .icon-doc:before { content: '\e836'; } /* '' */ .icon-mobile:before { content: '\e837'; } /* '' */ .icon-clock:before { content: '\e838'; } /* '' */ .icon-chat:before { content: '\e839'; } /* '' */ .icon-tag:before { content: '\e83a'; } /* '' */ .icon-folder:before { content: '\e83b'; } /* '' */ .icon-folder-open:before { content: '\e83c'; } /* '' */ .icon-forward:before { content: '\e83d'; } /* '' */ .icon-reply:before { content: '\e83e'; } /* '' */ .icon-cog:before { content: '\e83f'; } /* '' */ .icon-cog-alt:before { content: '\e840'; } /* '' */ .icon-wrench:before { content: '\e841'; } /* '' */ .icon-quote-left:before { content: '\e842'; } /* '' */ .icon-quote-right:before { content: '\e843'; } /* '' */ .icon-gift:before { content: '\e844'; } /* '' */ .icon-dollar:before { content: '\e845'; } /* '' */ .icon-euro:before { content: '\e846'; } /* '' */ .icon-pound:before { content: '\e847'; } /* '' */ .icon-rupee:before { content: '\e848'; } /* '' */ .icon-yen:before { content: '\e849'; } /* '' */ .icon-rouble:before { content: '\e84a'; } /* '' */ .icon-try:before { content: '\e84b'; } /* '' */ .icon-won:before { content: '\e84c'; } /* '' */ .icon-bitcoin:before { content: '\e84d'; } /* '' */ .icon-ok:before { content: '\e84e'; } /* '' */ .icon-chevron-left:before { content: '\e84f'; } /* '' */ .icon-chevron-right:before { content: '\e850'; } /* '' */ .icon-export:before { content: '\e851'; } /* '' */ .icon-star:before { content: '\e852'; } /* '' */ .icon-star-empty:before { content: '\e853'; } /* '' */ .icon-plus-squared:before { content: '\e854'; } /* '' */ .icon-minus-squared:before { content: '\e855'; } /* '' */ .icon-plus-squared-alt:before { content: '\e856'; } /* '' */ .icon-minus-squared-alt:before { content: '\e857'; } /* '' */ .icon-truck:before { content: '\e858'; } /* '' */ .icon-lifebuoy:before { content: '\e859'; } /* '' */ .icon-pencil:before { content: '\e85a'; } /* '' */ .icon-users:before { content: '\e85b'; } /* '' */ .icon-video:before { content: '\e85c'; } /* '' */ .icon-menu:before { content: '\e85d'; } /* '' */ .icon-desktop:before { content: '\e85e'; } /* '' */ .icon-doc-inv:before { content: '\e85f'; } /* '' */ .icon-circle:before { content: '\e860'; } /* '' */ .icon-circle-empty:before { content: '\e861'; } /* '' */ .icon-circle-thin:before { content: '\e862'; } /* '' */ .icon-mini-cart:before { content: '\e863'; } /* '' */ .icon-paper-plane:before { content: '\e864'; } /* '' */ .icon-attention-alt:before { content: '\e865'; } /* '' */ .icon-info:before { content: '\e866'; } /* '' */ .icon-compare-link:before { content: '\e867'; } /* '' */ .icon-cat-default:before { content: '\e868'; } /* '' */ .icon-cat-computer:before { content: '\e869'; } /* '' */ .icon-cat-couch:before { content: '\e86a'; } /* '' */ .icon-cat-garden:before { content: '\e86b'; } /* '' */ .icon-cat-gift:before { content: '\e86c'; } /* '' */ .icon-cat-shirt:before { content: '\e86d'; } /* '' */ .icon-cat-sport:before { content: '\e86e'; } /* '' */ .icon-cat-toys:before { content: '\e86f'; } /* '' */ .icon-tag-line:before { content: '\e870'; } /* '' */ .icon-twitter:before { content: '\f099'; } /* '' */ .icon-facebook:before { content: '\f09a'; } /* '' */ .icon-instagram:before { content: '\f16d'; } /* '' */ /* Animation example, for spinners */ .animate-spin { -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; display: inline-block; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } *{outline:none!important} html,body{background-color:#fff;font:13px/1 'Open Sans',Arial,Helvetica,sans-serif;color:#777;text-align:center} body{overflow-x:hidden} img{border:0;vertical-align:top} a{color:#CB027C;text-decoration:none;transition:all .3s} a:visited,a:focus{text-decoration:none} a:hover{color:#CB027C;text-decoration:underline} :focus{outline:0} h1,h2,h3,h4,h5,h6{margin:0 0 5px;line-height:1.35;/*color:#777*/} h1{font-size:20px;font-weight:400;margin-bottom:20px} h2{font-size:18px;font-weight:400;margin-bottom:15px} h3{font-size:16px;font-weight:600} h4{font-size:14px;font-weight:600} h5{font-size:12px;font-weight:600} h6{font-size:11px;font-weight:600} hr{border-color:#f5f5f5} form{display:inline} fieldset{border:0} legend{display:none} table{border:0;border-spacing:0;empty-cells:show;font-size:100%} caption,th,td{vertical-align:middle;text-align:left;font-weight:400} /* p{margin:0 0 15px;line-height:1.5}*/ strong{font-weight:700} address{text-align:left;margin:0} cite{font-style:normal} q,blockquote{quotes:none} q:before,q:after{content:''} small,big{font-size:1em} ul,ol{list-style:none;margin:0;padding:0} .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%} .label{color:#000} .no-display{display:none} .no-margin{margin:0!important} .no-padding{padding:0!important} .no-bg{background:none!important} .theme-color{!important} .theme-hover-color:hover{} .theme-hover-bg-color:hover{background-} .page{background-color:#fff;padding:0} .page-print{background:#fff;padding:25px 30px;text-align:left} .page-empty{background:#fff;padding:20px;text-align:left} .page-popup{background:#fff;padding:25px 30px;text-align:left} body.boxed{background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/boxed_bg.png) repeat;background-color:#000} body.boxed.page-empty{background-image:none;background-color:#fff} body.ajaxcart-index-options{background:#fff} body.boxed .wrapper{padding-top:24px;padding-bottom:17px} body.boxed .page{overflow:hidden;border-radius:8px;width:1180px;margin-left:auto;margin-right:auto} body.boxed .header-container .top-links-container{border-radius:4px 4px 0 0} .top-container >.breadcrumbs{padding-top:12px;padding-bottom:12px;font-size:13px;line-height:1;color:#fff;background-color:#171717} .breadcrumbs ul{padding:0} .breadcrumbs li{display:inline;vertical-align:top} .breadcrumbs li strong{font-weight:400;vertical-align:middle} .breadcrumbs li a{vertical-align:middle;font-weight:400;color:#fff} .breadcrumbs span.breadcrumbs-split{vertical-align:middle;font-size:12px} .main-container{padding:0;min-height:400px} .main{text-align:left} .main.container{max-width:100%} .col-main{padding-bottom:30px} .col2-set .col-1{float:left;width:48.5%} .col2-set .col-2{float:right;width:48.5%} .col2-set .col-narrow{width:32%} .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%} /*input,select,textarea,button{font-size:12px;vertical-align:middle;color:#484747} input.input-text,select,textarea{background:#fff;border:1px solid #ccc;padding:2px 8px;height:26px;color:#777;font-size:13px;border-radius:3px} select{background:#fff;border:1px solid #ccc;padding:2px 8px;height:26px;color:#777;font-size:13px}*/ input.input-text,textarea{padding:8px} label{margin:0;vertical-align:middle;color:#777;font-size:13px;font-weight:400} select option{padding-right:10px} select.multiselect option{padding:2px 5px} select.multiselect option:last-child{border-bottom:0} textarea{overflow:auto;padding:8px} input.radio{display:inline-block;margin:0 5px 0 0;vertical-align:middle} input.checkbox{margin-right:10px;display:inline-block} input.qty{margin-right:2px;display:inline-block;vertical-align:middle;height:38px;width:35px!important;font-size:14px;text-align:center;;border-color:#e1e1e1} button.button::-moz-focus-inner{padding:0;border:0} button.button{-webkit-border-fit:lines;overflow:visible;width:auto;border:0;padding:0;margin:0;background:transparent;cursor:pointer} button.button span{display:block;border:0;background:#08c;padding:0 15px;font-weight:400;font-size:14px;text-align:center;white-space:nowrap;color:#fff;line-height:38px;border-radius:5px} button.button span span{border:0;padding:0;color:inherit;border-width:0;background:transparent;line-height:inherit} button.button:hover span{opacity:.9;filter:alpha(opacity=90)} /*button.disabled span{background:#bbb!important}*/ button.btn-checkout.no-checkout span{color:#b8baba} p.control input.checkbox,p.control input.radio{margin-right:10px;display:inline-block} p.control{line-height:19px} .input-box label{margin-bottom:10px} .form-wrap,#form-validate,#login-form{display:block;border:1px solid #ececec;border-radius:8px;background:#fff;border-top:4px solid #08c;padding:35px 25px;box-shadow:0 2px 3px rgba(0,0,0,0.08)} .form-wrap h2,#form-validate h2{;text-transform:uppercase;margin:0 0 20px} .form-wrap .fieldset,#form-validate .fieldset{margin:0} .form-wrap .fieldset + .fieldset,#form-validate .fieldset + .fieldset{margin-top:35px} .form-list li{margin:0 0 10px} .form-list label{float:left;font-size:14px;position:relative;z-index:0;margin-bottom:10px} .form-list label.required em{float:right;font-style:normal;color:#eb340a;position:absolute;top:0;right:-8px} .form-list li.control label{float:none;margin:0;line-height:20px;display:inline-block;vertical-align:middle} .form-list li.control input.radio,.form-list li.control input.checkbox{margin:0 8px 0 0} .form-list li.control .input-box{clear:none;display:inline-block;width:auto;vertical-align:middle;margin:0} .form-list .input-box{width:100%;margin-bottom:10px;border-radius:3px;clear:both} .form-list .input-box label{float:none;display:table-cell;width:1%;white-space:nowrap;padding-right:5px} .form-list .input-box label i{width:46px;height:38px;line-height:38px;display:inline-block;text-align:center;font-size:16px;border-right:1px solid #ccc;margin-right:10px} .form-list .input-box label.required em{float:none;position:static} .form-list .field{float:left;margin:0;width:48%} .form-list input.input-text{width:100%;height:38px;padding:10px;border-radius:6px;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;background-color:#fff} .form-list textarea{width:100%;height:10em;line-height:1.4;border-radius:6px;padding:10px;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset} .form-list select{width:100%;height:38px;border-radius:6px;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset} .form-list li.additional-row{border-top:1px solid #ccc;margin-top:10px;padding-top:7px} .form-list li.additional-row .btn-remove{float:right;margin:5px 0 0} .form-list .input-range input.input-text{width:74px;border:1px solid #ccc} .form-list-narrow li{margin-bottom:0} .form-list-narrow li .input-box{margin-bottom:6px} .form-list-narrow li.wide .input-box{width:260px} .form-list-narrow li.wide input.input-text,.form-list-narrow li.wide textarea{width:254px} .form-list-narrow li.wide select{width:260px} .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 .customer-name-prefix-middlename-suffix .name-firstname,.form-list .customer-name-prefix-middlename .name-firstname{width:140px} .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,.form-list .customer-name-prefix-middlename .name-firstname input.input-text{width:124px} .form-list .customer-name-prefix-middlename-suffix .name-lastname{width:205px} .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text{width:189px} .form-list .customer-name-prefix-suffix .name-firstname{width:210px} .form-list .customer-name-prefix-suffix .name-lastname{width:205px} .form-list .customer-name-prefix-suffix .name-firstname input.input-text,.form-list .customer-name-prefix-suffix .name-lastname input.input-text{width:189px} .form-list .customer-name-prefix-suffix .name-firstname{width:210px} .form-list .customer-name-prefix-suffix .name-lastname{width:205px} .form-list .customer-name-prefix-suffix .name-firstname input.input-text,.form-list .customer-name-prefix-suffix .name-lastname input.input-text{width:189px} .form-list .customer-name-prefix .name-firstname,.form-list .customer-name-middlename .name-firstname,.form-list .customer-name-middlename .name-middlename{width:210px} .form-list .customer-name-suffix .name-lastname,.form-list .customer-name-middlename .name-firstname,.form-list .customer-name-middlename .name-middlename,.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 .name-middlename 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:400;color:#888} .form-list .customer-dob .dob-day,.form-list .customer-dob .dob-month{width:60px} .form-list .customer-dob .dob-day input.input-text,.form-list .customer-dob .dob-month input.input-text{width:46px} .form-list .customer-dob .dob-year{width:140px} .form-list .customer-dob .dob-year input.input-text{width:134px} .buttons-set{clear:both;margin:1em 0 0;padding:8px 0 0;text-align:right} .buttons-set p.required{margin:0 0 10px} .buttons-set .back-link{float:left;margin:0} .buttons-set button.button{float:right;margin-left:5px} /*.buttons-set a{line-height:35px}*/ .buttons-set-order{margin:10px 0 0} .buttons-set-order .please-wait{padding:12px 7px 0 0} .fieldset{margin:20px 0} .fieldset .legend{font-size:16px;margin:20px 0} .validation-advice{clear:both;min-height:13px;margin:3px 0 0;padding-left:10px;font-size:11px;font-weight:700;line-height:13px;color:#eb340a;position:relative;top:100%;text-align:left} .validation-failed{border:1px dashed #eb340a!important;background:#faebe7!important} p.required{font-size:11px;text-align:right;color:#EB340A} .v-fix{float:left} .v-fix .validation-advice{display:block;width:12em;margin-right:-12em;position:relative} .success{color:#3d6611;font-weight:700} .error{color:#df280a;font-weight:700} .notice{color:#e26703} .messages,.messages ul{list-style:none;margin:0;padding:0} .messages{width:100%;overflow:hidden;margin-bottom:15px} .messages li{margin:0 0 10px} .messages li li{margin:0 0 3px} .error-msg,.success-msg,.note-msg,.notice-msg{border-style:solid;border-width:1px;min-height:24px;padding:15px;font-size:14px;font-weight:400;border-radius:4px;margin-bottom:20px} .error-msg{border-color:#ebccd1;background-color:#f2dede;color:#a94442} .success-msg{border-color:#d6e9c6;background-color:#dff0d8;color:#3c763d} .note-msg,.notice-msg{border-color:#faebcc;background-color:#fcf8e3;color:#8a6d3b} .owl-top-narrow .error-msg,.owl-top-narrow .success-msg,.owl-top-narrow .note-msg,.owl-top-narrow .notice-msg{margin:10px} .page-title{text-align:left} .page-title h1,.page-title h2{margin:0;font-size:20px;color:#484747} .col-main .page-title h1,.col-main .page-title h2{font-size:20px;margin:0 0 15px;} .page-title.category-title{display:none} .col-main .page-title.category-title h1{margin-bottom:10px} .page-title .separator{margin:0 3px} .page-title .link-rss{float:right;margin:7px 0 0} .title-buttons{text-align:right} .title-buttons h1,.title-buttons h2,.title-buttons h3,.title-buttons h4,.title-buttons h5,.title-buttons h6{float:left} .subtitle,.sub-title{clear:both;padding:15px 0 0;font-size:15px;font-weight:700;margin:0 0 20px;} .pager .amount{float:left;margin:0;line-height:30px;margin-right:10px;display:none} .pager .limiter{float:right} .pager .limiter label{vertical-align:middle} .pager .limiter select{padding:0;margin:0 0 1px;vertical-align:middle} .pager .pages{float:right;margin-left:7px} .pager .pages ol{display:inline} /*.pager .pages li{display:inline-block;margin:0;height:26px;width:26px;line-height:24px;font-size:13px;margin-left:2px;text-align:center;border-radius:3px}*/ /*.pager li >a,.pager li >span{padding:0;background-color:#fff;display:block;height:26px;padding:0;border:1px solid #ccc;border-radius:3px}*/ .pager li >a.next,.pager li >a.previous{color:#999} .pager li >a.next:hover,.pager li >a.next:focus,.pager li >a.previous:hover,.pager li >a.previous:focus{color:#fff} .pager li >a:hover,.pager li >a:focus{background-;border-;color:#fff;text-decoration:none} /*.pager .pages .current{padding:0;border:1px solid #08c;background-;color:#fff}*/ .sorter .view-mode{float:left;margin:0;margin-right:10px;line-height:29px;height:30px} .sorter .view-mode i{font-size:14px;border:1px solid #ccc;background-color:#fff;color:#ccc;width:26px;height:26px;line-height:24px;display:inline-block;text-align:center;border-radius:3px;vertical-align:top} .sorter .view-mode strong i,.sorter .view-mode a:hover i{border-;color:#fff;background-;border-radius:3px} .sorter .sort-by{float:left;margin-right:15px;margin-bottom:4px} .sorter label{margin-right:5px} .sorter .limiter{float:right} .toolbar .pager{float:right;margin:0;margin-bottom:4px} .toolbar-bottom{text-align:center;margin-top:20px} .toolbar-bottom .toolbar{display:inline-block;border:0} .toolbar-bottom .toolbar .sorter .sort-by,.toolbar-bottom .toolbar .sorter .view-mode{display:none} .data-table{width:100%;border:0} .data-table thead tr{border:1px solid #dcdcdc} .data-table tbody tr{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;background-color:#fff} .data-table td.last,.data-table th.last{border-right:1px solid #dcdcdc} .data-table th{padding:15px 10px;font-weight:700} .data-table td{padding:15px 10px} .data-table h2,.data-table h3{margin-top:0;margin-bottom:0;font-weight:400} .data-table thead th{font-weight:600;padding:15px 10px;color:#777;white-space:nowrap;vertical-align:middle;font-size:14px;text-transform:uppercase} .data-table thead th.wrap{white-space:normal} .data-table thead th a,.data-table thead th a:hover{color:#fff} .data-table thead th{background-color:#f6f6f6} .data-table thead th .tax-flag{font-size:11px;white-space:nowrap} .data-table tfoot{border-bottom:1px solid #d9dde3} .data-table tfoot tr.first td{border-left:1px solid #dcdcdc} .data-table tfoot td{padding-top:10px;padding-bottom:10px;border-bottom:0;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc} .data-table tfoot strong{font-size:16px} .data-table tbody th,.data-table tbody td{border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;padding:15px 10px;line-height:1.3} .data-table tbody td .option-label{font-weight:700;font-style:italic} .data-table tbody td .option-value{padding-left:10px} .data-table p{margin-bottom:0} .data-table .qty-holder,.data-table .add-to-cart-alt{position:relative;text-align:left;margin-right:0} .data-table .add-to-cart-alt{margin:10px 0;width:93px} .data-table .edit-qty{margin-left:5px} .data-table input.qty{color:#777;height:30px;border-radius:0;border-color:#ddd;margin:0 -1px} .data-table .table_qty_inc,.data-table .table_qty_dec{display:inline-block;width:30px;height:30px;background:#f4f4f4;border:1px solid #ccc;color:#777;line-height:30px;border-radius:0;margin:0;font-size:14px;font-weight:700;text-decoration:none;text-align:center;vertical-align:top} .data-table button.button > span{background:#fff;border:1px solid #ccc;color:#777;line-height:32px;padding:0 12px} .data-table button.button:hover > span{background:#08c;border:1px solid #08c;color:#fff} .data-table .product-name a{} .data-table .cart-cell{margin-bottom:10px} .data-table .cart-cell button.button span{font-size:13px;line-height:28px} .info-box{background:#fff 0 0 repeat-x;border:1px solid #d0cbc1;padding:12px 15px;margin:0 0 15px} .info-box h2{font-weight:700;font-size:13px} .info-table th{font-weight:700;padding:2px 15px 2px 0} .info-table td{padding:2px 0} tr.summary-total{cursor:pointer} tr.summary-total .summary-collapse{float:right;text-align:right;padding-left:20px;cursor:pointer} tr.summary-details td{font-size:11px;background-color:#dae1e4;color:#626465} tr.summary-details-first td{border-top:1px solid #d2d8db} tr.summary-details-excluded{font-style:italic} .cart-tax-info{display:block} .cart-tax-info,.cart-tax-info .cart-price{padding-right:20px} .cart-tax-total{display:block;padding-right:20px;cursor:pointer} .cart-tax-info .price,.cart-tax-total .price{display:inline!important;font-weight:400!important} .cart-tax-total-expanded{background-position:100% -52px} .std{line-height:1.4} .std .subtitle{padding:0} .std ol.ol{list-style:decimal outside;padding-left:1.5em} .std ul.disc{list-style:disc outside;padding-left:18px;margin:0 0 10px} .std dl dt{font-weight:700} .std dl dd{margin:0 0 10px} .std ul,.std ol,.std dl,.std address,.std blockquote{margin:0;padding:0} /*.std ul{list-style:disc outside;padding-left:1.5em}*/ .std ul li{line-height:20px} .std ol{list-style:decimal outside;padding-left:1.5em} .std ul ul{list-style-type:circle} .std ul ul,.std ol ol,.std ul ol,.std ol ul{margin:.5em 0} .std dt{font-weight:700} .std dd{padding:0 0 0 1.5em} .std blockquote{font-style:italic;padding:0 0 0 1.5em} .std address{font-style:normal} .std b,.std strong{font-weight:700} .std i,.std em{font-style:italic} .links li{display:inline} .link-wishlist{color:#ed4949;border-color:#f6a4a4} .link-wishlist:hover{color:#ed4949;border-color:#f6a4a4} .cart-table .link-wishlist,.cart-table .link-wishlist:hover{} .link-compare{color:#52b9b5;border-color:#97d5d3} .link-compare:hover{color:#52b9b5;border-color:#97d5d3} .btn-remove{position:relative;display:block;width:23px;height:23px;text-indent:-9999px;overflow:hidden;padding:5px 0;font-size:13px;;line-height:1} .btn-remove:hover{} /*.btn-remove:before{content:"\e82c";display:block;position:absolute;left:0;right:5px;font-family:"porto";text-indent:0;text-align:right}*/ .btn-previous{display:block;width:11px;height:11px;font-size:0;line-height:0;overflow:hidden} .btn-remove2{display:inline-block;width:34px;height:34px;font-size:18px;line-height:22px;overflow:hidden} .btn-remove2:before{text-align:center} .btn-edit{display:block;width:11px;height:11px;font-size:0;line-height:0;overflow:hidden} .cards-list dt{margin:5px 0 0} .cards-list .offset{padding:2px 0 2px 20px} .separator{margin:0 3px} .divider{clear:both;display:block;font-size:0;line-height:0;height:1px;margin:10px 0;background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/bkg_divider1.gif) 0 50% repeat-x;text-indent:-999em;overflow:hidden} .global-site-notice{border:1px solid #cfcfcf;border-width:0 0 1px;background:#ffff90;font-size:12px;line-height:1.25;text-align:center;color:#2f2f2f} .global-site-notice .notice-inner{width:100%;margin:0 auto;padding:10px;text-align:left} .global-site-notice .notice-inner p{margin:0;border:1px dotted #cccc73;padding:10px} .global-site-notice .notice-inner .actions{padding-top:10px} .notice-cookie{position:fixed;z-index:9999;width:100%;bottom:0;left:0;margin:0!important;opacity:.95;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=95)} .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} .header-container{background-color:#fff;border-top-width:4px;border-top-style:solid} .top-links-container{background-color:#f0f0ed;padding:5px 0;position:relative;z-index:200} .header{z-index:101;text-align:left} .header>.logo{margin:30px 40px 30px 0;text-decoration:none!important;max-width:100%;display:inline-block;vertical-align:middle;max-width:170px;position:relative;z-index:2;transition:none} .header>.logo>.logo{margin:0!important;padding:0!important;width:100%} .header .logo strong{position:absolute;top:-999em;left:-999em;width:0;height:0;font-size:0;line-height:0;text-indent:-999em;overflow:hidden} .header .logo img{max-width:100%} .header-container .welcome-msg{margin:3px 20px 3px 0;text-align:left;float:right;font-size:11px;line-height:19px;text-transform:uppercase} .header-container .welcome-msg a{color:#7dbd22} .header #search_mini_form{display:inline-block;vertical-align:middle;margin-right:35px} .header .form-search{overflow:visible;border:1px solid #ccc;border-radius:20px;position:relative;width:100%;min-width:250px;padding-right:170px;background-color:#fff} .header .form-search label{float:left;width:24px;height:21px;text-align:left;text-indent:-999em;overflow:hidden;display:none} .header .form-search #search{border:0;height:38px;background-color:transparent;padding:10px 15px;color:#999;font-family:Arial;width:100%;margin:0;font-size:13px;line-height:20px;border-radius:20px 0 0 20px} .header .form-search #cat{margin:0;width:130px;height:38px;background-color:transparent;border:1px solid #ccc;border-top:0;border-bottom:0;font-family:Arial;font-size:13px;line-height:34px;color:#777;padding:2px 0;padding-left:10px;position:absolute;right:40px;border-radius:0;-moz-appearance:none;-webkit-appearance:none} .header .form-search #cat option{color:#000;background:#fff} .header .form-search button.button{width:40px;height:38px;color:#777;background-color:transparent;font-size:14px;position:absolute;right:0;top:0;border-radius:0 20px 20px 0} .header .form-search .search-autocomplete{z-index:999} .header .form-search .search-autocomplete ul{border:1px solid #ddd;background-color:#fff} .header .form-search .search-autocomplete li{text-align:left;padding:5px 10px;cursor:pointer;color:#777} .header .form-search .search-autocomplete li .amount{float:right;font-weight:700} .header .form-search .search-autocomplete li.odd{background-color:#fff} .header .form-search .search-autocomplete li.selected{background-color:#f7f7f7} .header-container .form-language,.header-container .form-currency{display:block;float:left;margin-right:8px} .header-container .form-language select,.header-container .form-currency select{display:none} .header-container .links{display:block;float:right;padding:0;margin:3px 0;} .header-container .top-links-area{display:block;float:right;padding:0;position:relative} .header-container .top-links a{color:#999} .header-container .top-links-area a{padding-top:5px;padding-bottom:5px} .header-container .top-links .selectbox li a:hover{color:#fff} .header-container .links li{font-size:11px;padding:0 15px;text-transform:uppercase;line-height:19px;border-left:1px solid #ccc} .header-container .links li.last{padding-right:0} .header-container .top-container{clear:both;padding:5px 10px 0 12px;text-align:right} .header-container .top-container a{font-size:11px;color:#ebbc58} .top-container .paypal-logo{text-align:left;display:inline-table} .header .custom-block{font-size:14px;font-weight:400;display:inline-block;vertical-align:middle} .fixed-header-area{z-index:1001;text-align:left;transition:.5s top ease-in-out;-webkit-transition:.5s top ease-in-out} .mini-cart{position:absolute;right:20px;top:50%;margin-top:-20px;text-align:right} .topCartContent{display:none;position:absolute;right:0;top:40px;width:300px;background-color:#fff;border-width:6px 0 0;border-style:solid;z-index:1;border-radius:8px 8px 5px 5px;color:#777;box-shadow:0 2px 8px rgba(0,0,0,0.5);margin-top:10px} .topCartContent:before{content:"";position:absolute;border:10px solid transparent;display:block;right:15px;top:-25px;border-bottom-} .mini-cart .topCartContent:after{content:"";position:absolute;left:0;top:-25px;height:25px;width:100%;display:block} .mybag-link{line-height:1;display:inline-block;color:#fff;border-radius:5px;height:40px;padding:5px;text-transform:uppercase;text-align:center;max-width:120px} .mybag-link i{color:#fff;font-size:27px;display:inline-block;vertical-align:middle} .mybag-link:hover{color:#fff;text-decoration:none} .mybag-link .cart-info{display:inline-block;vertical-align:middle;text-align:left;padding:3px} .mybag-link span{display:block;font-size:12px;font-weight:600} .mybag-link .cart-qty{font-size:14px} .mini-cart .block-subtitle{margin:20px 30px} .mini-cart .cart-empty{margin:20px;text-align:center} .mini-products-list .product-image{float:left} .mini-cart .mini-products-list .product-details{margin-left:90px} /*.mini-cart .mini-products-list{padding:0 20px}*/ .mini-cart .mini-products-list li{padding:20px 0;border-bottom:1px solid #eee} .mini-cart .mini-products-list li a.btn-remove{top:29px} .mini-cart .mini-products-list li .product-image{border-width:0;padding:0;border-radius:0} .mini-cart .mini-products-list li .product-image img{width:auto} /*.mini-cart .actions{color:#fff;line-height:47px;padding:0 20px;border-radius:0 0 5px 5px;margin-bottom:15px}*/ /*.mini-cart .actions a{border:0;width:128px;text-align:center;color:#fff}*/ .option-detail{position:relative;cursor:help;line-height:1.5} .option-detail a:hover{cursor:help} .option-detail .item-options{min-width:150px;display:none;margin:0;padding:10px} .option-detail .item-options.show{opacity:1;filter:alpha(opacity=100);display:block} /*.mini-cart .qty-price{}*/ .mini-cart .totals{padding:10px 20px;text-align:center;font-size:18px;;font-weight:700} .mini-cart .totals .label{color:#777} .header-container .selectbox .select{border-color:transparent;color:#fff;text-align:center} .header-container .selectbox li a{color:#777!important} .header-container .selectbox li a:hover{color:#fff!important} .header-container .selectbox .dropdown{border-radius:3px} .header-container .selectbox .dropdown ul{background-color:#fff!important} .header-container .top-links-container span.split{float:left;display:block;height:14px;width:1px;border-right:1px solid #ccc;margin:6px 3px 6px 0} .header-container .main-nav ul.menu >li.menu-full-width >a,.header-container .main-nav ul.menu >li.menu-item-has-children >a,.header-container .main-nav ul.menu >li.menu-static-width >a{padding-right:30px} .custom-block .icon-group:first-child{margin:0} .icon-group{display:inline-block;vertical-align:middle;text-align:left;margin-left:30px} .icon-group i{font-size:20px;color:#fff;float:left;border-radius:50%;width:40px;height:40px;text-align:center;line-height:40px;background-color:#000} .icon-group h3{color:#000;font-size:14px;margin:0;line-height:1.5;margin-left:48px} .icon-group p{font-size:11px;margin:0;margin-left:48px;line-height:1;color:#878787} .search-area{position:absolute;top:50%;margin-top:-20px;z-index:1;display:inline-block;height:40px;left:20px;vertical-align:middle} .cart-area{position:absolute;top:50%;margin-top:-20px;z-index:1;display:inline-block;height:40px;right:15px;text-align:right;vertical-align:middle} .header-container .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #ccc;margin:0 13px} .header-container .top-links-icon{display:none;vertical-align:middle;font-size:11px;padding:7px 20px 7px 10px;position:relative} .header-container .top-links-icon:before{content:"\e80b";display:block;position:absolute;right:7px;top:50%;font-family:"porto";margin-top:-5px} .header-container .top-links-icon a{color:#fff;text-transform:uppercase;text-decoration:none} .header-container .top-links-icon a:hover{text-decoration:none} .mobile-nav-shown .mobile-nav{box-shadow:none!important} .header-container.type1{background-color:#1e1e1e;border:0} .cms-index-index .header-container.type1{position:fixed;top:0;left:0;z-index:2;background-color:rgba(0,0,0,.5);width:100%;max-height:100%} .header-container.type1 .mobile-nav.side-block .sw-mobile-menu li>a,.header-container.type1 .mobile-nav.side-block .sw-mobile-menu li .open-child,.header-container.type1 .mobile-nav.side-block .sw-mobile-menu li.over>a{color:#fff} .header-container.type1 .top-links-area{display:inline-block;vertical-align:middle;float:none} .header-container.type1 .top-links-icon{background-color:#101010;border-radius:2px;color:#fff} .header-container.type1 .header .logo{margin:20px 25px 25px 0;float:left;position:relative;z-index:1} .header-container.type1 .header-wrapper{border:0;display:block;margin:32px 0 0} .header-container.type1 .main-nav{margin:0} .header-container.type1 .main-nav > .container{width:auto!important;padding:0} .header-container.type1 .main-nav .menu-wrapper{background-color:transparent} .header-container.type1 .main-nav ul.menu>li>a{color:#fff;padding:10px;font-weight:600;position:relative;z-index:1} .header-container.type1 .main-nav ul.menu >li.menu-full-width >a,.header-container.type1 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type1 .main-nav ul.menu >li.menu-static-width >a{padding-right:25px} .header-container.type1 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type1 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type1 .main-nav ul.menu >li.menu-static-width >a:after{right:8px} .header-container.type1 .header-right-area{text-align:right;position:absolute;right:15px;top:50%;margin-top:-32px} .header-container.type1 .header-right-area>div:first-child{margin-bottom:10px} .header-container.type1 .links{display:inline-block;vertical-align:middle;float:none;margin-right:5px} .header-container.type1 .links li{font-weight:300;padding:0 12px;border:0;border-right:1px solid #101010} .header-container.type1 .links a{color:#fff} .header-container.type1 .search-area{position:relative;display:inline-block;vertical-align:middle;margin:0;height:25px;width:25px;line-height:25px;text-align:center;margin-left:10px;left:0;top:0;z-index:5} .header-container.type1 .search-area>a{color:#fff} .header-container.type1 .header #search_mini_form{display:none} .header-container.type1 .header .form-search{width:450px;position:absolute;right:-20px;top:40px;overflow:visible;border-width:5px;border-radius:25px;background-color:#fff} .header-container.type1 .header .form-search:before{content:"";display:block;position:absolute;right:20px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type1 .form-currency,.header-container.type1 .form-language{display:inline-block;vertical-align:middle;float:none;margin-right:4px} .header-container.type1 .selectbox .select{border-color:#101010;background-color:#101010;color:#fff;text-align:center} .selectbox li{transition:all .3s} .header-container.type1 .selectbox .dropdown{border:0} .header-container.type1 .mini-cart{position:relative;top:0;right:0;display:inline-block;vertical-align:middle;margin:0;width:auto} .header-container.type1 .mini-cart .mybag-link{height:26px;padding:4px 7px;background-color:#010101;border-radius:2px} .header-container.type1 .mini-cart .mybag-link i{font-size:14px} .header-container.type1 .mini-cart .mybag-link .cart-info{padding:1px 3px} .header-container.type1 .mini-cart .mybag-link span{display:inline-block;vertical-align:middle;font-size:11px;line-height:14px;font-weight:400} .header-container.type1 .mini-cart .mybag-link .cart-qty{margin-right:3px} .header-container.type1 .mini-cart .topCartContent{top:26px} .header-container.type1 .menu-icon{display:none;padding:0;margin:0;height:auto;margin-right:1px;margin-left:10px} .header-container.type1 .menu-icon a{color:#fff} .header-container.type2{border-top-} .header-container.type2 .top-links-area{display:block;float:right;padding:0} .header-container.type2 .top-links a{color:inherit} .header-container.type2 .top-links-icon:before{margin-top:-5px;color:#777} .header-container.type2 .selectbox .select{color:#777} .header-container.type2 .header{display:block;vertical-align:middle;padding:28px 0} .header-container.type2 .header .logo{display:inline-block;vertical-align:middle;padding:0 15px;margin:0 40px 0 0} .header-container.type2 .header .search-area{position:static;margin:0} .header-container.type2 .header .search-area .search-icon{display:none} .header-container.type2 .header #search_mini_form{width:450px} .header-container.type2 .header .custom-block{display:block;text-align:center;height:40px;line-height:40px} .header-container.type2 .header .mini-cart{display:block;position:absolute;right:15px;top:auto;bottom:-40px;padding:0;margin:0} .header-container.type2 .mybag-link{line-height:25px;background-} .header-container.type2 .mybag-link i{font-size:18px} .header-container.type2 .mybag-link span{font-size:12px;font-weight:600;display:inline-block} .header-container.type2 .mybag-link .cart-qty{margin-right:3px;font-size:inherit;font-weight:inherit} .header-container.type2 .main-nav{margin:0} .header-container.type2 .main-nav ul.menu>li>a{padding-top:14px;padding-bottom:14px} .header-container.type2 .header .mini-cart .topCartContent{right:0;top:40px} .header-container.type2 .header-wrapper{border:0} .header-container.type2 .main-nav .menu-wrapper{border-radius:5px} .header-container.type2 .top-links > .top-select:first-child .selectbox .select{padding-left:0} .header-container.type3{border:0;background-color:#0083c1} .header-container.type3 .top-links-container{background-color:#008acc} .header-container.type3 .top-links-container span.split{border-color:#eee} .header-container.type3 .links li{border-left-color:#eee} .header-container.type3 .top-links ul.links a{color:#fff} .header-container.type3 .top-links-icon{color:#fff} .header-container.type3 .welcome-msg{color:#fff} .header-container.type3 .search-area{position:static;margin:0} .header-container.type3 .header{color:#fff} .header-container.type3 .header a{color:inherit} .header-container.type3 .header .form-search{border-color:transparent;background-color:#006393} .header-container.type3 .header .form-search #search{background-color:transparent;color:#ddd} .header-container.type3 .header .form-search #cat{border-color:#0076ae;border-color:rgba(255,255,255,.2);color:#fff;background-color:transparent} .header-container.type3 .header .form-search button.button{color:#fff;background-color:transparent} .header-container.type3 .header .custom-block{margin-right:10px} .header-container.type3 .header .custom-block>*{display:inline-block;vertical-align:middle} .header-container.type3 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #eee;margin:0 13px} .header-container.type3 .header .custom-block a{font-size:12px} .header-container.type3 .mini-cart{position:relative;margin:0;display:inline-block;vertical-align:middle;left:0;top:-3px} .header-container.type3 .header #search_mini_form{width:450px} .header-container.type3 .main-nav{background-color:#006fa4} .header-container.type3 .main-nav .menu-wrapper{background-color:transparent} .header-container.type3 .main-nav ul.menu>li>a{color:#fff;padding-top:15px;padding-bottom:15px} .header-container.type3 .main-nav ul.menu>li:hover,.header-container.type3 .main-nav ul.menu>li.act{background-color:transparent} .header-container.type3 .main-nav ul.menu>li.act>a,.header-container.type3 .main-nav ul.menu>li:hover>a{color:#99cee8} .header-container.type3 .main-nav ul.menu>li>a{padding:17px 20px 17px 0;margin-right:10px} .header-container.type3 .main-nav ul.menu >li.menu-full-width >a,.header-container.type3 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type3 .main-nav ul.menu >li.menu-static-width >a{padding-right:30px} .header-container.type3 .mybag-link{position:relative;padding:2px 0} .header-container.type3 .mybag-link span{display:none} .header-container.type3 .mybag-link .cart-info{display:block;position:absolute;text-align:center;width:100%;top:50%;margin-top:-8px} .header-container.type3 .mybag-link .cart-qty{display:block;font-size:16px;color:#000} .header-container.type3 .mybag-link i{font-size:35px} .header-container.type3 .top-links > .top-select:first-child .selectbox .select{padding-left:0} .header-container.type3 .header .search-icon{display:none} .header-container.type4{border-top-} .header-container.type4 .top-links a{color:inherit} .header-container.type4 .top-links-icon{color:#777} .header-container.type4 .selectbox .select{color:#777} .header-container.type4 .header{display:block;vertical-align:middle;padding:28px 0} .header-container.type4 .header > .logo{display:inline-block;vertical-align:middle;padding:0 15px;margin:0 40px 0 0} .header-container.type4 .search-area{position:static;margin:0} .header-container.type4 .header #search_mini_form{width:450px} .header-container.type4 .header .custom-block{display:inline-block;text-align:center;height:40px;line-height:40px} .header-container.type4 .mini-cart{display:inline-block;position:static;padding:0;margin:0;vertical-align:middle} .header-container.type4 .mybag-link{position:relative;height:40px;padding:0;line-height:40px;text-align:center;top:-3px} .header-container.type4 .mybag-link i{;font-size:35px} .header-container.type4 .mybag-link .cart-info{position:absolute;width:100%;text-align:center;top:50%;margin-top:-4px;left:0;padding:0;display:block;line-height:1} .header-container.type4 .mybag-link .cart-info span{display:none} .header-container.type4 .mybag-link .cart-info span.cart-qty{display:block} .header-container.type4 .main-nav{margin:0} .header-container.type4 .main-nav ul.menu>li>a{padding-top:14px;padding-bottom:14px} .header-container.type4 .header .mini-cart .topCartContent{right:0;top:40px} .header-container.type4 .header-wrapper{border:0;margin-bottom:15px} .header-container.type4 .main-nav .menu-wrapper{border-radius:5px} .header-container.type4 .top-links > .top-select:first-child .selectbox .select{padding-left:0} .header-container.type4 .header .search-icon{display:none} .header-container.type4 .header .custom-block a{font-size:12px} .header-container.type5{border:0} .header-container.type5 .top-links-container{background-} .header-container.type5 .top-links-container span.split{float:right} .header-container.type5 .welcome-msg{float:left;color:#fff} .header-container.type5 .form-language,.header-container.type5 .form-currency{float:right} .header-container.type5 .search-area{position:relative;margin:0;z-index:2;left:0} .header-container.type5 .search-area .search-icon{display:none} .header-container.type5 .cart-area{height:67px;margin-top:-33px;right:0} .header-container.type5 .mini-cart{position:absolute;margin:0;top:50%;right:15px;margin-top:-33px;background-color:#f0f0f0;border:1px solid #e6e6e6} .header-container.type5 .mybag-link{position:relative;width:75px;height:65px;padding:0;line-height:65px;text-align:center} .header-container.type5 .mybag-link i{;font-size:35px} .header-container.type5 .mybag-link .cart-info{position:absolute;width:100%;text-align:center;top:50%;margin-top:-4px;left:0;padding:0;display:block;line-height:1} .header-container.type5 .mybag-link .cart-info span{display:none} .header-container.type5 .mybag-link .cart-info span.cart-qty{display:block} .header-container.type5 .menu-area{padding-right:114px} .header-container.type5 .menu-area .links-area{padding:4px 0 8px} .header-container.type5 .menu-area .links-area .links{float:none;display:inline-block;vertical-align:middle} .header-container.type5 .header .custom-block{font-size:11px;margin-right:15px} .header-container.type5 .header-wrapper{margin-right:-114px} .header-container.type5 .main-nav .menu-wrapper{background-color:transparent;text-align:right} .header-container.type5 .main-nav .menu{padding-right:78px} .header-container.type5 .main-nav ul.menu>li>a{padding:10px} .header-container.type5 .main-nav ul.menu >li.menu-full-width >a,.header-container.type5 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type5 .main-nav ul.menu >li.menu-static-width >a{padding-right:30px} .header-container.type5 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type5 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type5 .main-nav ul.menu >li.menu-static-width >a:after{right:10px} .header-container.type5 .topCartContent{top:66px;right:-1px} .header-container.type5 .topCartContent:before{right:29px} .header-container.type5 .main-nav .menu >li.menu-static-width .nav-sublist-dropdown{right:0} .header-container.type6{border:0} .header-container.type6 .top-links-container{background-;color:#fff} .header-container.type6 .top-links a{color:#fff} .header-container.type6 .selectbox .select{color:#fff} .header-container.type6 .header{display:block;vertical-align:middle;padding:28px 0} .header-container.type6 .header > .logo{display:block;padding:0 15px;margin:0 10px 0 0;float:left} .header-container.type6 .header > .logo img{height:50px} .header-container.type6 .header .search-area{position:relative;margin:0;display:block;float:left;top:0;left:0;height:50px;z-index:2} .header-container.type6 .header .search-area a.search-icon{display:block;line-height:50px;margin-right:25px} .header-container.type6 .header #search_mini_form{display:none;width:0;margin:0} .header-container.type6 .header .form-search{width:450px;position:absolute;left:-50px;top:50px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc} .header-container.type6 .header .form-search:before{content:"";display:block;position:absolute;left:45px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type6 .header .custom-block{display:inline-block;text-align:center;height:40px;line-height:40px} .header-container.type6 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #ccc;margin:0 13px} .header-container.type6 .header .custom-block a{font-size:12px} .header-container.type6 .header .mini-cart{display:inline-block;position:relative;padding:0;margin:0;vertical-align:middle;top:0;left:0} .header-container.type6 .mybag-link{position:relative;height:40px;padding:0;line-height:40px;text-align:center;top:-3px} .header-container.type6 .mybag-link i{;font-size:35px} .header-container.type6 .mybag-link .cart-info{position:absolute;width:100%;text-align:center;top:50%;margin-top:-4px;left:0;padding:0;display:block;line-height:1} .header-container.type6 .mybag-link .cart-info span{display:none} .header-container.type6 .mybag-link .cart-info span.cart-qty{display:block} .header-container.type6 .menu-icon{} .header-container.type6 .main-nav{margin:0;height:30px} .header-container.type6 .main-nav ul.menu>li>a{padding:9px 15px} .header-container.type6 .header .mini-cart .topCartContent{right:0;top:40px} .header-container.type6 .header-wrapper{border:0;display:block;padding:10px 0} .header-container.type6 .main-nav .menu-wrapper{border-radius:0;background-color:transparent} .header-container.type6 .main-nav .menu{padding-right:300px} .header-container.type6 .top-links > .top-select:first-child .selectbox .select{padding-left:0} .header-container.type6 .main-nav ul.menu >li.menu-full-width >a,.header-container.type6 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type6 .main-nav ul.menu >li.menu-static-width >a{padding-right:25px} .header-container.type6 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type6 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type6 .main-nav ul.menu >li.menu-static-width >a:after{right:10px} .header-container.type14{border:0} .header-container.type14 .top-links-container{background-;color:#fff} .header-container.type14 .top-links a{color:#fff} .header-container.type14 .selectbox .select{color:#fff} .header-container.type14 .header{display:block;vertical-align:middle;padding:28px 0} .header-container.type14 .header > .logo{display:block;padding:0 15px;margin:0 10px 0 0;float:left} .header-container.type14 .header > .logo img{height:50px} .header-container.type14 .header .search-area{position:relative;margin:0;display:block;float:right;top:0;left:0;height:50px;z-index:2} .header-container.type14 .header .search-area a.search-icon{display:block;line-height:50px;margin-right:10px} .header-container.type14 .header #search_mini_form{display:none;width:0;margin:0} .header-container.type14 .header .form-search{width:450px;position:absolute;right:-50px;top:50px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc} .header-container.type14 .header .form-search:before{content:"";display:block;position:absolute;right:55px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type14 .header .custom-block{display:inline-block;text-align:center;height:40px;line-height:40px} .header-container.type14 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #ccc;margin:0 13px} .header-container.type14 .header .custom-block a{font-size:12px} .header-container.type14 .header .mini-cart{display:inline-block;position:relative;padding:0;margin:0;vertical-align:middle;top:0;left:0;margin-right:15px} .header-container.type14 .mybag-link{position:relative;padding:0;line-height:40px;text-align:center} .header-container.type14 .mybag-link i{;font-size:18px;vertical-align:top} .header-container.type14 .mybag-link .cart-info{padding:0;;vertical-align:top} .header-container.type14 .mybag-link .cart-info span{display:inline-block;font-size:11px;font-weight:400} .header-container.type14 .mybag-link .cart-info span.cart-qty{margin-right:5px} .header-container.type14 .menu-icon{} .header-container.type14 .main-nav{margin:0;height:30px} .header-container.type14 .main-nav ul.menu>li>a{padding:9px 15px} .header-container.type14 .header .mini-cart .topCartContent{right:0;top:40px} .header-container.type14 .header-wrapper{border:0;padding:10px 0} .header-container.type14 .main-nav .menu-wrapper{border-radius:0;background-color:transparent} .header-container.type14 .main-nav .menu{text-align:right;padding-right:120px} .header-container.type14 .top-links > .top-select:first-child .selectbox .select{padding-left:0} .header-container.type14 .main-nav ul.menu >li.menu-full-width >a,.header-container.type14 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type14 .main-nav ul.menu >li.menu-static-width >a{padding-right:25px} .header-container.type14 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type14 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type14 .main-nav ul.menu >li.menu-static-width >a:after{right:10px} .header-container.type7{border:0} .header-container.type7 .top-links-container{background-;color:#fff} .header-container.type7 .top-links a{color:#fff} .header-container.type7 .selectbox .select{color:#fff} .header-container.type7 .header{display:block;vertical-align:middle;padding:28px 0;text-align:center} .header-container.type7 .header > .logo{display:inline-block;padding:0 15px;margin:0;float:none} .header-container.type7 .header > .logo img{height:50px} .header-container.type7 .header .search-area{position:absolute;margin:0;display:block;float:none;top:50%;left:0;height:50px;pointer-events:none;margin-top:-25px;z-index:2} .header-container.type7 .header .search-area a.search-icon{display:block;line-height:50px;margin-left:15px;margin-right:15px;pointer-events:all;float:left} .header-container.type7 .header #search_mini_form{width:450px;display:none;pointer-events:all} .header-container.type7 .header .custom-block{display:inline-block;text-align:center;height:40px;line-height:40px} .header-container.type7 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #ccc;margin:0 13px} .header-container.type7 .header .custom-block a{font-size:12px} .header-container.type7 .header .mini-cart{display:inline-block;position:static;padding:0;margin:0;vertical-align:middle} .header-container.type7 .mybag-link{position:relative;height:40px;padding:0;line-height:40px;text-align:center;top:-3px} .header-container.type7 .mybag-link i{;font-size:35px} .header-container.type7 .mybag-link .cart-info{position:absolute;width:100%;text-align:center;top:50%;margin-top:-4px;left:0;padding:0;display:block;line-height:1} .header-container.type7 .mybag-link .cart-info span{display:none} .header-container.type7 .mybag-link .cart-info span.cart-qty{display:block} .header-container.type7 .main-nav{margin:0;height:30px} .header-container.type7 .main-nav ul.menu>li>a{padding:9px 15px} .header-container.type7 .header .mini-cart .topCartContent{right:0;top:40px} .header-container.type7 .header-wrapper{border:0;display:block;padding:10px 0} .header-container.type7 .main-nav .menu-wrapper{border-radius:0;background-color:transparent} .header-container.type7 .main-nav .menu{padding-right:300px} .header-container.type7 .top-links > .top-select:first-child .selectbox .select{padding-left:0} .header-container.type7 .main-nav ul.menu >li{pointer-events:all} .header-container.type7 .main-nav ul.menu >li.menu-full-width >a,.header-container.type7 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type7 .main-nav ul.menu >li.menu-static-width >a{padding-right:25px} .header-container.type7 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type7 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type7 .main-nav ul.menu >li.menu-static-width >a:after{right:10px} .header-container.type7 .header #search_mini_form{display:none;margin:0} .header-container.type7 .header .form-search{width:450px;position:absolute;left:-10px;top:50px;overflow:visible;border-width:5px;border-radius:25px;background-color:#fff} .header-container.type7 .header .form-search:before{content:"";display:block;position:absolute;left:20px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type8{border:0;background-color:#f0f0ed} .header-container.type8 .top-links-container{background-;color:#777} .header-container.type8 .top-links-area{float:none;display:inline-block;color:#777} .header-container.type8 .links{float:none;display:inline-block;color:#777} .header-container.type8 .links li{padding:0 10px;border:0;border-right:1px solid #ccc} .header-container.type8 .links li.last{padding-right:10px} .header-container.type8 .links li.first{padding-left:0} .header-container.type8 .top-links-icon a{color:#777} .header-container.type8 .links a{color:#777} .header-container.type8 .selectbox .select{color:#777} .header-container.type8 .header{display:block;vertical-align:middle;padding:28px 0} .header-container.type8 .header > .logo{display:block;padding:0 15px;margin:0 10px 0 0;float:left} .header-container.type8 .header > .logo img{height:50px} .header-container.type8 .header .search-area{position:relative;margin:0;display:inline-block;top:0;left:0;height:40px;z-index:5} .header-container.type8 .header .search-area a.search-icon{display:block;line-height:40px;margin:0 10px;color:#777} .header-container.type8 .form-language,.header-container.type8 .form-currency{display:inline-block;vertical-align:middle;float:none;background-color:#e2e2dc;border-radius:3px;margin-right:5px} .header-container.type8 .header .custom-block{display:inline-block;text-align:center;height:40px;line-height:40px} .header-container.type8 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #ccc;margin:0 13px} .header-container.type8 .header .custom-block a{font-size:12px} .header-container.type8 .switcher-area{display:inline-block;vertical-align:middle} .header-container.type8 .header .mini-cart{display:inline-block;position:relative;top:0;left:0;right:auto;padding:0;margin:0;vertical-align:middle;background-color:#e2e2dc;border-radius:3px} .header-container.type8 .mybag-link{height:auto;padding:3px 7px} .header-container.type8 .mybag-link i{color:#777;font-size:16px} .header-container.type8 .mybag-link .cart-info{color:#777} .header-container.type8 .mybag-link .cart-info span{display:inline-block;font-size:12px;line-height:14px;font-weight:300;text-transform:none} .header-container.type8 .mybag-link .cart-info span.cart-qty{margin-right:3px} .header-container.type8 .main-nav{margin:0;height:30px} .header-container.type8 .main-nav ul.menu>li>a{padding:9px 10px} .header-container.type8 .header .mini-cart .topCartContent{right:0;top:26px} .header-container.type8 .header-wrapper{border:0;display:block;padding:10px 0} .header-container.type8 .main-nav .menu-wrapper {border-radius: 0; background-color: transparent; top: 0;} .header-container.type8 .top-links > .top-select:first-child .selectbox .select{padding-left:0} .header-container.type8 .main-nav ul.menu >li.menu-full-width >a,.header-container.type8 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type8 .main-nav ul.menu >li.menu-static-width >a{padding-right:20px} .header-container.type8 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type8 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type8 .main-nav ul.menu >li.menu-static-width >a:after{right:5px} .header-container.type8 .menu-icon a{color:#777} .header-container.type8 .header #search_mini_form{width:auto;display:none;margin:0} .header-container.type8 .header .form-search{width:450px;position:absolute;right:-100px;top:50px;overflow:visible;border-width:5px;border-radius:25px;background-color:#fff} /*.header-container.type8 .header .form-search:before{content:"";display:block;position:absolute;right:105px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc}*/ .main-nav{background-color:transparent;font-size:12px;border:0;padding:0;text-align:left} .main-nav .menu-wrapper{background-color:#f0f0ed;border-radius:5px 5px 0 0;position:relative} .mega-columns.row{margin-right:-10px;margin-left:-10px} .menu_thumb_img{padding:15px 0 0} .fixed-header-area .menu >li{padding:0!important} .fixed-header a.logo img{height:50px;margin:10px 0} .fixed-header .mini-products-list a{color:#777} .fixed-header-area .fixed-header .menu{float:none;margin:7px 0} .fixed-header ul.menu >li,.main-nav ul.menu >li{padding:0;border-radius:5px} .fixed-header ul.menu >li.menu-full-width,.fixed-header ul.menu >li.menu-item-has-children,.main-nav ul.menu >li.menu-full-width,.main-nav ul.menu >li.menu-item-has-children,.fixed-header ul.menu >li.menu-static-width,.fixed-header ul.menu >li.menu-item-has-children,.main-nav ul.menu >li.menu-static-width,.fixed-header ul.menu >li.menu-full-width.act:hover,.fixed-header ul.menu >li.menu-item-has-children.act:hover,.main-nav ul.menu >li.menu-full-width.act:hover,.main-nav ul.menu >li.menu-item-has-children.act:hover,.fixed-header ul.menu >li.menu-static-width.act:hover,.fixed-header ul.menu >li.menu-item-has-children.act:hover,.main-nav ul.menu >li.menu-static-width.act:hover{padding:0;border-radius:5px 5px 0 0} .fixed-header ul.menu >li .nav-sublist-dropdown,.main-nav ul.menu >li .nav-sublist-dropdown{border:0;background-color:#fff;border-radius:0 6px 6px 6px;padding:5px 0;min-width:160px;width:auto;box-shadow:0 2px 10px -2px rgba(0,0,0,.3);border-top:5px solid #08c} .fixed-header .menu-wrapper{position:relative} .fixed-header ul.menu >li >a,.main-nav ul.menu >li >a{font-size:12px;text-transform:uppercase;} .fixed-header ul.menu >li >a{padding:13px 20px} .fixed-header ul.menu >li.menu-full-width >a,.fixed-header ul.menu >li.menu-item-has-children >a,.main-nav ul.menu >li.menu-full-width >a,.main-nav ul.menu >li.menu-item-has-children >a,.fixed-header ul.menu >li.menu-static-width >a,.main-nav ul.menu >li.menu-static-width >a{padding-right:30px} /*.fixed-header ul.menu >li.menu-full-width >a:after,.fixed-header ul.menu >li.menu-item-has-children >a:after,.main-nav ul.menu >li.menu-full-width >a:after,.main-nav ul.menu >li.menu-item-has-children >a:after,.fixed-header ul.menu >li.menu-static-width >a:after,.main-nav ul.menu >li.menu-static-width >a:after{content:'\e81c';font-family:"porto";width:10px;height:10px;top:50%;right:15px;left:auto;margin-top:-7px}*/ .fixed-header ul.menu >li,.main-nav ul.menu >li{transition:all .1s;margin-right:3px} .fixed-header ul.menu >li:first-child,.main-nav ul.menu >li:first-child{margin-right:0} .fixed-header ul.menu >li:hover,.main-nav ul.menu >li:hover,.fixed-header ul.menu >li.act,.main-nav ul.menu >li.act{/*background-;*/ text-decoration:none} .fixed-header ul.menu >li.act,.main-nav ul.menu >li.act{border-radius:5px} .fixed-header ul.menu >li:hover >a,.main-nav ul.menu >li:hover >a,.fixed-header ul.menu >li.act >a,.main-nav ul.menu >li.act >a{color:#fff;text-decoration:none} .fixed-header .menu >li.menu-full-width .nav-sublist-dropdown,.main-nav .menu >li.menu-full-width .nav-sublist-dropdown{border:0;border-radius:0 0 5px 5px;background-color:#fff;padding:10px 0 20px;border-top:5px solid #08c;text-align:left} .fixed-header .menu >li.menu-static-width .nav-sublist-dropdown,.main-nav .menu >li.menu-static-width .nav-sublist-dropdown{border:0;border-top:5px solid #08c;border-radius:0 0 5px 5px;background-color:#fff;padding:10px 0 20px} .fixed-header .menu >li.menu-full-width .nav-sublist-dropdown,.fixed-header .menu >li.menu-static-width .nav-sublist-dropdown{top:38px} .fixed-header a,.main-nav a{color:#fff} .fixed-header a:hover,.main-nav a:hover{color:#fff} .fixed-header .menu >li .nav-sublist-dropdown .container ul >li a,.main-nav .menu >li .nav-sublist-dropdown .container ul >li a{border:0;padding:10px 30px 10px 5px;margin:0 8px;border-top:1px solid rgba(255,255,255,.2)} .fixed-header .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist,.fixed-header .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist,.main-nav .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist,.main-nav .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist{right:100%} .fixed-header .menu >li.menu-item-has-children .nav-sublist-dropdown .container ul >li a,.main-nav .menu >li.menu-item-has-children .nav-sublist-dropdown .container ul >li a{text-decoration:none} .fixed-header .menu >li.menu-item-has-children .nav-sublist-dropdown .container ul >li:hover >a,.main-nav .menu >li.menu-item-has-children .nav-sublist-dropdown .container ul >li:hover >a{background-color:#f4f4f4} .fixed-header .menu >li .nav-sublist-dropdown .container ul >li:first-child a,.main-nav .menu >li .nav-sublist-dropdown .container ul >li:first-child a{border:0} .menu img{max-width:100%} .fixed-header .menu >li .nav-sublist-dropdown .container >ul .menu-item-has-children >a:before,.main-nav .menu >li .nav-sublist-dropdown .container >ul .menu-item-has-children >a:before{font-family:'porto';content:'\e81a';font-size:12px;top:50%;margin-top:-10px;margin-left:0} .fixed-header .menu >li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist,.main-nav .menu >li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist{border-radius:5px;top:-4px;padding:5px 0;left:100%} .fixed-header .menu >li.menu-item .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist,.main-nav .menu >li.menu-item .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist{background-color:#fff;box-shadow:0 2px 10px -2px rgba(0,0,0,.3)} .fixed-header .menu >li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist li,.main-nav .menu >li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist li{background-color:transparent} .fixed-header .menu >li .nav-sublist-dropdown .container >ul .menu-item-has-children .nav-sublist li:last-child a,.main-nav .menu >li .nav-sublist-dropdown .container >ul .menu-item-has-children .nav-sublist li:last-child a{border-bottom:0} .fixed-header .menu >li .nav-sublist-dropdown .container >ul .menu-item-has-children >.nav-sublist li a,.main-nav .menu >li .nav-sublist-dropdown .container >ul .menu-item-has-children >.nav-sublist li a{border-top:1px solid rgba(255,255,255,.2)} .fixed-header .menu >li .nav-sublist-dropdown .container >ul .menu-item-has-children .nav-sublist li:first-child a,.main-nav .menu >li .nav-sublist-dropdown .container >ul .menu-item-has-children .nav-sublist li:first-child a{border-top:0} /*.fixed-header .menu >li.menu-full-width .nav-sublist-dropdown .container ul >li >a.level1,.main-nav .menu >li.menu-full-width .nav-sublist-dropdown .container ul >li >a.level1,.fixed-header .menu >li.menu-static-width .nav-sublist-dropdown .container ul >li >a.level1,.main-nav .menu >li.menu-static-width .nav-sublist-dropdown .container ul >li >a.level1{font-size:14px;font-weight:600;padding:0 5px;margin-top:10px}*/ .fixed-header .menu >li.menu-full-width .nav-sublist-dropdown .container ul li a:before,.main-nav .menu >li.menu-full-width .nav-sublist-dropdown .container ul li a:before,.fixed-header .menu >li.menu-static-width .nav-sublist-dropdown .container ul li a:before,.main-nav .menu >li.menu-static-width .nav-sublist-dropdown .container ul li a:before{display:none} /*.fixed-header .menu >li.menu-full-width .nav-sublist-dropdown .container ul >li .nav-sublist ul li ul,.main-nav .menu >li.menu-full-width .nav-sublist-dropdown .container ul >li .nav-sublist ul li ul,.fixed-header .menu >li.menu-static-width .nav-sublist-dropdown .container ul >li .nav-sublist ul li ul,.main-nav .menu >li.menu-static-width .nav-sublist-dropdown .container ul >li .nav-sublist ul li ul{margin-left:10px}*/ .menu-icon{vertical-align:middle;display:none;text-align:right;padding-left:20px;font-size:20px;height:60px;pointer-events:all} .fixed-header .menu>li .nav-sublist-dropdown:before,.main-nav .menu>li .nav-sublist-dropdown:before{top:-2px} .fixed-header .menu > li .nav-sublist-dropdown .container,.main-nav .menu > li .nav-sublist-dropdown .container{width:auto} .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown a,.main-nav .menu > li.menu-full-width .nav-sublist-dropdown a,.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown a,.main-nav .menu > li.menu-static-width .nav-sublist-dropdown a{color:#777} .fixed-header .mini-cart{background-color:transparent;position:static;margin:0;display:inline-block;vertical-align:middle} .fixed-header .mybag-link{position:relative;padding:2px 0} .fixed-header .mybag-link i{font-size:35px;} .fixed-header .mybag-link .cart-info{display:block;position:absolute;text-align:center;width:100%;top:50%;margin-top:-8px} .fixed-header .mybag-link .cart-qty{display:block;font-size:16px;color:#fff} .fixed-header .mybag-link span{display:none} .page{position:relative;left:0;transition:left .3s} /*body.mobile-nav-shown .page{left:250px}*/ /*.mobile-nav-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;z-index:998;opacity:0;filter:alpha(opacity=0);visibility:hidden;transition:all .3s}*/ /*body.mobile-nav-shown .mobile-nav-overlay{opacity:.15;filter:alpha(opacity=15);visibility:visible}*/ /*.mobile-nav.side-block{position:fixed;top:0;left:-250px;z-index:999;width:250px;height:100%;overflow-y:scroll;padding-top:20px;padding-bottom:20px;transition:all .3s;display:block!important}*/ /*body.mobile-nav-shown .mobile-nav.side-block{left:0}*/ .mobile-nav.side-block .sw-mobile-menu li>a{background-color:transparent;color:#fff;border:0;padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mobile-nav.side-block .sw-mobile-menu>li:first-child>a{border:0} .mobile-nav.side-block .sw-mobile-menu>li>ul li{background-color:transparent} .mobile-nav.side-block .sw-mobile-menu li .open-child{background-color:transparent;color:#fff} .mobile-nav.side-block .sw-mobile-menu li:hover>.open-child{color:#fff} .mobile-nav.side-block .sw-mobile-menu li>.open-child:hover{background-color:transparent} .mobile-nav.side-block .sw-mobile-menu li .open-child:after{content:"\e856";font-family:"porto";font-size:19px;text-align:center;line-height:19px;background:transparent;opacity:1} .mobile-nav.side-block .sw-mobile-menu li.over>.open-child:after{background:transparent;content:"\e857"} .mobile-nav .sw-mobile-menu > li > ul > li a{margin-left:10px;white-space:nowrap} .mobile-nav .sw-mobile-menu > li > ul > li li a{margin-left:20px} .mobile-nav .sw-mobile-menu > li > ul,.mobile-nav .sw-mobile-menu > li ul{width:100%} .home-side-menu{background-color:#fbfbfb;border:1px solid #ddd;border-radius:5px;margin-bottom:27px} .home-side-menu h2.side-menu-title{background-color:#f5f5f5;color:#a39f9c;font-size:13px;font-weight:700;line-height:1;padding:14px 15px;border-radius:5px 5px 0 0;margin:0;border-bottom:1px solid #ddd} .menu.side-menu{padding:0;list-style:none;margin:0} .menu.side-menu>li{position:relative;transition:all .2s} .menu.side-menu>li:hover{background-} .menu.side-menu>li>a{position:relative;font-size:14px;font-weight:400;padding:13px 5px;display:block;margin:0 10px;border-top:1px solid #ddd} .menu.side-menu>li:hover>a{color:#fff;border-color:transparent} .menu.side-menu>li:first-child>a{border-top:0} .menu.side-menu>li>a:hover{text-decoration:none} .menu.side-menu li.menu-item-has-children,.menu.side-menu li.menu-item-has-children>a{position:relative} .menu.side-menu>li.menu-static-width>a:after,.menu.side-menu>li.menu-item-has-children>a:after,.menu.side-menu>li.menu-item-has-children li.menu-item-has-children>a:after,.menu.side-menu>li.menu-full-width>a:after{content:"\e814";font-family:"porto";width:10px;height:10px;top:50%;right:0;left:auto;margin-top:-7px;position:absolute;font-size:13px;} .menu.side-menu>li.menu-static-width:hover>a:after,.menu.side-menu>li.menu-item-has-children:hover>a:after,.menu.side-menu>li.menu-item-has-children li.menu-item-has-children:hover>a:after,.menu.side-menu>li.menu-full-width:hover>a:after{color:#fff} .menu.side-menu>li.menu-item-has-children li.menu-item-has-children>a:after{color:#fff} .menu.side-menu>li .nav-sublist-dropdown{display:none;position:absolute;z-index:10000;width:200px;border:0;background-color:#fff;border-radius:0 5px 5px 7px;padding:10px 0;left:100%;top:0;border-left:5px solid #08c;box-shadow:1px 0 1px rgba(0,0,0,0.5)} .menu.side-menu>li.menu-full-width .nav-sublist-dropdown{width:869px;padding:15px 0 25px} .menu.side-menu>li.menu-item-has-children .nav-sublist-dropdown{background-;border:0} .menu.side-menu .container{max-width:100%;padding:0} .menu.side-menu img{max-width:100%} .menu.side-menu a,.menu.side-menu a:hover{color:#777;line-height:1} .menu.side-menu>li.menu-item-has-children .nav-sublist-dropdown a{color:#fff} .menu.side-menu>li .nav-sublist-dropdown ul{padding:0;margin:0;list-style:none} .menu.side-menu>li.menu-static-width .nav-sublist-dropdown{padding:10px 0 25px} .menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container ul>li a{text-decoration:none} .menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container>ul>li>a{border:0;padding:13px 5px;margin:0 8px;display:block;border-top:1px solid rgba(255,255,255,.2)} .menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container>ul>li:first-child>a{border:0} .menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container ul>li:hover>a{background-color:#0099e6} .menu.side-menu>li.menu-item-has-children .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist{border-radius:5px;background-;top:-10px;padding:10px 0;position:absolute;left:199px;display:none} .menu.side-menu>li .nav-sublist-dropdown .container>ul .menu-item-has-children:hover>.nav-sublist{display:block} .menu.side-menu>li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist li{width:200px;background-color:transparent} .menu.side-menu li.menu-item-has-children .nav-sublist li>a{border-top:1px solid rgba(255,255,255,0.2);padding:13px 5px;margin:0 8px;display:block} .menu.side-menu li.menu-item-has-children .nav-sublist li:first-child>a{border:0} .menu.side-menu >li .nav-sublist-dropdown .container ul >li a{padding:13px 5px;margin:0 8px;display:block} .menu.side-menu >li.menu-static-width .nav-sublist-dropdown .container ul >li a,.menu.side-menu >li.menu-full-width .nav-sublist-dropdown .container ul >li a{padding:5px} .menu.side-menu >li.menu-static-width .nav-sublist-dropdown .container ul >li a.menu_thumb_link,.menu.side-menu >li.menu-full-width .nav-sublist-dropdown .container ul >li a.menu_thumb_link{padding:0 5px 10px} .menu.side-menu>li.menu-full-width .nav-sublist-dropdown .container ul>li>a.level1,.menu.side-menu>li.menu-static-width .nav-sublist-dropdown .container ul>li>a.level1{font-size:14px;font-weight:600;margin-top:10px;margin-bottom:5px;text-transform:uppercase;line-height:1.5;padding:0 5px;color:#333} .menu.side-menu >li.menu-full-width .nav-sublist-dropdown .container ul >li .nav-sublist ul li ul,.menu.side-menu >li.menu-static-width .nav-sublist-dropdown .container ul >li .nav-sublist ul li ul{margin-left:10px} .block{margin:0 0 40px} /*.block .block-title{margin:5px 0 10px;line-height:1.2;font-size:16px;font-weight:700;color:#313131} .block .block-title a{text-decoration:none!important}*/ .block .block-subtitle{margin:0;font-size:13px} #poll-answers{margin:0 20px 10px} #poll-answers li{padding:5px 0} .block .block-content li.item{padding:7px 9px} /*.block .block-content ol{margin:10px 0}*/ .block .block-content ol li.item{padding:3px 0} .block .block-content ol li.item .product-name{margin:0} .block .btn-remove,.block .btn-edit{float:right;margin:0 0 0 5px} .block .actions{font-size:13px;text-align:right} .block .actions a{float:left;margin:5px 0} .block .actions button.button{float:right} .block .actions button.button span{height:24px;padding:0 5px;font-size:13px;line-height:24px} .block .empty{margin:0;padding:10px 0} .mini-products-list .product-image{float:left} .mini-products-list .product-details{margin-left:70px;text-align:left;line-height:1.4} .mini-products-list li{padding:10px 0;position:relative} .mini-products-list li .product-name a{color:#777} .mini-products-list li .product-name a:hover{} .mini-products-list li a.btn-remove{position:absolute;right:0;top:9px;color:#777} .mini-products-list li .product-image{border:1px solid #ddd;background-color:#fff;padding:2px;border-radius:4px} .mini-products-list li .product-image img{width:50px;height:auto} .block .block-content .mini-products-list li.item{padding:10px 0} .mini-products-list .price-box{margin:5px 0} .block.block-banner{border:0} .block.block-banner .block-content{text-align:center} .block.block-banner img{max-width:100%} .block.block-subscribe{border-radius:5px} .block.block-subscribe .block-title{background-color:transparent;border:0} .block.block-subscribe .block-title strong{font-size:1.4em;text-transform:none;font-weight:400;padding-bottom:10px} .block.block-subscribe .block-content{background-color:transparent} .block.block-subscribe .form-subscribe-header{padding:10px 20px} .block.block-subscribe label{font-size:14px} .block.block-subscribe .input-box{padding:10px 20px 20px} .block.block-subscribe .input-box input.input-text{width:100%;height:34px;padding:5px} .block.block-subscribe .actions{background-color:transparent;border:0;padding:0 20px 20px} .block.block-subscribe .actions button.button span{height:34px;line-height:34px} .block.block-subscribe.home-sidebar-block{border:1px solid #ddd;border-top:5px solid #08c;border-radius:7px;background-color:#fbfbfb;text-align:center;padding:25px 20px 0} .block.block-subscribe.home-sidebar-block .block-title strong{font-size:16px;color:#313131;font-weight:700;text-transform:uppercase;padding:30px 0 20px} .block.block-subscribe.home-sidebar-block .block-content p{line-height:1.8} .block.block-subscribe.home-sidebar-block .input-box{padding:10px 10px 40px} .block.block-subscribe.home-sidebar-block .input-box input.input-text{float:left;padding:5px 60px 5px 10px;border:1px solid #d3d3d3;border-radius:5px;background-color:#fefefe;line-height:16px} .block.block-subscribe.home-sidebar-block button.button{float:left;margin-left:-51px;width:50px;height:34px} .block.block-subscribe.home-sidebar-block button.button span{min-width:49px;padding:0;line-height:32px;height:32px;background-color:#fefefe;color:#515151;border:0;border-left:1px solid #d3d3d3;border-radius:0 5px 5px 0} .block.block-subscribe.home-sidebar-block button.button span span{border:0} .parallax-subscribe input.input-text{background-color:#e3e2e2;color:#666;height:34px;line-height:18px;padding:8px 100px 8px 10px;width:100%} .parallax-subscribe button.button{position:absolute;z-index:1;right:0;top:0} .parallax-subscribe button.button span{height:34px;line-height:34px;padding:0;border-radius:0 3px 3px 0;width:90px;min-width:90px} .block.block-layered-nav{border:0;margin-top:-14px} .block.block-layered-nav .block-content{background-color:transparent} .block.block-layered-nav .block-content ol{margin:0} dl#narrow-by-list{margin:0} /*.block-layered-nav dt,.block-layered-nav .currently .block-subtitle,.block-category-nav .block-title{padding:10px 15px;font-size:13px;font-weight:700;text-transform:uppercase;border:1px solid #ddd;background-color:#f5f5f5;color:#777;position:relative;cursor:pointer;border-radius:7px 7px 0 0;margin-top:14px}*/ .catalog-category-view .block-category-nav .block-title{margin-bottom:0} /*.block-layered-nav dt.closed,.block-category-nav .block-title.closed{border-radius:7px}*/ /*.block-layered-nav dt:before,.block-category-nav .block-title:before{content:"\e80d";width:26px;height:26px;display:block;border:1px solid #ddd;font-family:'porto';position:absolute;right:15px;top:50%;margin-top:-13px;border-radius:3px;color:#ccc;text-align:center;line-height:24px;background-color:#fff;font-size:10px}*/ .block-layered-nav dt.closed:before,.block-category-nav .block-title.closed:before{content:"\e80b"} /*.block-layered-nav dt:hover:before,.block-category-nav .block-title:hover:before{background-;color:#fff}*/ .block-layered-nav dd,.block-category-nav .block-content{padding:10px 15px;font-size:13px;border:1px solid #ddd;border-top:0;border-radius:0 0 7px 7px;background-color:#fbfbfb} .block-layered-nav dd a{color:#777;font-size:13px;line-height:2.5} .block-layered-nav .currently ol{border:1px solid #ddd;border-width:0 1px;background-color:#fbfbfb;padding:10px 0;margin:0} .block-layered-nav .currently li{padding:5px 15px;position:relative;z-index:1;line-height:1.5} .block-layered-nav .currently .label{padding:0;text-transform:uppercase;display:inline-block;vertical-align:middle} .block-layered-nav .currently .value{display:inline-block;vertical-align:middle} .block-layered-nav .currently .btn-previous,.block-layered-nav .currently .btn-remove{position:absolute;right:15px;top:4px;margin:0;line-height:21px;padding:0} .block-layered-nav .currently .btn-previous{right:17px} .block-layered-nav .actions{font-size:11px;padding:10px 15px;background:#f7f7f7;border:1px solid #ddd;border-radius:0 0 7px 7px;text-align:right;margin-bottom:14px} .block-layered-nav .actions a{float:none} .price.price-filter-slider{margin:15px 0 10px;white-space:normal!important} .price-filter-slider .text-box{text-align:center} .price-filter-slider .text-box >span{line-height:26px;vertical-align:middle} .price-filter-slider .text-box *{white-space:normal;margin:5px 0} .price-filter-slider .text-box input.go{background-;border:0;height:26px;line-height:26px;color:#fff;border-radius:5px;padding:0 10px;font-size:14px} .block-currency select{width:240px;max-width:100%} .cms-index-index .block-category-nav{margin:0} .block-category-nav{border-radius:7px;border-color:#ddd;overflow:hidden;margin-bottom:28px;line-height:1.42857143} .block-category-nav .block-title{cursor:pointer;} .block-category-nav .block-title strong{padding:0} .block-category-nav .block-content{padding:10px 15px} .block-category-nav .category-list{list-style:none;padding:0;margin:0} .block-category-nav .category-list li{position:relative} .block-category-nav .category-list a{color:#777;font-size:13px;line-height:2.5} .block-category-nav .category-list ul{padding-left:15px;margin:0;list-style:none;display:none} .block-category-nav .category-list a.plus{position:absolute;right:1px;;font-size:16px;line-height:32px} /*.top-container .category-banner{background-color:transparent} .top-container .category-banner .banner-image{width:100%} .category-banner .owl-theme .owl-controls{position:relative;margin-top:-30px;height:30px} .category-banner .banner-text{position:absolute;top:30%;width:100%;color:#fff} .category-banner .banner-text h2{font-size:50px;color:#fff} .category-banner .banner-text p{font-size:26px;font-weight:300}*/ .category-boxed-banner{margin-bottom:25px} .category-boxed-banner.owl-theme .owl-controls{margin-top:-30px;position:relative;height:30px} .category-boxed-banner.owl-theme .owl-controls .owl-page span{background:#fff} .category-boxed-banner .owl-item .item{border-radius:5px;overflow:hidden;position:relative} .category-boxed-banner .owl-item .item img{width:100%;height:auto} .category-boxed-banner .banner-text{position:absolute;top:40%;left:4%;color:#fff;width:100%} .category-boxed-banner .banner-text h2{font-size:35px;color:#fff;background-color:#333;background-color:rgba(23,23,23,.9);padding:5px 10px;display:inline-block;line-height:1} .category-boxed-banner .banner-text p{font-size:16px;font-weight:300;background-color:#666;background-color:rgba(23,23,23,.65);padding:7px 12px;line-height:1.4} .category-boxed-banner .banner-text a.shop-now{margin-left:20px;font-size:16px} .category-image{width:100%;overflow:hidden;margin:0 0 30px;text-align:center} .category-image img{width:100%} .category-description{margin:0 0 15px} .category-products .products-grid{margin-left:-10px;margin-right:-10px;list-style:none} .category-products .products-grid li.item{float:left;padding:10px;padding-bottom:0!important} .category-products .products-grid li.item .item-area{width:100%;position:relative} .category-products .products-grid li.item .product-image{width:100%;display:block;position:relative;z-index:0;overflow:hidden;border-radius:3px;background:#fff;min-height:100px} .category-products li.item .product-image img{width:100%;transition:all .3s} .category-products li.item .product-image img.defaultImage{opacity:1;filter:alpha(opacity=100)} .category-products li.item .product-image img.hoverImage{position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)} .category-products li.item .product-image-area:hover .product-image img.defaultImage{opacity:0;filter:alpha(opacity=0)} .category-products li.item .product-image-area:hover .product-image img.hoverImage{opacity:1;filter:alpha(opacity=100)} .category-products .products-grid li.item .details-area{padding:10px;text-align:center} .category-products .products-grid li.item .details-area .product-name{margin:0 0 3px} .category-products .products-grid li.item .details-area .product-name a{font-size:14px} .col-main.filter-products .product-name a{color:#fff} .col-main.filter-products li.item:hover .details-area .product-name a{color:#777} .col-main.filter-products .price-box .price{color:#fff} .col-main.filter-products li.item:hover .price-box .price{} .col-main.filter-products li.item:hover .price-box .old-price .price{color:#a0a09f} .category-products .products-grid li.item .details-area .ratings .amount{display:none} .item .item-area .details-area .ratings .amount{display:none} /*a.addtocart{color:#333;background-color:#fff;font-size:14px;padding:0 10px 0 5px;display:inline-block;height:32px;line-height:30px;border-radius:5px;border:1px solid #ccc}*/ a.addtocart.outofstock{padding:0 10px;cursor:default} a.addtocart i.icon-cart{font-size:15px} a.addtocart:hover{text-decoration:none} a.addtowishlist{color:#ed4949;background-color:transparent;font-size:17px;display:inline-block;height:32px;width:32px;line-height:32px;border:1px solid #ed4949;border-radius:5px;text-align:center} a.addtowishlist:hover{color:#ed4949} a.comparelink{color:#52b9b5;background-color:transparent;font-size:17px;display:inline-block;height:32px;width:32px;line-height:32px;border:1px solid #52b9b5;border-radius:5px;text-align:center} a.comparelink:hover{color:#52b9b5} .item .details-area .actions{margin:0 -10px} .item .details-area .actions a{margin:10px 1px;vertical-align:middle;/*visibility:hidden;opacity:0;filter:Alpha(Opacity=0)*/} .category-products ol.products-list .item .details-area .actions a{visibility:visible;opacity:1;filter:Alpha(Opacity=100);position:static!important} .item .details-area .actions a.addtowishlist{position:relative;right:-37px} .item:hover .details-area .actions a.addtowishlist{visibility:visible;opacity:1;filter:Alpha(Opacity=100);right:0} .item .details-area .actions a.comparelink{position:relative;left:-37px} .item:hover .details-area .actions a.comparelink{visibility:visible;opacity:1;filter:Alpha(Opacity=100);left:0} .item .details-area .actions a.addtocart{visibility:visible;opacity:1;filter:Alpha(Opacity=100)} .details-area .actions a:not(.out-of-stock):hover{opacity:.8;filter:Alpha(Opacity=80)} .hide-addtolinks .item .details-area .actions a.addtowishlist,.hide-addtolinks .item .details-area .actions a.comparelink,.hide-addtocart .item .details-area .actions a.addtocart,.hide-addtolinks .item .product-image-area .actions a.addtowishlist,.hide-addtolinks .item .product-image-area .actions a.comparelink,.hide-addtocart .item .product-image-area .actions a.addtocart{display:none} .category-products .products-grid li.item .details-area .compare-area{padding:10px 0;border-top:1px solid #f7f7f7} .category-products .products-grid li.item .details-area .compare-area .comparelink{font-size:12px;float:right} .category-products .products-grid li.item .details-area .compare-area .ratings{float:left;margin:2px 0} .category-products .products-grid.columns2 li.item{width:50%} .category-products .products-grid.columns2 li.item.nth-child-2np1{clear:left} .category-products .products-grid.columns3 li.item{width:33.33%} .category-products .products-grid.columns3 li.item.nth-child-3np1{clear:left} .category-products .products-grid.columns4{margin-left:-10px;margin-right:-10px} .category-products .products-grid.columns4 li.item{float:left;padding:10px} #slideshow .category-products .products-grid.columns4 li.item:hover{padding:20px 10px} .category-products .products-grid.columns4 li.item{width:25%} .category-products .products-grid.columns4 li.item.nth-child-4np1{clear:left} .category-products .products-grid.columns5{margin-left:-5px;margin-right:-5px} .category-products .products-grid.columns5 li.item{float:left;padding:10px 5px;width:20%} .category-products .products-grid.columns5 li.item.nth-child-5np1{clear:left} .category-products .products-grid.columns6{margin-left:-4px;margin-right:-4px} .category-products .products-grid.columns6 li.item{float:left;padding:10px 4px;width:16.66%} .category-products .products-grid.columns6 li.item.nth-child-6np1{clear:left} .category-products .products-grid.columns7{margin-left:-3px;margin-right:-3px} .category-products .products-grid.columns7 li.item{float:left;padding:10px 3px;width:14.28%} .category-products .products-grid.columns7 li.item.nth-child-7np1{clear:left} .category-products .products-grid.columns8{margin-left:-3px;margin-right:-3px} .category-products .products-grid.columns8 li.item{float:left;padding:10px 3px;width:12.5%} .category-products .products-grid.columns8 li.item.nth-child-8np1{clear:left} .category-products .products-list{margin:0 -10px} .category-products .products-list li.item{width:100%;padding:10px} .category-products .products-list li.item .item-area{width:100%;position:relative} .products-list .product-image-area{width:20%;float:left} .products-list .product-image-area img{width:100%;transition:all ease-in 400ms;transform-origin:50% 0;-webkit-transform-origin:50% 0} .products-list .details-area{width:80%;float:left;padding:0 20px} .products-list .details-area .product-name{font-size:18px;line-height:1} .products-list .details-area .product-name a{color:#666} .products-list .details-area .action-area{margin-top:15px} .products-list .details-area .price-box{margin:5px 0} .products-list .details-area .short-desc{font-size:14px;line-height:1.5;color:#777} .products-list .details-area .actions{display:block;margin:0} .products-grid .ratings{margin:5px 0 10px} .products-list .ratings{background:none;margin:10px 0} .products-list .ratings .amount{display:none} .product-image-area{position:relative;background:#fff;overflow:hidden;border:1px solid #ddd;border-radius:7px;padding:3px;z-index:0} .product-label{position:absolute;font-size:14px;font-weight:700;color:#fff;line-height:1;top:10px;z-index:3} .product-label span{position:relative;padding:7px 10px;font-size:12px;font-weight:600;text-transform:uppercase;border-radius:4px} span.sale-product-icon{background-color:#e27c7c;display:block;text-align:center} span.new-product-icon{background-color:#62b959;display:block;text-align:center} .no-rating{margin-bottom:20px} .ratings{font-size:11px;line-height:1.25;margin:3px 0;background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/rating-bar.png) center no-repeat;height:14px} div.star-rating a{transition:initial} .block-related .ratings{background-image:none} .product-view .product-essential .ratings{background:none;margin-bottom:15px;height:20px} .product-view .product-essential .ratings .rating-box{width:74px;height:15px} .product-view .product-essential .ratings .rating-box .rating{height:15px} .product-view .product-essential .ratings .rating-box:before{width:74px;height:15px;font-size:13px;line-height:15px} .product-view .product-essential .ratings .rating-box .rating:before{width:74px;height:15px;font-size:13px;line-height:15px} .ratings strong{float:left;margin:1px 3px 0 0} .ratings .rating-links{margin:0;display:inline-block;vertical-align:middle;margin-left:12px} .ratings .rating-links >a,.no-rating a{line-height:20px;font-size:14px;color:#bdbdbd} .ratings .rating-links .separator{margin:0 5px;vertical-align:top;line-height:17px;color:#777} .rating-box{width:64px;height:11px;font-size:0;line-height:0;text-indent:-999em;overflow:hidden;position:relative} .rating-box:before{font-family:"porto";content:"\e852\20\e852\20\e852\20\e852\20\e852";width:64px;height:11px;color:#c3c5c9;display:block;font-size:11px;line-height:11px} .rating-box .rating{float:left;height:11px;position:absolute;left:0;top:0;overflow:hidden} .rating-box .rating:before{font-family:"porto";content:"\e852\20\e852\20\e852\20\e852\20\e852";width:64px;height:11px;color:#ffc600;display:block;font-size:11px;line-height:11px} .ratings .rating-box{display:inline-block;vertical-align:middle} .ratings-table{margin:20px 0 40px;border:1px solid #ddd} .ratings-table th,.ratings-table td{font-size:13px;line-height:1.15;padding:3px 0} .ratings-table th{font-weight:700;padding-right:8px} .ratings-table.data-table thead th{font-size:11px;padding:0 15px} .ratings-table.data-table input.radio{margin:0} .ratings-table.data-table .nobr{display:block;line-height:20px;font-weight:600} .product-view #product-customer-reviews{margin-top:-20px} .product-view #product-customer-reviews li{border-bottom:1px solid #eee;padding:20px 0 10px} .avatar-image{float:left} .review-area{line-height:25px;margin-left:80px} .review-area .review-title{font-size:15px} .review-area .review-by{font-style:italic;font-size:12px;color:#ccc} .review-area .review-by b{;font-weight:400} .review-area .ratings-list{margin-bottom:5px} .review-area .ratings-list .rating-item{display:inline-block;vertical-align:middle;margin-right:10px} .review-area .ratings-list .label{vertical-align:middle;font-size:12px;padding:0 5px 0 0;font-weight:400} .review-area .ratings-list .rating-box{display:inline-block;vertical-align:middle} .add-review{padding-top:15px} .add-review h3{font-size:18px;text-transform:uppercase;margin-bottom:15px} .add-review h4{font-size:13px;font-weight:400;margin-bottom:10px} .add-review span.rating-type{font-weight:400;font-size:13px} .add-review .rating-block{margin-bottom:10px} .availability{margin:0} .availability span{font-weight:700} .availability.out-of-stock span{color:#d83820} .availability-only{margin:10px 0;line-height:16px;background:transparent;padding-left:0} .availability-only span,.availability-only a{border-bottom:1px dashed #08c;color:#000} .availability-only a{cursor:pointer;text-decoration:none} .availability-only strong{} .availability-only-details{margin:0 0 10px;border:1px solid #ccc} .availability-only-details th{background:#f5f5f5;font-size:13px;padding:5px 10px;border-bottom:1px solid #ccc} .availability-only-details td{background:#fff;border-bottom:1px solid #ccc;font-size:13px;padding:5px 10px} .availability-only-details tr.odd td.last{color:inherit;font-weight:400} /*.product-view .product-shop .availability{font-size:11px}*/ /*.product-view .product-shop .availability span{font-weight:400;margin-left:5px}*/ .email-friend{margin:0} .alert-price{margin:0;font-size:11px} .alert-stock{margin:0;font-size:11px} .price{white-space:nowrap!important} .price-box{margin:10px 0 5px} .price-box .price{font-weight:600;color:#444} .price-box a{display:inline-block;vertical-align:middle;line-height:20px} .regular-price{color:#444} .regular-price .price{font-weight:600;font-size:20px;color:#444;display:inline-block;vertical-align:middle;line-height:1} .old-price{margin:0;display:inline-block;vertical-align:middle} .std .price-box p{margin:0} .old-price .price-label{white-space:nowrap;display:none} .old-price .price{color:#999;text-decoration:line-through;font-size:14px;vertical-align:middle} .special-price{margin:0;display:inline-block;vertical-align:middle;line-height:1} .special-price .price-label{font-size:13px;font-weight:700;white-space:nowrap;display:none} .special-price .price{font-size:20px} .minimal-price{margin:0} .minimal-price .price-label{font-weight:400;white-space:nowrap} .minimal-price-link{display:inline-block;vertical-align:middle} .minimal-price-link .label{color:#ccc;display:inline-block;vertical-align:middle;font-size:13px;font-weight:400;padding:0 0 0 10px} .minimal-price-link .price{font-weight:400;display:inline-block;vertical-align:middle;font-size:14px} .price-excluding-tax{display:inline-block;color:#999} .price-excluding-tax .label{white-space:nowrap;color:#999} .price-excluding-tax .price{font-size:13px;font-weight:400;} .price-including-tax{display:inline-block;color:#999} .price-including-tax .label{white-space:nowrap;color:#999} .price-including-tax .price{font-size:13px;font-weight:700;} .configured-price{margin:0} .configured-price .price-label{font-weight:700;white-space:nowrap} .configured-price .price{font-weight:700} .weee{display:inline-block;font-size:11px;color:#444} .weee .price{font-size:11px;font-weight:400} .price-excl-tax{display:inline-block} .price-excl-tax .label{display:inline-block;white-space:nowrap} .price-excl-tax .price{display:inline-block} .price-incl-tax{display:block} .price-incl-tax .label{display:block;white-space:nowrap} .price-incl-tax .price{display:block;font-weight:700} .price-from{margin:0;display:inline-block;vertical-align:middle;font-size:18px} .price-from .price-label{font-weight:700;white-space:nowrap;display:none} .price-to{margin:0;display:inline-block;vertical-align:middle;font-size:18px} .price-to:before{content:"-";color:#444;font-weight:700} .price-to .price-label{font-weight:700;white-space:nowrap;display:none} .price-notice{padding-left:10px;color:#999} .price-notice .price{font-weight:700;color:#2f2f2f} .price-as-configured{margin:0} .price-as-configured .price-label{font-weight:700;white-space:nowrap} .price-box-bundle{padding:0 0 10px} .price-box-bundle .price-box{margin:0!important;padding:0!important} .price-box-bundle .price{color:#555} .product-pricing,.tier-prices{margin:10px 0;padding:10px;background-color:#f4f7f7;border:1px solid #dadddd;color:#424242} .tier-prices li{line-height:1.4;padding:2px 0} .tier-prices .benefit{font-style:italic;font-weight:700;color:#2f2f2f} .tier-prices .price{font-weight:700;color:#2f2f2f} .tier-prices-grouped li{padding:2px 0;color:#e26703} .tier-prices-grouped li .price{font-weight:700} .add-to-links{font-size:11px;margin:5px 0 0} .add-to-links .separator{display:none} .add-to-cart label{float:left;margin-right:5px;font-weight:700;color:#666;display:none} .add-to-cart .qty{margin-right:2px;display:inline-block;vertical-align:middle;height:38px;width:35px!important;font-size:14px;text-align:center;;border-color:#e1e1e1} .add-to-cart button.button{display:inline-block;height:38px;width:160px;min-width:110px;vertical-align:middle} .add-to-cart button.button span{height:38px;line-height:38px;font-weight:400;font-size:14px;border-radius:5px;padding:0;min-width:110px;padding-right:5px} .add-to-cart button.button span i{margin-right:10px} .add-to-cart .paypal-logo{clear:left;margin:0;text-align:left} .add-to-cart .paypal-logo .paypal-or{clear:both;display:block;margin:5px 60px} .product-view .add-to-cart .paypal-logo{margin:0} .bml-checkout-type{list-style:none} .bml-checkout-type .bml_button{width:150px;display:inline-table} .col1-layout .product-options-bottom,.col1-layout .add-to-box{border:0} .add-to-box .add-to-cart{float:left} .add-to-box .or{float:left;font-weight:700;margin:0 7px;color:#666} .add-to-box .add-to-links{float:left;margin:0;font-size:12px!important;line-height:1.25!important;text-align:left!important} .add-to-box .add-to-links li .separator{display:none!important} .product-collateral{position:relative;margin-top:50px} .product-collateral .box-collateral{margin:0 0 25px} .product-tabs>ul{position:relative;bottom:-1px} .product-tabs>ul li{float:left;border:1px solid #eee;border-width:3px 1px 0;border-radius:5px 5px 0 0;margin-right:1px;background-color:#f4f4f4} .product-tabs>ul li a{display:inline-block;padding:10px 15px;;font-size:14px;line-height:1} .product-tabs.vertical>ul li a{display:block} .product-tabs>ul li.active{background-color:#fff;border-top-} .product-tabs .tab-content{padding:37px 15px;border:1px solid #eee;min-height:200px;border-radius:0 0 3px 3px;box-shadow:0 1px 2px #eee;background-color:#fff} .product-tabs .tab-content >h2{display:none} .box-tags >h2{display:none} li.etalage_small_thumbs{margin-top:8px;top:100%} .etalage.vertical li.etalage_small_thumbs{margin-top:0} .product-view .product-img-box{margin-bottom:150px} .product-view .product-img-box.vertical{margin-bottom:0} .product-view .product-img-box img.zoomImg{background-color:#fff;z-index:2} .product-view .product-img-box li.etalage_thumb,.product-view .product-img-box li.etalage_small_thumbs li{padding:3px;border:1px solid #ddd;border-radius:7px;background:#fff;max-width:100%} .product-view .product-img-box .etalage_small_thumbs li{cursor:pointer;margin-top:10px} .product-view .product-img-box .etalage-control{position:absolute;width:100%;height:0;left:0;top:50%;margin-top:-20px;visibility:hidden;transition:all .3s;z-index:2} .product-view .product-img-box:hover .etalage-control{visibility:visible} .product-view .product-img-box .etalage-control a{display:block;position:absolute;font-size:40px;left:auto;right:auto;top:0} .product-view .product-img-box .etalage-control a.etalage-prev{margin:0;left:0;top:0} .product-view .product-img-box .etalage.vertical+.etalage-control a.etalage-prev{left:20%} .product-view .product-img-box .etalage-control a.etalage-next{margin:0;right:0;top:0} .product-view .product-img-box a.fancy-images{display:none} .product-view .product-img-box .etalage a.fancy-images{position:absolute;right:10px;bottom:10px;z-index:99;display:none} .product-view .product-img-box .etalage .etalage_thumb_active a.fancy-images{display:block} .col3-layout .product-view .product-img-box{float:none;margin:0 auto} .product-view .product-img-box .product-image{margin:0 0 13px} .product-view .product-img-box .product-image-zoom{position:relative;width:265px;height:265px;overflow:hidden;z-index:9} .product-view .product-img-box .product-image-zoom img{position:absolute;left:0;top:0;cursor:move} .product-view .product-img-box .zoom-notice{font-size:11px;margin:0 0 5px;text-align:center} .product-view .product-img-box .zoom{position:relative;z-index:9;height:18px;margin:0 auto 13px;padding:0 28px;background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/slider_bg.gif) 50% 50% no-repeat;cursor:pointer} .product-view .product-img-box .zoom.disabled{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:.3} .product-view .product-img-box .zoom #track{position:relative;height:18px} .product-view .product-img-box .zoom #handle{position:absolute;left:0;top:-1px;width:9px;height:22px;background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/magnifier_handle.gif) 0 0 no-repeat} .product-view .product-img-box .zoom .btn-zoom-out{position:absolute;left:2px;top:0} .product-view .product-img-box .zoom .btn-zoom-in{position:absolute;right:2px;top:0} .product-view .product-img-box .more-views h2{font-size:11px;border-bottom:1px solid #ccc;margin:0 0 8px;text-transform:uppercase} .product-view .product-img-box .more-views ul{margin-left:-9px} .product-view .product-img-box .more-views li{float:left;margin:0 0 8px 9px} .product-view .product-img-box .more-views li a{float:left;width:56px;height:56px;border:2px solid #ddd;overflow:hidden} .product-image-popup{margin:0 auto} .product-image-popup .buttons-set{float:right;clear:none;border:0;margin:0;padding:0} .product-image-popup .nav{font-weight:700;margin:0 100px;text-align:center} .product-image-popup .image{display:block;margin:10px 0} .product-image-popup .image-label{font-size:13px;font-weight:700;margin:0 0 10px;color:#2f2f2f} .product-view .product-name{margin:0 0 5px} .product-view .product-name h1{margin:15px 0;font-size:28px;font-weight:600;line-height:1;color:#555} /*.product-view .product-shop .availability{margin:0 0 10px;font-size:14px;color:#777;font-weight:600}*/ .product-view .product-shop .short-description{padding:5px 0 20px;border-bottom:1px solid #ebebeb;font-size:14px;font-weight:300;line-height:1.5} .product-view .product-shop .short-description h2{display:none} .product-view .product-shop .price-box{margin:0 0 20px} .product-view .product-shop .price-box .regular-price .price{font-size:36px;} .product-view .product-shop .price-box .old-price{vertical-align:bottom} .product-view .product-shop .price-box .old-price .price{font-size:18px;line-height:1.2;font-weight:400} .product-view .product-shop .price-box .special-price .price{font-size:33px;;line-height:1} .product-view .add-to-links{margin:3px 0;padding:0;text-align:left;display:inline-block;vertical-align:middle} .product-view .add-to-links li,.product-view .add-to-links li .separator{display:inline} .product-view .add-to-links a{border-width:1px;border-style:solid;border-radius:3px;width:32px;height:32px;display:inline-block;text-align:center;line-height:30px;font-size:18px;margin-left:8px} .product-view .add-to-links a:hover{opacity:.9;filter:Alpha(Opacity=90)} .product-view .add-to-links a > span{display:none} .product-view .product-info{padding-bottom:20px;margin-top:20px;border-bottom:1px solid #ebebeb} .col1-layout .product-view .product-info{border:0} .data-table.grouped-items-table{margin-bottom:20px} .data-table.grouped-items-table th,.data-table.grouped-items-table td{padding:10px 20px} .product-view .product-shop .grouped-items-table .price-box .price{font-size:18px} .product-view .product-shop .grouped-items-table .price-box .old-price .price{font-size:14px} .product-options{margin:20px 0 0;position:relative;padding-bottom:20px;border-bottom:1px solid #ebebeb} /*.col1-layout .product-options{float:left;width:50%;border:0} .col1-layout .product-view .product-options + div.clearer,.col1-layout .product-view .product-info + div.clearer{border-bottom:1px solid #ebebeb}*/ .product-options dl{margin:0;margin-bottom:-20px} .product-options dt{padding:0 0 10px;font-weight:400} .product-options dt label{font-weight:700;color:#777;font-size:14px} .product-options dt label.required em{color:#eb340a} .product-options dd .qty-holder{display:block;padding:10px 0 0} .product-options dd .qty-holder label{vertical-align:middle} .product-options dt .qty-disabled{background:none;border:0;padding:3px;color:#2f2f2f} .product-options dd{margin:0 0 20px} .product-options dd input.input-text{width:98%} .product-options dd input.datetime-picker{width:150px} .product-options dd .time-picker{display:-moz-inline-box;display:inline-block;padding:2px 0;vertical-align:middle} .product-options dd textarea{width:98%;height:8em} .product-options dd select{width:100%} .product-options dd .multiselect option{border-bottom:1px dotted #d9e5ee;padding:2px 4px} .product-options ul.options-list{margin-right:5px} .product-options ul.options-list li{line-height:1.5;padding:2px 0} .product-options ul.options-list input.radio{float:left;margin-top:3px} .product-options ul.options-list input.checkbox{float:left;margin-top:3px} .product-options ul.options-list .label{display:block;margin-left:18px} .product-options ul.options-list label{font-weight:400} .product-options ul.validation-failed{padding:0 7px} .product-options p.note{margin:0;font-size:11px} .product-options p.required{display:none} .product-options-bottom .product-pricing,.product-options-bottom .tier-prices{margin:0;padding:0 0 10px;border:0;background:0;color:#e26703} .product-options-bottom .tier-prices li{background:0;padding:2px 0} .product-options-bottom .tier-prices .price,.product-options-bottom .tier-prices .benefit{color:#e26703} .product-options-bottom .price-box{float:left;margin:0;padding:0} .product-options-bottom .add-to-links{clear:both;padding:5px 0 0;text-align:left} .col3-layout .product-options-bottom .price-box{float:none;padding:0 0 5px} .product-options-bottom .price-label{float:left;padding-right:5px} .product-options-bottom .price-tax{float:left} .product-options-bottom .add-to-cart{display:inline-block;vertical-align:middle;margin-right:20px} .product-options-bottom{padding:0 0 20px;margin-top:20px;border-bottom:1px solid #ebebeb} .product-options-bottom .price-box{float:none;margin:0 0 5px;display:none} .product-options-bottom .price-label{float:none;padding-right:0} .product-options-bottom .price-tax{float:none} .product-options-bottom .add-to-cart-box{clear:both;float:left;padding-top:12px} .product-options-bottom .add-to-links{padding:0;text-align:left;display:inline-block;vertical-align:middle;margin:3px 0} .product-options-bottom .add-to-links li:first-child a{margin-left:0} .qty-holder{display:inline-block;vertical-align:middle;margin-right:7px;width:60px} .qty-changer{display:inline-block;vertical-align:middle} .qty-changer >a{width:16px;height:16px;display:block;border:1px solid #e1e1e1;color:#ccc;line-height:14px;text-align:center;margin-bottom:6px;border-radius:3px;font-size:8px;background-color:#fff} .qty-changer >a.qty_dec{margin-bottom:0} .product-view .grouped-items-table .price-box{margin:0;padding:0} .product-view .box-additional .data-table th,.product-view .box-additional .data-table td{line-height:1.25} .product-view .box-up-sell{margin-top:50px} .product-view .box-up-sell >h2{border-bottom:0;padding:0;margin:0 0 10px;font-size:16px;font-weight:700;color:#313131;text-transform:uppercase;background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/bkg_3.png) right center no-repeat} .product-view .box-up-sell >h2 span{padding-right:20px;background-color:#fff} .product-view .box-tags{margin:0} .product-view .box-tags h3{font-size:13px} .product-view .box-tags .product-tags{display:block;margin:0 0 15px} .product-view .box-tags .product-tags li{display:inline;background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/bkg_pipe3.gif) 100% 4px no-repeat;padding:0 7px 0 4px} .product-view .box-tags .product-tags li.first{padding-left:0} .product-view .box-tags .product-tags li.last{background:none;padding-right:0} .product-view .box-tags .form-add label{display:block;font-size:18px;margin:0 0 20px} .product-view .box-tags .form-add .input-box{float:left;margin-right:10px} .product-view .box-tags .form-add input.input-text{width:250px;height:38px;padding:10px} .product-view .box-tags .note{margin:20px 0 0} .product-view .box-reviews dl{margin:15px 0} .product-view .box-reviews dt a,.product-view .box-reviews dt span{font-weight:700} .product-view .box-reviews dd{margin:0 0 15px} .product-view .box-reviews dd small{font-style:italic} .product-view .box-reviews .form-add{margin:15px 0 0} .product-view .box-reviews .form-add h3{font-size:13px;font-weight:400} .product-view .box-reviews .form-add h3 span{font-weight:700} .product-view .box-reviews .form-add h4{font-size:12px} .product-view .box-reviews .form-add .data-table td{text-align:center} .product-view .box-reviews .form-add .form-list{margin:15px 0 0} .product-view .box-reviews .form-add .form-list .input-box{width:360px} .product-view .box-reviews .form-add .form-list input.input-text,.product-view .box-reviews .form-add .form-list textarea{width:354px} .send-friend .form-list{width:615px;overflow:hidden} .send-friend .form-list li{margin-right:-15px} .send-friend .form-list li p{margin:0 15px 0 0} .send-friend .form-list .field{width:315px} .send-friend .form-list .input-box{width:300px} .send-friend .form-list input.input-text,.send-friend .form-list textarea{width:294px} .send-friend .form-list li.wide .input-box{width:612px} .send-friend .form-list li.wide textarea{width:609px} .send-friend .buttons-set .limit{float:right;margin:0 7px 0 0;font-size:11px;line-height:21px} .product-name{margin:10px 0;font-size:1em;font-weight:400} .product-name a{color:#777} .product-name a:hover{text-decoration:none} .tags-list{display:block;font-size:16px;padding:10px 0} .tags-list li{display:inline!important;margin:0 4px 0 0} .advanced-search .form-list label{width:160px;padding-right:10px;float:none} .advanced-search .form-list select{height:80px} .advanced-search-amount{margin:0 0 10px} .advanced-search-summary{margin:10px 0;border:1px solid #d6e9c6;background:#dff0d8;padding:10px;color:#3c763d;border-radius:3px} .advanced-search-summary ul{float:left;width:49%} .advanced-search-summary p{clear:both;font-weight:700;margin:0} .page-sitemap .links{text-align:right;margin:0 8px -22px 0} .page-sitemap .links a{text-decoration:none;position:relative} .page-sitemap .links a:hover{text-decoration:underline} .page-sitemap .sitemap{margin:12px} .page-sitemap .sitemap a{color:#1b2d3b} .page-sitemap .sitemap li{margin:3px 0} .page-sitemap .sitemap li.level-0{margin:10px 0 0;font-weight:700} .page-sitemap .sitemap li.level-0 a{color:#1e7ec8} .rss-title h1{background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/i_rss-big.png) 0 4px no-repeat;padding-left:27px} .rss-table .link-rss{display:block;line-height:1.55;background-position:0 4px} .cart .page-title{border-bottom:0;margin:0 0 12px} .cart .page-title h1{margin:0 0 20px} .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} .cart .checkout-types .paypal-or{margin:0 8px;line-height:2.3;vertical-align:top} .cart .checkout-types .bml_button{display:inline-table;width:150px;margin:0 0 5px} .cart .totals .checkout-types .paypal-or{clear:both;display:block;padding:8px 55px 0 0;line-height:1;font-size:11px} .cart .cart-table-wrap{border:1px solid #ececec;border-radius:8px;background:#fff;display:block;padding:30px;margin-bottom:60px;box-shadow:0 2px 3px rgba(0,0,0,0.08)} .cart-table thead tr{border-width:0 0 1px} .cart-table thead th{background-color:transparent;text-transform:none} .cart-table td{padding:10px;vertical-align:middle;font-size:14px} .cart-table tbody th,.cart-table tbody td{border-right-width:0} .cart-table td.last,.cart-table th.last{border-right-width:0} .cart-table tbody td.pr-img-td{text-align:center;border-right:0} .cart-table tbody tr{border-left-width:0!important;border-right-width:0!important} .cart-table tfoot{border-bottom-width:0} .cart-table tfoot tr.first td{border-width:0} .cart-table td.product-name-td{color:#777;font-size:14px} .cart-table td.product-name-td dl.item-options{margin:0} .cart-table .product-name{margin:0} .cart-table td.td-total .cart-price{} .cart-table .item-msg{margin:5px 0;font-size:11px;font-weight:700;color:#df280a} .cart-table tfoot td{padding:15px 5px 0} .cart-table .btn-continue{float:left} .cart-table .btn-update,.cart-table .btn-empty{float:right} .cart-table .btn-update{margin-left:10px} .cart-table .action-td{padding:15px 0} .cart-table .qty-holder{width:125px;white-space:nowrap} .cart .cart-collaterals{margin-bottom:45px} .cart-collaterals > *{margin-bottom:15px} .cart .cart-collaterals .col2-set{float:left;width:605px} .cart .cart-collaterals .col2-set .col-2{width:294px} .cart .cart-collaterals h2{padding:10px 45px 10px 15px;margin:0;font-size:13px;font-weight:700;text-transform:uppercase;border:1px solid #ddd;background-color:#f5f5f5;color:#000;position:relative;border-radius:7px 7px 0 0} .cart .crosssell h2{font-size:16px;color:#313131;font-weight:700} .cart .crosssell .product-image{float:left;height:auto;border:1px solid #ccc;border-radius:5px;padding:2px;width:90px} .cart .crosssell .product-details{margin-left:105px} .cart .crosssell .product-name{margin:5px 0} .cart .crosssell li.item{margin:12px 0} .cart .crosssell .link-compare{font-weight:400} .cart .crosssell .price-box{margin:5px 0 10px} .cart .crosssell button.button > span{border:1px solid #ccc;background:#fff;padding:0 12px} .cart .crosssell button.button:hover > span{border:1px solid #08c;background:#08c} .cart .crosssell button.button span{color:#777;font-size:12px;line-height:25px;min-width:0} .cart .crosssell button.button:hover span{color:#fff} .cart .crosssell .add-to-links{display:none} .cart .discount,.cart .shipping{margin-bottom:15px} .cart .discount .input-box{font-size:13px} .cart .discount h2,.cart .shipping h2{cursor:pointer;border-radius:7px} .cart .discount h2.opened,.cart .shipping h2.opened{border-radius:7px 7px 0 0} .cart .discount h2:before,.cart .shipping h2:before{content:"\e80b";width:26px;height:26px;display:block;border:1px solid #ccc;font-family:'porto';position:absolute;right:15px;top:50%;margin-top:-13px;border-radius:3px;color:#ccc;text-align:center;line-height:24px;background-color:#fff;font-size:10px} .cart .discount h2.opened:before,.cart .shipping h2.opened:before{content:"\e80d"} .cart .discount h2:hover:before,.cart .shipping h2:hover:before{background:#08c;border-;color:#fff} /*.cart .discount h2 + *,.cart .shipping h2 + *{display:none}*/ .cart .cart-collaterals h2 + *{padding:15px;font-size:13px;border:1px solid #ddd;border-top:0;border-radius:0 0 7px 7px;background-color:#fbfbfb} .cart .discount p,.cart .shipping p{font-size:14px} .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;width:100%} .cart .discount input.input-text{width:100%} .cart .shipping .sp-methods{margin:10px 0 0;padding:5px 0 0} .cart .totals table{width:100%} .cart .totals tr{border-bottom:1px solid #dcdcdc} .cart .totals td{padding:10px;line-height:1.4;font-size:15px;font-weight:300;text-align:left!important} .cart .totals .price{display:block;text-align:right;color:#000;font-size:14px;font-weight:600} .cart .totals tfoot th{padding:5px 15px 5px 7px} .cart .totals .checkout-types{font-size:13px;text-align:center} .cart .totals .checkout-types li{clear:both;margin:10px 0} .cart .totals tfoot tr{border-bottom-width:0} .cart .totals button.button{width:100%} .cart .totals tfoot th strong,.cart .totals tfoot td strong{font-weight:300} .cart .totals tfoot .price{font-size:17px} .item-options dt{font-weight:700;font-style:italic} .item-options dd{padding-left:10px;margin:0 0 6px} .truncated{cursor:help} .truncated a.dots{cursor:help} .truncated a.details{cursor:help} .truncated .truncated_full_value{position:relative;z-index:999} .truncated .truncated_full_value .item-options{position:absolute;top:-99999em;left:-99999em;z-index:999;width:250px;padding:8px;border:1px solid #ddd;background-color:#f6f6f6} .truncated .truncated_full_value .item-options >p{font-weight:700;text-transform:uppercase} .truncated .show .item-options{top:-20px;left:50%} .col-left .truncated .show .item-options{left:15px;top:7px} .col-right .truncated .show .item-options{left:-240px;top:7px} .sp-methods{margin:0 0 8px} .sp-methods dt{font-weight:400;margin-bottom:10px} .sp-methods dd li{margin:5px 0} .sp-methods label{font-weight:400;color:#777;vertical-align:middle;line-height:19px} .sp-methods .price{font-weight:400;;letter-spacing:0} .sp-methods .form-list li{margin:0 0 8px} .sp-methods select.month{width:154px;margin-right:10px} .sp-methods select.year{width:96px} .sp-methods input.cvv{width:4em!important} .sp-methods .checkmo-list li{margin:0 0 5px} .sp-methods .checkmo-list label{width:135px;padding-right:10px;text-align:right} .sp-methods .checkmo-list address{float:left} .sp-methods .centinel-logos a{margin-right:3px} .sp-methods .centinel-logos img{vertical-align:middle} .sp-methods .release-amounts{margin:.5em 0} .sp-methods .release-amounts button{float:left;margin:5px 10px 0 0} .please-wait{float:right} .please-wait img{vertical-align:middle} .cvv-what-is-this{font-size:11px;cursor:help;margin-left:10px;margin-top:10px;display:inline-block} .tool-tip{border:1px solid #7BA7C9;background:#EAF6FF;padding:15px 20px;position:absolute;z-index:9999} .tool-tip .btn-close{margin:-9px -14px 0;text-align:right} .tool-tip .btn-close a{display:block;margin:0 0 0 auto;width:15px;height:15px;text-align:left;text-indent:-999em;overflow:hidden} .tool-tip .tool-tip-content{padding:5px} .gift-messages h3{font-weight:400} .gift-messages-form{position:relative} .gift-messages-form label{float:none!important;position:static!important} .gift-messages-form h4{font-size:12px;font-weight:700} .gift-messages-form .whole-order{margin:0 0 25px} .gift-messages-form .item{margin:0 0 10px} .gift-messages-form .item .product-img-box{float:left;width:75px} .gift-messages-form .item .product-image{margin:0 0 7px} .gift-messages-form .item .number{margin:0;font-weight:700;text-align:center;color:#8a8987} .gift-messages-form .item .details{margin-left:90px} .gift-messages-form .item .details .product-name{font-size:13px;font-weight:700;margin:0 0 10px} .gift-messages-form .item .details .form-list .field{width:255px} .gift-messages-form .item .details .form-list .input-box{width:240px} .gift-messages-form .item .details .form-list input.input-text{width:234px} .gift-messages-form .item .details .form-list li.wide .input-box{width:500px} .gift-messages-form .item .details .form-list li.wide textarea{width:494px} .gift-message-link{font-size:11px;background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/bkg_collapse-gm.gif) 100% 6px no-repeat;padding-right:7px} .gift-message-link.expanded{background-position:100% -40px} .gift-message-row{background:#f2efe9} .gift-message-row .btn-close{float:right;width:16px;height:16px;background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/btn_gm-close.gif) 0 0 no-repeat;font-size:0;line-height:0;text-indent:-999em;overflow:hidden} .checkout-agreements li{margin:30px 0} .checkout-agreements .agreement-content{overflow:auto;height:12em;padding:10px;background-color:#fbfbfb;border:1px solid #b6b6b6;line-height:1.4;border-radius:5px} .checkout-agreements .agree{margin:0;padding:10px 0 10px 11px} .checkout-agreements .agree input.checkbox{margin-right:6px} .checkout-agreements .agree label{font-weight:700;color:#666} .opc .checkout-agreements{border:1px solid #d9dde3;border-width:0 1px;padding:5px 30px} .opc .checkout-agreements li{margin:20px 0 0} .opc .checkout-agreements .agreement-content{background-color:#fff;border-color:#e4e4e4;padding:5px} .opc .checkout-agreements .agree{padding-left:6px} .centinel .authentication{border:1px solid #ddd;background:#fff} .centinel .authentication iframe{width:99%;height:400px;background:transparent!important;margin:0!important;padding:0!important;border:0!important} .opc .centinel{border:1px solid #bbb6a5;border-width:0 1px 1px;padding:10px 30px} .info-set{background:#fbfaf6 url(https://www.gala.ad/skin/frontend/smartwave/porto/images/bkg_checkout.gif) 0 0 repeat-x;border:1px solid #bbb6a5;margin:0 0 25px;padding:20px} .info-set h2{font-size:13px;font-weight:700;margin:0 0 10px} .info-set h3,.info-set h4{font-size:13px;font-weight:700;color:#E26703} .info-set h2 a,.info-set h3 a,.info-set h4 a{font-weight:400} .info-set h2.legend{margin:-20px -20px 15px;padding:5px 10px;background:#f9f3e3;border-bottom:1px solid #bbafa0;position:relative} .info-set h3.legend{margin:0 0 10px;color:#0a263c} .info-set .divider{margin:0 -20px;padding:25px 0;position:relative} .info-set .box{margin:0 0 15px} .info-set .box h2{color:#e26703} .info-set .data-table .product-name{font-size:1em!important;font-weight:700!important;color:#1e7ec8!important} .info-set .data-table .product-name a{font-weight:700!important} .info-set .data-table .item-options{margin:5px 0 0} .block-progress{border:0;margin:0} .block-progress .block-title{background:none;border:0;padding:0} .block-progress .block-title strong{color:#313131} .block-progress .block-content{background:none} .block-progress dt{background-color:#f5f5f5;border:1px solid #ddd;border-radius:7px;color:#313131;font-size:13px;font-weight:700;margin-top:13px;padding:10px 15px;position:relative;text-transform:uppercase} .block-progress dd{background-color:#fbfbfb;border:1px solid #ddd;border-radius:0 0 7px 7px;border-top-width:0;font-size:13px;padding:10px 15px} .block-progress dt.complete{border-radius:7px 7px 0 0} .block-progress dt .changelink{text-transform:none;font-weight:400} .block-progress p{margin:0} .block-progress .cards-list dt{background:none;border:0 none;color:inherit;font-size:12px;margin:5px 0;padding:0} .block-progress .cards-list dd{border:0 none;margin:0;padding:0} .block-progress .cards-list .info-table th{font-weight:400} .opc-block-progress dt.complete a,.opc-block-progress dt.complete .separator{display:inline} .opc-block-progress dt a,.opc-block-progress dt .separator{display:none} .opc .buttons-set p.required{margin:0;padding:0 0 10px} .opc .buttons-set .back-link small{display:none} .opc .buttons-set .back-link a{background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/i_arrow-top.gif) 0 50% no-repeat;padding-left:16px} .opc .buttons-set.disabled button.button{display:none} .opc .ul{list-style:disc outside;padding-left:18px} .opc{position:relative} .opc li.section{margin-bottom:5px;box-shadow:0 2px 3px rgba(0,0,0,0.08);border-radius:6px} .opc .step-title{border:1px solid #ddd;border-radius:4px;background:#f6f6f6;padding:15px;text-align:right} .opc .step-title .number{float:left;padding:0;margin:0 5px 0 0;;font-size:16px;line-height:1} .opc .step-title h2{float:left;margin:0;line-height:1;;font-size:16px} .opc .step-title a{display:none;float:right;font-size:13px;line-height:1} .opc .allow .step-title{background:#f6f6f6;color:#777;cursor:pointer} .opc .active .step-title{cursor:default;border-bottom-width:0;border-radius:6px 6px 0 0} .opc .step{position:relative;padding:20px 15px;border:1px solid #ddd;border-top-width:0;border-radius:0 0 6px 6px} .opc .step .tool-tip{right:160px} .opc ul li{line-height:20px} #opc-login .buttons-set{padding:0} #opc-login .col2-set .content{min-height:280px} #opc-login h3{text-transform:uppercase;margin-bottom:10px} #opc-login h4{font-size:13px;font-weight:600;margin:10px 0;color:#777} #opc-login .contents-area{min-height:225px} #opc-shipping_method .buttons-set{border-top:0} .opc .gift-messages-form{margin:0;background:#f7f7f7;border:1px solid #ddd;padding:20px;border-radius:5px} .opc .gift-messages-form .inner-box{padding:5px;height:260px;overflow:auto} #opc-review .step{font-size:14px} #opc-review .product-name{font-size:14px} #opc-review tr td.last .cart-price .price{} #opc-review .data-table tfoot td{border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding:15px 10px;font-size:14px;font-weight:300;line-height:23px} #opc-review .data-table tfoot td strong{font-weight:300} #opc-review tfoot .price{font-weight:400} #opc-review tfoot tr .price{color:#313131;font-weight:600} #opc-review tfoot tr.last td{background-color:#f6f6f6} #opc-review .item-options{margin:5px 0 0} #opc-review .buttons-set p{margin:0;line-height:40px} #opc-review .buttons-set .please-wait{height:60px;line-height:60px} #opc-review .authentication{margin:0 auto;width:570px} #opc-review .warning-message{color:#222;font-weight:700;text-align:center;padding:10px 10px 0} .checkout-progress{padding:0 90px;margin:0 0 20px} .checkout-progress li{float:left;width:19%;margin:0 3px 0 0;border-top:10px solid #999;padding:7px 0 0;text-align:center;color:#abb5ba} .checkout-progress li.active{border-top-;} .multiple-checkout h2{font-size:13px;font-weight:600;margin:10px 0} .multiple-checkout h3,.multiple-checkout h4{font-size:13px;font-weight:600} .multiple-checkout h2 a,.multiple-checkout h3 a,.multiple-checkout h4 a{font-weight:400} .multiple-checkout .data-table .product-name{font-size:1em!important;font-weight:700!important;color:#1e7ec8!important} .multiple-checkout .data-table .product-name a{font-weight:700!important} .multiple-checkout .data-table .item-options{margin:5px 0 0} .multiple-checkout .box .box-title,.multiple-checkout .box .box-content{border-radius:0} .multiple-checkout .gift-messages{margin:15px 0 0} .multiple-checkout .tool-tip{top:50%;margin-top:-120px;right:20px} .multiple-checkout .col2-set,.multiple-checkout .col3-set{background-color:#fff;border:1px solid #ececec;border-radius:8px;display:block;padding:30px;margin-bottom:40px;box-shadow:0 2px 3px rgba(0,0,0,0.08)} .multiple-checkout .col2-set h2.legend{margin:0 0 15px;padding:5px 0;border-bottom:1px solid #ececec;position:relative} .multiple-checkout .col2-set h3.legend{margin:0 0 10px;color:#0a263c} .multiple-checkout .col2-set .divider{margin:0 -20px;padding:25px 0;position:relative} .multiple-checkout .box{margin:0 0 15px} .multiple-checkout .place-order .please-wait{float:right;padding:11px 15px 0 0} .multiple-checkout .place-order .grand-total{float:right;height:71px;font-size:1.5em;overflow:hidden} .multiple-checkout .place-order .grand-total .inner{float:left;height:57px} .multiple-checkout .place-order .grand-total .inner div{display:inline} .multiple-checkout .place-order .grand-total big{display:inline;margin-right:12px;line-height:1.4} .multiple-checkout .place-order .grand-total .price{} .multiple-checkout .place-order .grand-total button.button span{font-size:16px} .multiple-checkout .place-order .grand-total button.button span span{padding:0 45px 0 36px} #multiship-addresses-table td{padding:10px} #multiship-addresses-table tfoot td{padding:5px 10px} .multiple-checkout .gift-messages-form .item .details .form-list{width:100%;overflow:hidden} .multiple-checkout .gift-messages-form .item .details .form-list li{margin-right:-15px} .multiple-checkout .gift-messages-form .item .details .form-list .field{width:230px} .multiple-checkout .gift-messages-form .item .details .form-list .input-box{width:215px} .multiple-checkout .gift-messages-form .item .details .form-list input.input-text{width:209px} .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box{width:445px} .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea{width:439px} .checkout-multishipping-shipping .box-sp-methods{position:relative} .checkout-multishipping-shipping .box-sp-methods .pointer{display:none} .checkout-multishipping-billing .multiple-checkout{position:relative} .account-login .content{min-height:275px} .captcha-note{clear:left;padding-top:5px} .captcha-image{float:left;display:inline;margin:0;position:relative;width:258px} .captcha-image .captcha-img{border:1px solid #b6b6b6;vertical-align:bottom;width:100%} .registered-users .captcha-image{margin:0} .captcha-reload{cursor:pointer;position:absolute;top:2px;right:2px} .captcha-reload.refreshing{animation:rotate 1.5s infinite linear} @-webkit-keyframes rotate { 0%{-webkit-transform:rotate(0);-webkit-transform:rotate(-360deg)} } @-moz-keyframes rotate { 0%{-moz-transform:rotate(0);-moz-transform:rotate(-360deg)} } @keyframes rotate { 0%{transform:rotate(0);transform:rotate(-360deg)} } .window-overlay{background:rgba(0,0,0,.35);position:absolute;top:0;left:0;height:100%;width:100%;z-index:990} .remember-me label{float:none;margin:0 6px} .remember-me-popup{background:#fff;border:1px solid #ccc;left:50%;top:50%;position:absolute;margin:-85px 0 0 -200px;width:400px;text-align:left;box-shadow:0 0 6px #ccc;z-index:1000} .remember-me-popup h3{background:#d9e5ee;border-bottom:1px solid #ccc;font-size:14px;padding:5px 10px} .remember-me-popup .remember-me-popup-head{position:relative} .remember-me-popup .remember-me-popup-head .remember-me-popup-close{background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/btn_window_close.gif) no-repeat;display:block;position:absolute;top:7px;right:7px;height:15px;width:15px;text-indent:-9999em} .remember-me-popup .remember-me-popup-body{padding:10px} .remember-me-popup .remember-me-popup-body a{display:inline-block;height:19px;border:1px solid #de5400;background:#f18200;padding:0 8px;font:bold 12px/19px Arial,Helvetica,sans-serif;text-align:center;text-decoration:none;white-space:nowrap;color:#fff} .my-account .title-buttons .link-rss{float:none;margin:0} .dashboard .welcome-msg{background:#dff0d8;border:1px solid #d6e9c6;border-radius:4px;color:#3c763d;margin:0;padding:10px} .dashboard .welcome-msg p{margin:0} .dashboard .welcome-msg p.hello{float:left;margin-right:5px} .dashboard .col2-set{margin:0 0 25px} .box-account{margin:30px 0} .box-account .box-head{margin:0 0 10px;text-align:right;line-height:1.4} .box-account .box-head h2{float:left;margin:0;font-size:16px;font-weight:700;color:#313131;line-height:1.4} .box .box-title{padding:10px 15px;border:1px solid #ddd;background-color:#f5f5f5;position:relative;border-radius:7px 7px 0 0} .box .box-content{padding:20px 15px;font-size:13px;border:1px solid #ddd;border-top:0;border-radius:0 0 7px 7px;background-color:#fbfbfb;min-height:135px} .box .box-title h3,.box .box-title h4{float:left;font-size:13px;font-weight:700;line-height:18px;text-transform:uppercase;margin:0;color:#313131} .box .box-title a{float:right;line-height:18px;font-size:12px} .dashboard .box-reviews .number{float:left;font-size:10px;font-weight:700;line-height:1;color:#fff;margin:3px -20px 0 0;padding:2px 3px;background:#0a263c} .dashboard .box-reviews .details{margin-left:20px} .dashboard .box-reviews li.item{margin:0 0 7px} .dashboard .box-reviews li.item.last{margin:0} .dashboard .box-reviews .ratings{margin:7px 0 0;background:none} .dashboard .box-tags .number{float:left;font-size:10px;font-weight:700;line-height:1;color:#fff;margin:3px -20px 0 0;padding:2px 3px;background:#0a263c} .dashboard .box-tags .details{margin-left:20px} .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} .addresses-list h2{font-size:16px;font-weight:700;color:#313131;line-height:1.4} .addresses-list h3{font-weight:700;font-size:13px} .addresses-list address{margin:0 0 3px} .addresses-list p{margin:0} .addresses-list a{font-weight:700} .addresses-list .link-remove{color:#646464} .addresses-list .separator{margin:0 3px} .addresses-list li.item{border:1px solid #ddd;border-radius:7px;padding:15px;margin:0 0 10px} .addresses-list li.empty{background:none;border:0;padding:0} .addresses-list li.empty p{font-weight:700} .addresses-list .addresses-additional li.item{background:none;border:0;padding:0} .order-info{color:#313131;font-size:16px;font-weight:700;line-height:1.4;margin:0 0 10px} .order-info dt,.order-info dd,.order-info ul,.order-info li{display:inline} .order-info .current{font-weight:700} .order-info li{margin:0 3px} .order-date{margin:10px 0} .order-info-box{margin-bottom:25px} .order-info-box h2{font-weight:700;font-size:13px;margin:0} .order-info-box .box-payment p{margin:0 0 3px} .order-info-box .box-payment th{font-weight:700;padding-right:7px} .table-caption{clear:none;font-size:15px;font-weight:700;color:#313131;padding:0;margin:0 0 10px} .order-details .link-print{color:#1e7ec8;font-weight:400} .order-details .order-links{text-align:right} .order-additional{margin:15px 0} .gift-message dt strong{color:#666} .gift-message dd{font-size:13px;margin:5px 0 0} .order-about dt{font-weight:700} .order-about dd{font-size:13px;margin:0 0 7px} .tracking-table{margin:0 0 15px;border-top:1px solid #dcdcdc} .tracking-table th{font-weight:700;white-space:nowrap} .tracking-table-popup{width:100%;border-top:1px solid #dcdcdc} .tracking-table-popup th{font-weight:700;white-space:nowrap} .tracking-table-popup th,.tracking-table-popup td{padding:1px 8px} .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:700} .page-print h2,.page-print h3{font-size:13px;font-weight:700} .page-print h2.h2{font-size:16px;font-weight:700} .page-print .order-date{background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/bkg_divider1.gif) 0 100% repeat-x;padding:0 0 10px;margin:0 0 10px} .page-print .col2-set{margin:0 0 10px} .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} #wishlist-table .product-name{margin-bottom:10px} #wishlist-table .product-name a{;font-weight:400} #wishlist-table .description{margin-bottom:10px} #wishlist-table textarea{display:block;width:100%;height:109px} #wishlist-table .buttons-set{margin-top:2em} #wishlist-table .buttons-set button.button{float:none} #wishlist-table .buttons-set .btn-add span,#wishlist-table .buttons-set .btn-share span{border-color:#406a83;background:#618499} #wishlist-table .add-to-links{white-space:nowrap} .my-tag-edit{float:left;margin:0 0 10px;line-height:23px} .my-tag-edit .btn-remove{float:right;margin:0} #my-tags-table{clear:both;border-top:1px solid #dcdcdc} #my-tags-table td{padding:10px} #my-tags-table .add-to-links{white-space:nowrap} #my-reviews-table tbody{border-top:1px solid #dcdcdc} #my-reviews-table td{padding:10px} .product-review .product-img-box{float:left;width:140px} .product-review .product-img-box .product-image{border:1px solid #ddd;border-radius:5px;margin-bottom:5px;display:block;width:125px;height:125px} .product-review .product-img-box .label{font-size:11px;margin:0 0 3px} .product-review .product-img-box .ratings .rating-box{float:none;display:block;margin:0 0 3px} .product-review .product-details{margin-left:150px} .product-review .product-name{font-size:16px;font-weight:700;margin:0 0 10px} .product-review h3{font-size:12px;margin:0 0 3px;color:#2f2f2f} .product-review .ratings-table{margin:0 0 10px} .product-review dt{font-weight:700} .product-review dd{font-size:13px;margin:5px 0 0} .billing-agreements .info-box{margin:15px 0} .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:700;font-size:13px} .cart-msrp-totals{color:red;font-size:12px!important;font-weight:700;margin:10px 10px 0;padding:10px;text-align:center;line-height:1.4;text-transform:uppercase} .map-cart-sidebar-total{color:red;display:block;font-size:10px;font-weight:700;text-align:left;padding:2px 5px;text-shadow:0 1px 0 #fff} .map-popup{background:#fff;border:1px solid #aaa;margin:12px 0 0;position:absolute;box-shadow:0 0 6px #ccc;text-align:left;width:300px;z-index:100} .map-popup-heading{background:#d9e5ee;border-bottom:1px solid #ccc;padding:5px 30px 5px 10px;width:260px} .map-popup-heading h2{font-size:16px;margin:0;text-shadow:0 1px 0 #f6f6f6;overflow:hidden;white-space:nowrap;word-wrap:break-word;text-align:left;text-overflow:ellipsis} .map-popup-arrow{position:absolute;left:50%;top:-10px;height:10px;width:19px} .map-popup-close{display:block;position:absolute;top:8px;right:10px;height:15px;width:15px;text-indent:-9999em;box-shadow:0 0 3px #999;border-radius:2px} .map-popup-content{border-top:1px solid #eee;padding:10px;overflow:hidden;text-align:left;width:280px} .map-popup-checkout{display:inline;float:right;text-align:right} .map-popup-checkout span{display:block} .map-popup-checkout .paypal-or{clear:both;display:block} .map-popup-checkout .paypal-logo{margin:0 0 5px} .map-popup-checkout li{list-style:none} .map-popup-checkout{text-align:center} .map-popup-price .price-box,.map-popup-price .price-box .special-price{margin:0;padding:0} .map-popup-price{margin:5px 0 0} .map-popup-text{clear:right;margin:0 10px;padding:10px 0;text-align:left;word-wrap:break-word} .map-popup-only-text{border-top:1px solid #ddd} .owl-theme .owl-controls .owl-page span{width:8px;height:8px;background:#a0a09f;opacity:1;filter:Alpha(Opacity=100)} .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#08c} .footer-container{border-top:0} .footer .block .block-content{background-color:transparent;padding:0} .footer-top{background-color:#f0f0ed;padding:15px 0} #feed-container{padding:50px 0} #feed-container .owl-item .item{padding:0 20px 0 90px;text-align:left;color:#121214;line-height:1.5;font-size:16px;background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/i_twitter.png) 20px 0 no-repeat} #feed-container .timePosted{font-size:14px;font-style:italic;color:#777} .cms-index-index .footer-container.fixed-position{position:fixed;bottom:0;z-index:1;width:100%;margin:0} .cms-index-index .footer-container.fixed-position .footer-top,.cms-index-index .footer-container.fixed-position .footer-middle{display:none} .cms-index-index .footer-container.fixed-position .footer-bottom{padding:5px 0;background-color:#fff;background-color:rgba(255,255,255,0.85)} .footer-container.fixed-position .footer-bottom .custom-block{margin-left:20px} .footer-container.fixed-position .footer-bottom .custom-block.f-right{margin-left:60px} .footer-container .bottom-container{margin:0 0 5px} .footer-middle{background-color:#121214;color:#777;padding:40px 0;font-size:13px} .footer-middle a{color:#fff} .footer-middle a:hover{color:#fff;text-decoration:underline} .footer-middle ul.links{padding:0;margin-top:-5px} .footer-middle ul.links li{position:relative;padding:10px 0;line-height:1;display:block} .footer-middle ul.links li i{margin-left:-5px} .footer-middle ul.features{padding:0;margin-top:-5px} .footer-middle ul.features li{position:relative;padding:10px 0;line-height:1;display:block} .footer-middle ul.features li i{margin-left:-5px;margin-right:3px} .footer-middle p{margin-bottom:15px;color:#777} .footer-middle p.label{display:block;text-align:left;font-size:13px;font-weight:400;padding:0} .footer-middle ul{padding:0} .footer-middle .block{text-align:left;line-height:1.5;border:0;margin:0;background-color:transparent;float:none;width:auto} .footer-middle .block .block-title{margin-bottom:20px} .footer-middle .block .block-title strong{font-weight:400;padding:0;font-size:16px;line-height:inherit;color:#fff;text-transform:none} .footer-middle .contact-info li{padding:5px 0} .footer-middle .contact-info li:first-child{padding-top:0} .footer-middle .contact-info p{display:inline-block;vertical-align:top;margin:0} .footer-middle .contact-info i{color:#777;display:inline-block;vertical-align:top;font-size:14px;line-height:18px} .footer-ribbon{position:absolute;margin:-56px 0 25px;padding:10px 20px 6px;background-} .footer-ribbon:before{border-right:10px solid #005580;border-top:16px solid transparent;content:"";display:block;height:0;left:-10px;position:absolute;top:0;width:7px} .footer-ribbon span{color:#fff;font-size:20px;font-family:"Shadows Into Light",cursive} .block.block-facebook-like .block-title a.btn-like{background-;height:34px;line-height:34px;font-size:14px;width:80px;text-align:center;border-radius:5px;margin-top:-8px;font-weight:400;margin-right:45px} .footer-middle .block.block-subscribe .input-box{padding:0;margin-top:50px} .footer-middle .block.block-subscribe .input-box input.input-text{float:left;height:30px;padding:0 10px;border:0;background-color:#dcdcdc;border-radius:5px;max-width:300px} .footer-middle .block.block-subscribe .input-box button{float:left;width:75px;margin-left:-75px} .footer-middle .block.block-subscribe .input-box button span{padding:0;font-size:14px;height:30px;line-height:30px;border-radius:0 5px 5px 0;font-weight:400;min-width:75px} .footer-middle .block.block-subscribe em{color:#cef09d;font-size:12px;display:block;margin:5px 0} .footer-middle .block-tweets ul{margin-top:-15px} .footer-middle .block-tweets ul li{padding:15px 0;border-top:1px solid #75b11f} .footer-middle .block-tweets ul li:first-child{border-top:0} .footer-middle .block-tweets p.tweet{margin-bottom:10px} .footer-middle .block-tweets p.timePosted{margin-bottom:0;color:#a5d75f;font-size:11px;font-style:italic} .footer-middle .block-flickr-photos .block-content{margin:-5px} .footer-middle .block-flickr-photos a.flickr-image{width:65px;display:inline-block;margin:5px} .footer-middle .block-flickr-photos a.flickr-image:hover{opacity:.8;filter:alpha(opacity=80)} .footer-middle .block-flickr-photos a.flickr-image img{width:100%} .footer-middle .fb-persons{margin:-5px} .footer-middle .fb-persons .fb-person{display:inline-block;width:75px;padding:5px;text-align:center} .footer-middle .fb-persons .fb-person a{width:100%;display:inline-block} .footer-middle .fb-persons .fb-person a:hover img{opacity:.8;filter:alpha(opacity=80)} .footer-middle .fb-persons .fb-person img{width:100%} .footer-bottom{min-height:50px;line-height:40px;background-color:#0c0c0c;padding:25px 0} .footer-bottom a.logo{float:left;margin-right:45px} .footer-bottom a.logo img{display:inline-block;vertical-align:middle} .footer-bottom .custom-block{float:left;margin-left:60px} .footer-bottom .custom-block img{max-width:100%;display:inline-block;vertical-align:middle} .footer-bottom address{float:right;line-height:40px} #totop{height:40px;position:fixed;right:15px;width:40px;z-index:9999;bottom:0;background-color:#222;font-size:16px;color:#fff;text-align:center;line-height:1;padding:11px 0;display:none;border-radius:5px 5px 0 0} #totop:hover{background-color:#555} .footer .social-icons{float:left} .social-icons a:first-child{margin:0} .footer .social-icons a{background-color:#9e9e9e;border-radius:50%} .footer .social-icons a.icon1-class:hover{background-color:#3c599b} .footer .social-icons a.icon2-class:hover{background-color:#1ca8e3} .footer .social-icons a.icon3-class:hover{background-color:#4975b6} .footer-bottom ul.links a{color:#777;font-size:11px} .footer-bottom ul.links li{padding:0 12px;border-right:1px solid #bbb;font-size:11px} .footer-bottom ul.links li:first-child{padding-left:0} .home-callout{margin-bottom:12px} .home-callout img{display:block} .home-spot{float:left;width:470px;margin-left:20px} .best-selling h3{margin:12px 0 6px;color:#e25203;font-size:1.2em} .best-selling table{border-top:1px solid #ccc} .best-selling tr.odd{background:#eee url(https://www.gala.ad/skin/frontend/smartwave/porto/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x} .best-selling tr.even{background:#fff url(https://www.gala.ad/skin/frontend/smartwave/porto/images/best_selling_tr_even_bg.gif) 0 100% repeat-x} .best-selling td{width:50%;border-bottom:1px solid #ccc;padding:8px 10px 8px 8px;font-size:11px} .best-selling .product-img{float:left;border:2px solid #dcdcdc} .best-selling .product-description{margin-left:107px;line-height:1.3em} .best-selling a.product-name,.home-spot .best-selling a.product-name:hover{color:#203548} .clearer:after,.header-container:after,.header-container .top-container:after,.header:after,.header .quick-access:after,#nav:after,.main:after,.footer:after,.footer-container .bottom-container:after,.col-main:after,.col2-set:after,.col3-set:after,.col3-layout .product-options-bottom .price-box:after,.col4-set:after,.search-autocomplete li:after,.block .block-content:after,.block .actions:after,.block li.item:after,.block-poll li:after,.block-layered-nav .currently li:after,.page-title:after,.products-grid:after,.products-list li.item:after,.box-account .box-head:after,.box .box-title:after,.box-reviews li.item:after,.box-tags li.item:after,.pager:after,.sorter:after,.ratings:after,.add-to-box:after,.add-to-cart:after,.product-essential:after,.product-collateral:after,.product-view .product-img-box .more-views ul:after,.product-view .box-tags .form-add:after,.product-view .product-shop .short-description:after,.product-view .box-description:after,.product-options .options-list li:after,.product-options-bottom:after,.product-review:after,.cart:after,.cart-collaterals:after,.cart .crosssell li.item:after,.opc .step-title:after,.checkout-progress:after,.multiple-checkout .place-order:after,.group-select li:after,.form-list li:after,.form-list .field:after,.form-list .input-box: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,.box-content:after,.block-content:after,.postDetails:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden} .guest-select{width:305px!important} .background-overlay{background-color:transparent;opacity:.5;filter:Alpha(Opacity=50);left:0;top:0} .fancybox-wrap,.fancybox-wrap *{transition:initial;-webkit-transition:initial} .home-slider-container,.home-slider-container *{transition:initial;-webkit-transition:initial} .home-slider-container .tp-banner-container{margin:0;border:0} .sharing-tool-area,.addthis_toolbox{margin-top:20px;padding-bottom:20px} .col1-layout .sharing-tool-area{float:right} .sharing-tool-area .addthis_default_style .at300m,.sharing-tool-area .addthis_default_style .at300b{padding:3px} .sharing-tool-area .addthis_default_style .addthis_counter{margin:3px 0} .sharing-tool-area .addthis_32x32_style .at300bs{border-radius:3px} .block.block-related{border:0;border-radius:5px} .block.block-related .block-title{background-color:transparent;border:0} .block.block-related .block-title strong{font-size:18px;padding:10px 0;line-height:1;color:#313131} .block.block-related .block-content{background-color:transparent;padding-bottom:30px} .block.block-related .block-subtitle{padding:0;min-height:38px} .block.block-related .item{padding:0} .block.block-related .owl-theme .owl-controls{position:absolute;right:0;top:-73px} .block.block-related .owl-theme .owl-controls .owl-buttons div{;font-size:13px;padding:0;margin:0;background:transparent} .block.block-related .product{margin:10px 0 15px;position:relative} .block.block-related .product input.checkbox{position:absolute;left:5px;top:5px;z-index:1001;margin:0} .block.block-related .product .product-image{overflow:hidden;border:1px solid #ddd;border-radius:7px;background:#fff;padding:1px} .block.block-related .product .product-image img{width:100%;border-radius:5px} .block.block-related .product-details{padding:0} .sidebar .custom-block{margin-bottom:30px;padding-bottom:40px;background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/bkg_4.png) bottom no-repeat} .sidebar .custom-block.custom-block-1{padding-bottom:20px} .sidebar .custom-block-1>div{min-height:50px;margin-bottom:20px;clear:both} .sidebar .custom-block-1>div i{font-size:30px;color:#000;float:left;width:50px;height:50px;line-height:48px;border:1px solid #bbb;border-radius:50%;text-align:center;margin-right:10px} .sidebar .custom-block-1>div h3{color:#313131;font-size:16px;margin:0;line-height:1.5;margin-left:50px;padding-top:4px} .sidebar .custom-block-1>div p{font-size:12px;margin:0;margin-left:50px;line-height:1} .onepagecheckout_datafields .form-list li{margin:0} .onepagecheckout_datafields .form-list .field{width:100%;float:none;margin:0} .onepagecheckout_datafields .form-list .input-box{margin-bottom:20px} p.newsletter label{color:#777;line-height:20px} .gift-messages p.control label{line-height:20px} .op_login_area{width:300px;padding:20px} .onepagecheckout-index-index .page-title{border:0;margin:20px 0} .order-products-table .price{letter-spacing:0;} .discount-form label{font-size:14px} .discount-form input.input-text{height:38px;border:1px solid #ccc;padding:0 20px} .block-account ul li,.block.block-blog-categories .blog-category{padding:8px 3px 8px 18px;position:relative;line-height:1.3;border-bottom:1px solid #ddd} .block-account ul li strong{font-weight:400} .block-account ul li strong,.block-account ul li a:hover,.block.block-blog-categories a:hover{} .block-account ul li strong:before,.block-account ul li a:before,.block.block-blog-categories a:before{content:'\e814';font-family:'porto';position:absolute;left:3px} .block-account ul li a,.block.block-blog-categories a{color:#777;text-decoration:none} #my-orders-table .price{letter-spacing:0} .my-account .pager{margin:20px 0} h2.word-rotator-title{line-height:30px;font-size:20px;font-weight:300;margin:0 0 20px;color:#121214} .word-rotate{visibility:hidden;width:100px;height:0;margin-bottom:-7px;display:inline-block;overflow:hidden;text-align:center;position:relative} h2 .word-rotate{margin-bottom:-7px} .word-rotate.active{visibility:visible;width:auto} .word-rotate .word-rotate-items{position:relative;top:0;width:100%} .word-rotate .word-rotate-items span{display:block;white-space:nowrap} p .alternative-font{display:inline-block;margin-top:-15px;position:relative;top:3px;margin-bottom:-6px;;font-family:"Shadows Into Light",cursive;font-size:1.6em} .btn-primary{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-;border-} .btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px} .btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px} .push-top{margin-top:20px} .btn-primary:hover{border-color:#0099e6;background-color:#0099e6;color:#fff} .btn:hover{text-decoration:none} hr.tall{margin:30px 0;background-image:-webkit-linear-gradient(left,transparent,rgba(0,0,0,.2),transparent);background-image:linear-gradient(left,transparent,rgba(0,0,0,.2),transparent);border:0;height:1px} .entry-content h3{font-size:1.7em;font-weight:400;;letter-spacing:normal;line-height:24px;margin-bottom:33px;text-transform:uppercase} .entry-content p{font-size:14px;line-height:24px;margin-bottom:20px} .entry-content .lead{font-size:21px;line-height:1.4} .history{margin:25px 0;padding:0;clear:both} .history .thumb{background:transparent url(https://www.gala.ad/skin/frontend/smartwave/porto/images/history-thumb.png) no-repeat 0 0;width:227px;height:160px;margin:0 0 30px;padding:0;float:left} .history .thumb img{border-radius:50%;margin:7px 8px;width:145px;height:145px} .featured-box{background:#f5f5f5;background-color:transparent;background:linear-gradient(to bottom,white 1%,#f9f9f9 98%) repeat scroll 0 0 transparent;box-sizing:border-box;border-bottom:1px solid #DFDFDF;border-left:1px solid #ECECEC;border-radius:8px;border-right:1px solid #ECECEC;min-height:100px;position:relative;text-align:center;z-index:1;margin:20px auto} .history .featured-box{text-align:left;margin-left:225px;margin-bottom:35px;min-height:115px} .featured-box .box-content{border-radius:8px;border-top:4px solid #08c;padding:30px 20px 0} .history .featured-box .box-content{border-top-} .history h4{float:left;margin:15px 0;padding:0;;line-height:27px} .featured-box h4{font-size:1.3em;font-weight:400;letter-spacing:-.7px;text-transform:uppercase} .history p{margin:0 0 20px;margin-left:55px;line-height:24px} .featured-box .block-flickr-photos{border:0} .featured-box .block-flickr-photos .block-title{display:none} .featured-box .block-flickr-photos a.flickr-image{margin:5px;display:inline-block;border:1px solid #dcdcdc;padding:5px;border-radius:5px} .featured-box .block-flickr-photos a.flickr-image img{max-width:100%;width:75px} .shop-features{text-align:center} .shop-features h2.shop-features-title{position:relative;text-align:center;margin:30px 0} .shop-features h2.shop-features-title:before{content:"";background-image:linear-gradient(to right,transparent,rgba(0,0,0,0.2),transparent);height:1px;width:100%;display:block;position:absolute;top:50%} .shop-features h2.shop-features-title span{background-color:#fff;display:inline-block;position:relative;z-index:1;padding:0 12px;color:#313131;font-weight:700;font-size:15px} .shop-features i{color:#333;width:64px;height:64px;text-align:center;line-height:60px;display:inline-block;border:2px solid #ccc;border-radius:50%;font-size:28px} .shop-features h3{color:#121214;font-size:15px;line-height:1;margin:20px 0 10px} .shop-features p{color:#777;font-size:14px;margin:0;margin-bottom:15px;padding:0 20px} .shop-features a{margin:0;font-size:14px} .form-list .input-box.input-textarea{border:0} .form-list .input-box.input-textarea label{padding:0;vertical-align:top} .form-list .input-box.input-textarea label i{border:1px solid #ccc;border-right:0;margin:0;border-radius:3px 0 0 3px} .contacts-index-index h2.legend{font-size:20px;margin-bottom:20px;font-weight:300;letter-spacing:0} .contacts-index-index .col-main .contact-info i{float:left;width:43px;height:43px;background-;color:#fff;line-height:43px;text-align:center;font-size:16px;border-radius:6px;margin-bottom:15px} .contacts-index-index .col-main .contact-info p{margin-left:55px;margin-bottom:0;font-size:14px;line-height:21px} .form-list .input-box label i{background-color:#f0f0ed} table.for-mobile{display:none} table.for-desktop{display:table} .page-popup .link-print{background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/i_print.gif) 0 2px no-repeat;padding:2px 0 2px 25px;font-weight:700;color:#1e7ec8} .compare-table{border:0} .compare-table thead tr.first th,.compare-table thead tr.first td{border:0;background:none;padding:0;font-size:0;line-height:0} .compare-table .btn-remove{float:right;width:72px;height:15px} .compare-table tbody th,.compare-table tbody td{padding:10px;border:0;border-top:1px solid #ccc;border-left:1px solid #ccc;vertical-align:top} .compare-table tbody td .std{text-align:left} .compare-table tr.add-to-row td{background:#f7f7f7;text-align:center} .compare-table tr.first td{text-align:center} .compare-table tr.first td .product-name{font-size:13px;font-weight:700;margin:0 0 5px} .compare-table tr.first td .ratings{width:69px;margin:0 auto} .compare-table tr.first td p,.compare-table tr.add-to-row td p{margin:0} .data-table.compare-table{border:1px solid #dcdcdc} .data-table.compare-table td{border:0;text-align:center;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;line-height:1.5} .data-table.compare-table th{text-align:right;text-transform:uppercase;background:#f7f7f7;border:0;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc} .data-table.compare-table .ratings{margin:0} .data-table.compare-table .ratings .rating-box{float:none;margin:0 auto} .data-table.compare-table .ratings .amount{display:none;margin:0 auto} .data-table.compare-table .price-box{margin:0} .data-table.compare-table .price-box p{float:none;display:inline-block} .compare-table tr.product-img-row td{padding:20px 30px;position:relative} .compare-table tr.product-img-row td a.btn-remove2{position:absolute;right:5px;top:5px;width:20px;height:20px} .compare-table tr.product-img-row .product-image img{width:100%} .compare-table tr.product-img-row td .product-name{margin:15px 0 0} .compare-table tbody tr.last td{vertical-align:middle;border-bottom:0} .blank-rating{display:none} .data-table.compare-table .blank-rating{display:block} .data-table.compare-table tr.add-to-row td{background:none} .block.block-blog-categories a{font-size:inherit;margin-left:0} .block.block-blog-recent ul li{margin:0;padding:10px 0} .block.block-blog-recent ul li div.post-image{border-radius:4px;padding:2px;background-color:#fff;border:1px solid #ddd;margin-right:12px} .block.block-blog-recent ul li div.post-image:after{display:table;content:"";clear:both} .block.block-blog-recent ul li a{font-family:inherit;font-size:inherit;;line-height:18px} .block.block-blog-recent ul li div.post-time{color:#888;font-size:12px;line-height:24px;font-family:inherit;font-style:normal;text-align:left;margin:0} .block.block-blog-tags ul li a{font-family:inherit;font-weight:400} .block.block-blog-tags ul li a:hover{text-decoration:none;background-} .posts-wrap{margin:10px 0 0} .postBanner{padding:4px;background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:30px} .postBanner p{line-height:1;margin:0} .postBanner .owl-item .item{width:100%} .postBanner .owl-item .item img{width:100%} .postBanner img{width:100%;border-radius:3px} .postBanner iframe{min-height:300px} .postBanner .owl-theme .owl-controls{position:absolute;left:0;right:0;bottom:0} .postTitle{border:0} .postTitle h2{font-weight:600;margin:0 0 10px} .postTitle h2 a:hover{opacity:.9;filter:alpha(opacity=90);text-decoration:none} .postWrapper{margin-left:60px;margin-top:0;margin-bottom:30px;border-bottom:1px solid #ddd} .postBanner{margin-left:-60px} .postContent{font-size:14px;line-height:1.5;padding-bottom:15px} .recent-posts .postContent>p{margin:0} .recent-posts a.readmore{font-weight:300;font-size:16px} .postWrapper .post-date{margin-left:-60px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);float:left;margin-right:10px;text-align:center} .postWrapper .post-date .day{;background-color:#f4f4f4;border-radius:2px 2px 0 0;display:block;font-size:16px;font-weight:700;padding:10px;line-height:22px;margin-bottom:3px} .postWrapper .post-date .month{color:#fff;background-;border-radius:0 0 2px 2px;box-shadow:0 -1px 0 0 rgba(0,0,0,.07) inset;display:block;font-size:12px;padding:0 10px 2px;line-height:16px} .postDetails{line-height:22px} .postDetails >span{margin-right:10px} .postDetails >span span:last-child{display:none} .postDetails >span i{margin-right:5px} .postDetails >span a{color:#777} .postDetails >span a:hover{} .postBookmarks a{line-height:1.2} .smartwave-blog-read-more{color:#777;font-size:13px} .postBookmarks{padding:10px 0 0} .postBookmarks a{color:#777;text-decoration:none} .postBookmarks a:hover{} .postBookmarks img{margin:0 2px} #postComment .form-list .input-box{border-radius:5px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} #postComment .form-list input.input-text{height:34px;padding:6px 12px;font-size:14px;line-height:1.5;color:#555} #postComment .form-list textarea{height:150px;padding:6px 12px;font-size:14px;line-height:1.5;color:#555} #postComment .form-list label{margin-bottom:5px} .postComments{margin-left:60px} .post-share{padding:10px 0 0;margin-bottom:-5px;border-top:1px solid #ddd} .post-share i{margin-right:5px} .post-share h3{;font-size:13px;font-weight:300;margin:10px 10px 0 0;text-transform:none;float:left} .blog-post-view .postWrapper{margin-bottom:0} .postComments .postTitle h2{padding:20px 0;font-size:1.8em;font-weight:200;margin:0 0 20px;text-transform:none;} .postComments .toolbar{border-bottom:1px solid #ddd;margin-bottom:40px;padding-bottom:10px} form#postComment{display:block;margin-top:25px;padding:45px 0 0;border-top:1px solid #ddd} #postComment h4.legend{padding:0 0 20px;font-size:1.8em;font-weight:200;margin:0 0 20px;text-transform:none;} .commentWrapper i.icon-user{font-size:50px;border:4px double #ddd;background:#fff;border-radius:5px;float:left;line-height:70px;text-align:center} .commentWrapper .comment-area:before{border-bottom:15px solid transparent;border-right:15px solid #F4F4F4;border-top:15px solid transparent;height:0;left:-15px;position:absolute;top:28px;width:0;content:""} .commentWrapper .comment-area{margin-left:110px;background:#F4F4F4;border-radius:5px;padding:20px;position:relative} .commentWrapper .comment-area .commentContent{line-height:22px;margin-bottom:10px} .commentWrapper .comment-area .date{text-align:right;color:#999} .cms-index-index .tp-caption{text-align:left} .cms-index-index .tp-caption.very_large_text{;font-size:56px;font-weight:600;text-decoration:none;background-color:transparent;letter-spacing:13px;border:0;text-shadow:none;font-family:"Open Sans"} .cms-index-index .tp-caption.large_thin{;background-color:transparent;text-decoration:none;font-size:46px;font-weight:300;border:0;font-family:"Open Sans"} .cms-index-index .tp-caption.small_thin_grey{font-size:20px;line-height:30px;font-weight:300;color:#777;font-family:"Open Sans";text-decoration:none;background-color:transparent;text-shadow:none;margin:0;border:0} .cms-index-index .tp-caption a,.cms-index-index .tp-caption a:hover{color:#fff;font-family:"Open Sans"} .cms-index-index .tp-caption.title1{font-size:36px;font-weight:600;;background-color:transparent;text-decoration:none;letter-spacing:8px;border:0;font-family:"Open Sans"} .cms-index-index .tp-caption.small-desc{color:#999;font-size:16px;font-family:"Open Sans",Arial,sans-serif;font-weight:300;background-color:transparent;text-decoration:none} .cms-index-index .white-arrow .tparrows.navbar{color:#fff} .cms-index-index .tparrows.navbar:hover{background-position:0 -45px!important} .cms-index-index .tp-caption.white-title1{text-decoration:none;font-family:"Open Sans",Arial,sans-serif;font-size:48px;font-weight:600;color:#fff;background-color:transparent;letter-spacing:12px;border:0} .cms-index-index .tp-caption.small-desc-white{color:#fff;font-size:16px;font-family:"Open Sans",Arial,sans-serif;font-weight:300;background-color:transparent;text-decoration:none;border:0;line-height:24px} .cms-index-index .tp-caption a.btn-white,.cms-index-index .tp-caption a.btn-white:hover{background-color:#fff;} .single-image{overflow:hidden;text-align:center;margin:15px 0} .single-images .single-image{margin:0;border-radius:5px} a.single-image{display:block;margin:4px;border-radius:5px;position:relative} a.single-image img{width:100%} .single-image img{max-width:100%;transition:.5s ease} .single-image:hover img{transform:scale(1.2)} .filter-products .products.small-list{text-align:left;margin-top:-10px} .filter-products .products.small-list div.item{width:100%;max-width:300px;float:none;display:inline-block;padding:0} .filter-products .products.small-list div.item .item-area{padding:10px 0 6px} .filter-products .products.small-list div.item .product-image-area{width:33%;float:left;padding:2px} .filter-products .products.small-list div.item .details-area{width:66%;float:left;text-align:left;padding:10px 16px} .filter-products .products.small-list div.item .details-area .ratings{background:transparent;margin-bottom:10px} .filter-products .products.small-list div.item .price-box{margin:0;line-height:1.2} .filter-products .products.small-list div.item .price-box p{margin:0;line-height:1.2} h2.sidebar-title{margin-bottom:20px;font-size:16px;font-weight:700;text-transform:uppercase;color:#313131;line-height:1} .owl-top-narrow .sidebar-list .owl-controls{top:-16px} .owl-top-narrow .sidebar-list .owl-controls .owl-buttons div{font-size:16px} .filter-products .products.sidebar-list div.item .item-area{background-color:transparent;box-shadow:none;border:0;border-radius:0} .filter-products .products.sidebar-list div.item:hover .item-area{background-color:transparent;box-shadow:none;border:0;border-radius:0} .sidebar-filterproducts{margin-bottom:30px} .sidebar-filterproducts .owl-top-narrow{margin:0} .homepage-bar{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background-color:#fbfbfb} .homepage-bar .col-md-4{border-left:1px solid #e1e1e1;padding-top:20px;padding-bottom:21px} .homepage-bar .col-md-4:first-child{border-left:0} .homepage-bar i{font-size:34px;color:#000;display:inline-block;vertical-align:middle} .homepage-bar i:before{width:auto} .homepage-bar .text-area{display:inline-block;vertical-align:middle;text-align:left;margin-left:5px} .homepage-bar h3{color:#313131;font-size:16px;margin:0;line-height:1.5} .homepage-bar p{font-size:12px;margin:0;line-height:1} .homepage-bar.type2{border:0;background-color:transparent} .homepage-bar.type2 i{color:#fff;background-color:#121214;border-radius:50%;width:62px;height:62px;line-height:62px;text-align:center;float:left} .homepage-bar.type2 i.icon-truck{padding-right:4px} .homepage-bar.type2 .text-area{display:block;margin-left:75px} .homepage-bar.type2 .col-md-4{border:0;padding-top:5px;padding-bottom:5px} .homepage-bar.type2 h3{color:#000;font-size:20px;margin:0;line-height:1;font-weight:600;margin-bottom:6px} .homepage-bar.type2 em{font-size:11px;font-style:normal;font-weight:400;font-family:Arial;line-height:1;margin-bottom:12px;display:block;color:#878787} .homepage-bar.type2 p{font-size:14px;margin:0;line-height:1.3;color:#666} .parallax-slider .owl-carousel h2{font-size:60.28px;color:#fff;line-height:1} .parallax-slider .owl-carousel p{font-size:22.6px;color:#fff;line-height:1;margin-bottom:30px} .parallax-slider .owl-carousel a{font-size:16px;color:#fff;line-height:1} .parallax-slider .owl-theme .owl-controls{margin-top:25px} .owl-item .item{max-width:100%;float:none!important} .owl-item .item img{max-width:100%} .cms-index-index blockquote.testimonial{background-;border:0;border-radius:10px;color:#fff;font-family:Georgia,serif;font-style:italic;margin:0;padding:10px 50px;position:relative;font-size:1.2em;line-height:1.3} .cms-index-index blockquote.testimonial:before{left:10px;top:0;color:#fff;content:"\201C";font-size:80px;font-style:normal;line-height:1;position:absolute} .cms-index-index blockquote.testimonial:after{right:10px;bottom:-.5em;color:#fff;content:"\201D";font-size:80px;font-style:normal;line-height:1;position:absolute} .cms-index-index .testimonial-arrow-down{border:15px solid transparent;border-top-;border-bottom:0;height:0;margin:0 0 0 25px;width:0} .cms-index-index .testimonial-author{margin:8px 0 0 8px} .cms-index-index .testimonial-author .img-thumbnail{border-radius:7px;float:left;margin-right:10px;position:relative;padding:4px;line-height:1.5;background-color:#fff;border:1px solid #ddd;display:inline-block;max-width:100%;height:auto} .cms-index-index .testimonial-author .img-thumbnail img{max-width:60px;display:inline-block;height:auto} .cms-index-index .testimonial-author p{color:#666;margin:0 0 0 25px;text-align:left;line-height:24px} .cms-index-index .testimonial-author p >strong{color:#111;display:block;padding-top:7px;font-size:14px} .cms-index-index .testimonial-author span{color:#666;display:block;font-size:12px} .slide .product{text-align:center} .slide .product img{float:none;max-width:100%;margin:5px auto} .slide .product h6{color:#777;font-size:1.14em;line-height:18px;font-weight:400;margin:0 0 14px;letter-spacing:normal} .slide .product .price{font-size:32px;line-height:32px;;letter-spacing:0} .slide .product .price .amount{display:inline-block} .slide .product .price .amount .currency,.slide .product .price .amount .decimal{font-size:.67em} .slide .product .price del{display:none} .slide .product .price ins{text-decoration:none} .slide .product .add_to_cart_button{display:inline-block;margin:15px 0} div.filter-title,h2.filter-title{background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/slider-bar.png) right no-repeat;font-size:16px;font-weight:300;line-height:42px;margin:0;color:#313131;text-transform:uppercase;text-align:left} div.filter-title .content,h2.filter-title .content{background-color:#fff;padding-right:20px;display:inline} p.filter-title,h3.filter-title{background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/slider-bar.png) right no-repeat;font-size:1.7em;font-weight:400;line-height:24px;margin:0 0 32px;} p.filter-title .content,h3.filter-title .content{background-color:#fff;padding-right:20px} .filterproducts-tab .filter-title ul{list-style:none;padding:0;padding-right:20px} .filterproducts-tab .filter-title ul li{display:inline-block} .filterproducts-tab .filter-title ul li a{color:#313131;padding-left:15px;margin-left:12px;border-left:1px solid #ddd} .filterproducts-tab .filter-title ul li:first-child a{margin:0;padding:0;border:0} .filterproducts-tab .filter-title ul li.active a{} .border-box{position:relative;border:solid 1px #d5d5d5;padding:15px 15px 30px;min-height:100px;margin:30px 0 0;text-align:center} .border-box .box-title{position:absolute;top:-21px;left:0;width:100%;text-align:center} .border-box .box-title h2{display:inline-block;padding:0 10px;background-color:#fff;color:#9c9c9c;font-size:2.6em;font-weight:300;line-height:42px;margin:0} .border-box .box-thumb{position:absolute;bottom:0} .border-box .box-thumb img{max-width:200px} .feature-box{clear:both} .feature-box.gift-card{overflow:hidden} .feature-box .feature-box-icon{background-;border-radius:35px;color:#fff;display:inline-block;float:left;height:35px;margin-right:10px;position:relative;text-align:center;top:5px;width:35px} .feature-box.tertiary .feature-box-icon{float:none;margin:15px auto;padding:0;border-radius:100%} .feature-box.orange .feature-box-icon{background-color:#ffa800} .feature-box.green .feature-box-icon{background-color:#2dbe7f} .feature-box.pink .feature-box-icon{background-color:#ee68a7} .feature-box.gift-card .feature-box-icon{width:70px;height:70px;line-height:70px;font-size:30px} .feature-box .feature-box-info{padding-left:50px} .feature-box.tertiary .feature-box-info{padding:0} .feature-box.gift-card h4{font-size:32px;font-style:italic;margin-bottom:10px;color:#9c9c9c} p.tall{color:#777;line-height:24px;margin:0 0 20px;font-size:14px} .custom-gift .feature-box .feature-box-icon{width:100px;height:100px;line-height:100px;font-size:45px;text-align:center} .custom-gift .feature-box .feature-box-info h4{color:#fff;font-size:51px;margin:0 20px 20px;line-height:1;font-weight:400} .custom-gift .feature-box .feature-box-info p{font-size:22px;line-height:28px;font-weight:300;margin-bottom:20px;color:#fff} .feature-box.secundary h4{color:#121214;font-size:20px;font-weight:400} .feature-box.secundary .feature-box-icon{background-color:transparent;} .feature-box.secundary .feature-box-icon i{font-size:28px} .feature-box.secundary .feature-box-info{padding-left:60px} .custom-support{text-align:left} .custom-support i{float:left;background-color:#e35d53;color:#fff;border-radius:50%;width:62px;height:62px;text-align:center;line-height:62px;font-size:20px} .custom-support div.content{margin-left:76px} .custom-support div.content>h2{color:#000;margin:0;font-weight:600;font-size:20px;line-height:1.5} .custom-support div.content>em{color:#888;font-weight:300;font-size:11px;font-style:normal;line-height:1;margin-bottom:15px;display:block} .custom-support div.content>p{color:#666;font-size:14px} .gift-box>p{text-align:left;font-size:15.36px;color:#525252;font-weight:300;margin-left:3px;margin-bottom:30px} .gift-box .feature-box.gift-card h4{font-size:18px;font-style:normal;font-weight:400;color:#222;text-transform:uppercase} .homepage-grid-banner{padding:0} .homepage-grid-banner *{transition:all .2s} .homepage-grid-banner .row{margin-left:-4px;margin-right:-4px} .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:4px;padding-right:4px} .homepage-grid-banner .col-sm-margin{margin-bottom:8px} .homepage-grid-banner img{width:100%} .homepage-grid-banner .content a{font-size:16px;margin-right:5px} .homepage-grid-banner .content a.btn-default{font-size:13px;margin:0;border:0;padding-right:3px} .homepage-grid-banner .ribbon{width:33.5%;height:22.3%} .homepage-grid-banner .ribbon:before{content:"";position:absolute;right:0;top:0;border:150px solid #08c;border-right:0;border-bottom:0;border-left:200px solid transparent} .homepage-grid-banner .ribbon>div{width:90%} .homepage-grid-banner .ribbon em{font-size:14px} .homepage-grid-banner .ribbon h4{font-size:33px;line-height:1;margin:0} .homepage-grid-banner .ribbon h5{font-size:18px;line-height:1;margin:0} .homepage-grid-banner .grid1,.homepage-grid-banner .grid2,.homepage-grid-banner .grid3,.homepage-grid-banner .grid4{cursor:pointer;overflow:hidden;min-height:50px} .homepage-grid-banner .grid1:before,.homepage-grid-banner .grid2:before,.homepage-grid-banner .grid3:before,.homepage-grid-banner .grid4:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:0;filter:alpha(Opacity=0);visibility:hidden;transition:all .2s} .homepage-grid-banner .grid1:hover:before,.homepage-grid-banner .grid2:hover:before,.homepage-grid-banner .grid3:hover:before,.homepage-grid-banner .grid4:hover:before{opacity:.1;filter:alpha(Opacity=10);visibility:visible} .homepage-grid-banner .grid1 .content h2{font-size:70.72px;line-height:1} .homepage-grid-banner .grid1 .content p{font-size:29.47px;line-height:1;margin-bottom:10px;margin-right:4px} .homepage-grid-banner .grid2 .content h3{font-size:28.88px;line-height:1} .homepage-grid-banner .grid2 .content h2{font-size:28.88px;line-height:1} .homepage-grid-banner .grid2 .content p{font-size:17.58px;line-height:1;margin-bottom:15px} .homepage-grid-banner .grid3 .content h2{font-size:46px;line-height:1;margin:0} .homepage-grid-banner .grid3 .content h5{font-size:16px;line-height:1;margin-bottom:30px} .homepage-grid-banner .grid3 .content p{font-size:16px;line-height:1;margin-bottom:5px} .homepage-grid-banner .grid3 .content h4{font-size:22.72px;line-height:1;margin-top:20px;margin-bottom:0} .homepage-grid-banner .grid3 .content h4>span{font-size:17.66px;line-height:1} .homepage-grid-banner .grid3 .content h3{font-size:37.71px;line-height:1;margin-bottom:15px} .homepage-grid-banner .grid3 .content h3>span{font-size:25.14px;line-height:1} .homepage-grid-banner .grid4 .content h2{font-size:33.86px;line-height:1.2;margin:0;margin-bottom:15px} .homepage-grid-banner .grid4 .content p{font-size:19.75px;line-height:1.2;margin-bottom:17px} .grid-images{text-align:center} .grid-images .row{margin-left:-10px;margin-right:-10px} .grid-images .col-sm-4,.grid-images .col-sm-8{padding-left:10px;padding-right:10px} .grid-images .grid1{margin-bottom:10px} .grid-images img{max-width:100%} .slider-with-side{margin:0 -8px} .slider-with-side .slider-area{padding:0 8px;float:left;width:72.3%} .slider-with-side .side-area{padding:0 8px 0 7px;float:left;width:27.7%} .slider-with-side .side-area .item1,.slider-with-side .side-area .item2,.slider-with-side .side-area .item3{margin-bottom:9px;position:relative;overflow:hidden} .slider-with-side .side-area .item3{margin:0!important} .slider-with-side .side-area .item1 .content{position:absolute;bottom:17px;left:15px;text-align:left} .slider-with-side .side-area .item1 .content h2{font-size:35.16px;margin:0;margin-bottom:14px} .slider-with-side .side-area .item1 .content em{font-size:27.45px;margin:0;margin-bottom:2px;display:block;margin-left:4px} .slider-with-side .side-area .item1 .content a{font-size:15.08px;margin:0;margin-left:4px;display:block} .slider-with-side .side-area .item2 .content{position:absolute;bottom:17px;left:21px;text-align:left} .slider-with-side .side-area .item2 .content h2{font-size:33.86px;margin:0;margin-bottom:12px} .slider-with-side .side-area .item2 .content p{font-size:18.34px;margin:0;margin-left:1px} .slider-with-side .side-area .item2 .content a{font-size:13px;border:0;text-shadow:none;padding:8px 10px 8px 15px;margin:13px 0 0 25px} .slider-with-side .side-area .item3 .content{position:absolute;bottom:17px;left:19px;text-align:left} .slider-with-side .side-area .item3 .content h2{font-size:32px;margin:0} .slider-with-side .side-area .item3 .content p{font-size:20px;margin:0;margin-bottom:17px} .slider-with-side .side-area .item3 .content a{font-size:16px;margin:0} .slider-with-side .side-area .item1:before,.slider-with-side .side-area .item2:before,.slider-with-side .side-area .item3:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:0;filter:alpha(Opacity=0);visibility:hidden;transition:all .2s} .grid-images .grid1 img,.grid-images .grid2 img,.grid-images .grid3 img{opacity:1;filter:alpha(Opacity=100);visibility:visible;transition:all .2s} .slider-with-side .side-area .item1:hover:before,.slider-with-side .side-area .item2:hover:before,.slider-with-side .side-area .item3:hover:before{opacity:.1;filter:alpha(Opacity=10);visibility:visible} .grid-images .grid1:hover img,.grid-images .grid2:hover img,.grid-images .grid3:hover img{opacity:.8;filter:alpha(Opacity=80);visibility:visible} .slider-with-side .slider-area .item .content .text-area h2{display:inline-block;padding:7px 50px 7px 11px;font-size:42.7px;margin-bottom:4px} .slider-with-side .slider-area .item .content .text-area p{display:inline-block;padding:12px 17px 12px 13px;font-size:17.58px;margin:0} .slider-with-side .slider-area .item .content .ribbon{right:13px;top:16px} .slider-with-side .slider-area .item .content .ribbon em{font-size:14px;margin:0;margin-right:63px} .slider-with-side .slider-area .item .content .ribbon h3{font-size:33px;margin:0;margin-right:14px} .slider-with-side .slider-area .item .content .ribbon h5{font-size:18px;margin:0;margin-top:-3px} .full-screen-slider .item > div.content{position:absolute;top:50%;left:0;width:100%;text-align:center;z-index:2} .full-screen-slider .item > div.content > h2{font-size:60.28px;margin-bottom:18px;line-height:1} .full-screen-slider .item > div.content > p{font-size:25.12px;margin-bottom:35px;line-height:1} .full-screen-slider .item > div.content > a.btn-default{font-size:14px;line-height:1;font-weight:600;text-shadow:none;padding:15px 48px;border-radius:7px;border:0} .full-screen-slider .item > div.content em{font-style:normal;line-height:1;display:block} .full-screen-slider .item > div.content em.type1{font-size:18.34px;margin-bottom:-5px} .full-screen-slider .item > div.content em.type2{font-size:29.47px;margin-bottom:10px;margin-left:30px} .full-screen-slider .item > div.content em.type3{font-size:17.68px;margin-top:10px} .full-screen-slider .item > div.content h3{font-size:61.56px;margin:0;line-height:1} .full-screen-slider .item > div.content h4{font-size:52.39px;margin:0;padding-right:35px;border-right:2px solid #83c5e6;line-height:1;vertical-align:middle} .full-screen-slider .item > div.content .sale-bar a{font-size:20.96px;margin-left:23px;line-height:1;vertical-align:middle} .full-screen-slider .item > div.content .sale-bar a .icon-angle-down{font-size:12px;margin-left:10px;border-radius:50%;background-;color:#fff;vertical-align:middle} .full-screen-slider .item > div.content .sale-bar>div.f-left{padding:15px 22px} .full-screen-slider .item > div.content .sale-bar>div.f-left:first-child{padding:15px 40px} .full-screen-slider .item > div.content .sale-bar{height:82px;margin-left:14px} .full-screen-slider .item > div.content .sale-bar .triangle{float:left;height:82px;position:relative;overflow:hidden} .full-screen-slider .item > div.content .sale-bar .triangle>div{height:41px;border:20px solid transparent;border-top-width:41px;margin:0 -20px -20px 0} .full-screen-slider .item > div.content .sale-bar .triangle>div:first-child{height:41px;border:20px solid transparent;border-bottom-width:41px;margin:-20px -20px 0 0} .full-screen-slider .item > div.content.content-1{margin-top:-126px} .full-screen-slider .item > div.content.content-1 > p{font-size:20.09px;margin:38px 0} .full-screen-slider .item > div.content.content-1 > a.btn-default{font-size:16px;padding:15px 20px} .full-screen-slider .item > div.content.content-2{margin-top:-75px} .full-screen-slider .item > div.content.content-3{margin-top:-91px} .slide3-1-content p{line-height:1;margin:0;margin-bottom:5px;font-size:19.75px} .slide3-1-content h2{line-height:1;margin:0;font-size:50.23px;margin-bottom:30px} .slide3-1-content .price-area em{font-style:normal;line-height:1;margin:0;font-size:17.33px;text-align:right} .slide3-1-content .price-area em:first-child{margin-right:0;margin-bottom:-2px;text-align:left} .slide3-1-content .price-area h3{line-height:1;margin:0;font-size:58.18px} .slide3-1-content .button-area{padding-left:15px;margin-left:15px} .slide3-1-content a.btn-default{height:67px;font-size:16px;font-weight:300;line-height:67px;padding:0 20px 0 30px;border-radius:8px} .slide3-1-content a.btn-default i{width:15px;height:15px;line-height:14px;text-align:center;font-size:11px;display:inline-block;vertical-align:middle;margin-bottom:5px;margin-left:12px} .slide3-2-content em{font-size:20px;font-style:normal;margin-left:2px;margin-bottom:5px;line-height:1} .slide3-2-content h2{font-size:50.23px;line-height:1;margin:0;margin-bottom:5px} .slide3-2-content p{font-size:37px;line-height:1;margin-bottom:30px} .slide3-2-content a{font-size:16px;display:inline-block;vertical-align:middle;line-height:1} .slide3-2-content a>i{width:15px;height:15px;line-height:14px;text-align:center;font-size:11px;display:inline-block;vertical-align:middle;margin-bottom:3px;margin-left:12px;background-color:#fff;border-radius:50%;color:#000} .image-link{display:block;position:relative} .image-link:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:0;filter:alpha(Opacity=0);visibility:hidden;transition:all .2s} .border-radius .image-link:before{border-radius:8px} .image-link:hover:before{opacity:.1;filter:alpha(Opacity=10);visibility:visible} .image-link img{width:100%;height:auto;display:block} #banner-slider-demo-1 .slide1-content em{font-size:26.26px;margin:0 10px} #banner-slider-demo-1 .slide1-content h2{font-size:79.12px;margin:5px 0 10px} #banner-slider-demo-1 .slide1-content p{font-size:23.64px} #banner-slider-demo-1 .slide2-content em{font-size:26.26px;margin-left:8px} #banner-slider-demo-1 .slide2-content h2{font-size:82.51px;margin:3px 0 10px} #banner-slider-demo-1 .slide2-content p{font-size:18px;margin-left:8px;margin-bottom:30px} #banner-slider-demo-1 .slide2-content p span.split{margin:0 13px 0 14px} #banner-slider-demo-1 .slide2-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px} #banner-slider-demo-1 .slide3-content em{font-size:26.26px} #banner-slider-demo-1 .slide3-content h2{font-size:82.51px;margin-bottom:17px} #banner-slider-demo-1 .slide3-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px} #banner-slider-demo-14 .slide1-content em{font-size:26.26px;margin:0 10px} #banner-slider-demo-14 .slide1-content h2{font-size:79.12px;margin:5px 0 10px} #banner-slider-demo-14 .slide1-content p{font-size:23.64px} #banner-slider-demo-14 .slide2-content em{font-size:26.26px;margin-left:8px} #banner-slider-demo-14 .slide2-content h2{font-size:82.51px;margin:3px 0 10px} #banner-slider-demo-14 .slide2-content p{font-size:18px;margin-left:8px;margin-bottom:30px} #banner-slider-demo-14 .slide2-content p span.split{margin:0 13px 0 14px} #banner-slider-demo-14 .slide2-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px} #banner-slider-demo-14 .slide3-content em{font-size:26.26px} #banner-slider-demo-14 .slide3-content h2{font-size:82.51px;margin-bottom:17px} #banner-slider-demo-14 .slide3-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px} .side-custom-menu{border:1px solid #ddd;border-radius:7px;overflow:hidden} .side-custom-menu h2{color:#000;border-bottom:1px solid #ddd;font-size:13px;font-weight:700;text-align:left;padding:13px 13px 12px;background-color:#f5f5f5;line-height:1;margin:0} .side-custom-menu ul{padding:0 12px} .side-custom-menu ul li{text-align:left;padding:13px 4px 12px;border-top:1px solid #ddd} .side-custom-menu ul li:first-child{border:0} .side-custom-menu ul li a{color:#777;font-size:15px;line-height:1;display:block} .owl-item-links-block ul li{display:inline-block;vertical-align:middle;padding:0 15px} .owl-item-links-block ul li a{line-height:2;font-size:18px;font-weight:600;color:#fff;text-decoration:underline} .owl-item-links-block span{font-size:18px;padding-left:25px;line-height:2.5;margin-left:10px} .owl-item-links-block span .icon-angle-down{font-size:9px;margin-left:7px} .btn-default{color:#333;background-color:#fff;border-color:#ccc} .btn-default:hover{color:#333} .category-products .products-grid{margin-left:-10px;margin-right:-10px;list-style:none} .filter-products .products div.item{float:left;padding:10px} .filter-products .products div.item .item-area{width:100%;position:relative} .filter-products .products div.item .product-image{width:100%;min-height:60px;display:block;position:relative;z-index:0;overflow:hidden;border-radius:3px;background:#fff} .filter-products .products .owl-item.loading{background:transparent} .filter-products .products .owl-item.loading:before{display:none} .filter-products .products .owl-item.loading .product-image{min-height:100px;position:relative} .filter-products .products .owl-item.loading .product-image:before{color: #08c;content: "\f110";font-family: "porto";position: absolute;left: 50%;top: 50%;font-size: 20px;margin-top: -10px;margin-left: -10px;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;} .filter-products .products div.item .product-image img{width:100%;transition:opacity .3s} .filter-products .products div.item .product-image img.defaultImage{opacity:1;filter:alpha(opacity=100)} .filter-products .products div.item .product-image img.hoverImage{position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)} .filter-products .products div.item .product-image-area:hover .product-image img.defaultImage{opacity:0;filter:alpha(opacity=0)} .filter-products .products div.item .product-image-area:hover .product-image img.hoverImage{opacity:1;filter:alpha(opacity=100)} .filter-products .products div.item .details-area{padding:10px;text-align:center} .filter-products .products div.item .details-area .product-name{margin:0 0 3px} .filter-products .products div.item .details-area .product-name a{font-size:14px} .block-layered-nav .filter-products .products div.item:hover .item-area{background-color:transparent;border-color:transparent;box-shadow:none} .owl-top-narrow{margin:0 -10px} .owl-top-narrow .owl-item .item{padding:0 10px} .owl-top-narrow .recent-posts .owl-item .item{padding-top:10px} .owl-top-narrow .owl-controls{position:absolute;right:5px;top:-33px;margin:0} .owl-top-narrow .owl-controls .owl-buttons div{;background:transparent;padding:0;margin:0;font-size:18px} .owl-bottom-narrow .owl-controls{position:absolute;bottom:20px;margin:0;width:100%} .owl-bottom-narrow .owl-controls .owl-buttons div{;background:transparent;padding:0;margin:0;font-size:18px} .owl-no-narrow{margin:0 -10px} .owl-no-narrow .owl-item .item{padding:0 10px} .owl-no-narrow .owl-controls{margin-top:30px} .sep-title{display:table;margin-bottom:35px;width:100%;color:#fff;font-size:38px} .sep-title-holder-l,.sep-title-holder-r{display:table-cell;height:1px;position:relative;vertical-align:middle;width:50%} .sep-title-line{height:1px;display:block;border-top:1px solid #fff;position:relative;top:1px;width:100%} .sep-title h2{display:table-cell;padding:0 .8em;color:#fff;font-size:36px;line-height:1em;white-space:pre;margin:0 0 32px;font-weight:300} .recent-posts .item{padding:20px 10px 0} .recent-posts .item .row{margin-left:-10px;margin-right:-10px} .recent-posts .item .col-sm-5,.recent-posts .item .col-sm-7{padding-left:10px;padding-right:10px} .recent-posts .item .post-image{border-radius:5px;overflow:hidden;margin:0 0 15px;padding:2px;border:1px solid #e1e1e1;background-color:#fff} .recent-posts .item .post-image img{border-radius:4px;width:100%} .recent-posts .post-date{float:left;margin-right:10px;text-align:center} .recent-posts .post-date .day{background-color:#f7f7f7;;display:block;font-size:18px;font-weight:700;padding:8px} .recent-posts .post-date .month{background-;border-radius:0 0 2px 2px;box-shadow:0 -1px 0 0 rgba(0,0,0,.07) inset;color:#fff;font-size:.9em;padding:2px 0;display:block;width:45px} .recent-posts .postTitle{min-height:55px} .recent-posts .postTitle h2{font-size:20px;line-height:27px;font-weight:400} .date-absolute-type .recent-posts{margin:-15px -10px 0} .date-absolute-type .recent-posts .item .col-sm-5,.date-absolute-type .recent-posts .item .col-sm-7{width:100%} .date-absolute-type .recent-posts .item .post-image{padding:3px} .date-absolute-type .recent-posts .post-date{margin-top:-75px;margin-left:10px} .date-absolute-type .recent-posts .postTitle{min-height:18px;margin-bottom:10px} .date-absolute-type .recent-posts .postTitle h2{font-size:18px;line-height:18px} .date-absolute-type .recent-posts .postContent{font-size:13px;padding-bottom:0} .date-absolute-type .recent-posts a.readmore{font-size:10px;text-transform:uppercase;display:inline-block;margin-top:10px} #slideshow img{max-width:100%;height:auto} h2.short{font-size:2.6em;font-weight:300;line-height:42px;margin:0 0 32px} .true-color{} .italic{font-style:italic} ul.icons{list-style:none} .list-unstyled{padding-left:0;list-style:none} ul.list li{margin-bottom:13px;line-height:24px} ul.list.icons li i.icon{} .owl-carousel.owl-theme .owl-controls.clickable .owl-buttons div{opacity:1;filter:Alpha(Opacity=100);transition:all .2s} .owl-carousel.owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity:.9;filter:Alpha(Opacity=90)} .owl-middle-narrow .owl-controls{position:absolute;left:0;width:100%;} .owl-middle-narrow .owl-controls .owl-buttons div{font-size:40px;background:none;;position:absolute} .owl-middle-narrow .owl-controls .owl-buttons div.owl-prev{left:-60px} .owl-middle-narrow .owl-controls .owl-buttons div.owl-next{right:-60px} .owl-bottomright-narrow .owl-controls{position:absolute;right:0;bottom:0;margin:0} .owl-bottomright-narrow .owl-controls .owl-buttons div{color:#fff;font-size:25px;background:#000;border-radius:0;margin:1px 1px 1px 0;padding:0;width:90px;height:90px;line-height:90px;opacity:1} .owl-banner-carousel.owl-middle-narrow .owl-controls .owl-buttons div{visibility:hidden;opacity:0;transition:.5s all} .owl-banner-carousel.owl-middle-narrow:hover .owl-controls .owl-buttons div{visibility:visible;opacity:1;text-shadow:0 0 3px rgba(255,255,255,0.5)} .owl-banner-carousel.owl-middle-narrow .owl-controls .owl-buttons div.owl-prev{left:0} .owl-banner-carousel.owl-middle-narrow .owl-controls .owl-buttons div.owl-next{right:0} .owl-banner-carousel .content.type1 h2{font-size:60px} .owl-banner-carousel .content.type1 p{font-size:25px} .owl-banner-carousel .content.type1 a{font-size:16px} .owl-banner-carousel .content.type2 h2{font-size:46.48px;border-top:5px solid #08c;padding-top:10px} .owl-banner-carousel .content.type2 h3{font-size:30.59px} .owl-banner-carousel .content.type2 p{font-size:14px} .owl-banner-carousel .content.type2 a{font-size:18px} .parallax-wrapper{position:relative} .parallax{background-position:center center;background-attachment:fixed;background-repeat:no-repeat;background-size:100% auto;width:100%;margin:50px 0;padding:50px 0} .overlay{background-color:#000;opacity:.55;filter:alpha(opacity=55);width:100%;height:100%;display:block;position:absolute} .testimonial-item{color:#fff;border:0;padding:0 10%;margin-bottom:60px} .testimonial-item .inner{font-style:italic;display:table-row} .testimonial-item .testimonial-author{display:table-cell;padding-right:15px} .testimonial-item .img-round.img-thumbnail-small{width:85px;height:85px;border-radius:25px;display:inline-block;overflow:hidden} .testimonial-item .testimonial-content{display:table-cell;vertical-align:top;text-align:left} .testimonial-item .testimonial-content .size-32.name{margin-top:15px;margin-bottom:5px;font-size:32px} .testimonial-item .testimonial-content p{font-size:18px} .featured-post{font-size:14px} .featured-post h4{;font-size:1.4em;font-weight:400;letter-spacing:normal;line-height:27px;margin:0 0 14px} .featured-post .post-meta{line-height:24px;margin:0 0 20px} .post-a-month,.post-a-day,.post-a-year{display:inline-block;background-color:#f0f0ed;color:#fff;padding:0 10px;margin-right:3px} .post-a-day,.post-a-year{} .post-a-month{background-} .cms-index-index .block-layered-nav dd{padding:20px 10px} .cms-index-index .block-layered-nav .filter-products .products.small-list div.item{border-top:1px solid #ddd} .cms-index-index .block-layered-nav .filter-products .products.small-list div.item:first-child{border-top:0} .custom-info-box{font-size:12px;font-weight:700;text-transform:uppercase;border-top:1px solid #9c9c9c} .custom-info-box p{line-height:30px;padding:20px 0;margin:0;text-align:center} .color-banner{color:#535353} .color-banner .col-md-5-5 h2{font-size:60px;font-family:"Open Sans";font-weight:600;text-transform:uppercase;color:#535353;margin:100px 20px 30px;letter-spacing:10px} .color-banner .col-md-5-5 p{font-size:22px;font-family:"Open Sans";font-weight:600;color:#535353;max-width:420px;line-height:1;display:inline-block;margin:0 20px} .btn-default{color:#fff;font-weight:400;background-;text-shadow:none;border:0;opacity:1;filter:alpha(opacity=100);} .btn-default:hover{color:#fff;background-;opacity:.9;filter:alpha(opacity=90)} .owl-theme.banner-carousel .owl-controls .owl-buttons div{background:transparent;;font-size:40px;visibility:hidden;opacity:0;transition:.2s all;position:absolute;top:50%;margin-top:-30px} .owl-theme.banner-carousel:hover .owl-controls .owl-buttons div{visibility:visible;opacity:1} .owl-theme.banner-carousel .owl-controls .owl-buttons div.owl-prev{left:0} .owl-theme.banner-carousel .owl-controls .owl-buttons div.owl-next{right:0} a.quickview-icon{position:absolute;right:0;top:0;background-;color:#fff;padding:10px;z-index:9;border-radius:0 5px;opacity:0;visibility:hidden;transition:.1s all;font-size:12px;line-height:1.4} a.quickview-icon span{margin-left:2px} a.quickview-icon:hover span{text-decoration:underline} a.quickview-icon:hover{opacity:.9!important;text-decoration:none;color:#fff} .item-area:hover a.quickview-icon{opacity:1;visibility:visible} a.quickviewlink.quickview-icon{position:static;padding:0;visibility:visible;opacity:1;;background-color:transparent;font-size:17px;display:inline-block;height:32px;width:32px;line-height:32px;border:1px solid #08c;border-radius:5px;text-align:center} a.quickviewlink.quickview-icon:hover{} .product-swatches-container{float:left;clear:both;margin-bottom:15px} .product-swatches-container ul{margin-bottom:10px;width:100%} .product-swatches-container ul li{display:block;height:35px;float:left} .product-swatches-container li a{display:block;float:left;height:30px;line-height:30px;padding:0 5px;border:solid 1px #ccc;margin:3px;text-decoration:none;background:#ddd;color:#bbb;cursor:default;border-radius:5px;opacity:.2;filter:alpha(opacity=20)} .product-swatches-container a.active{background:#fff;color:#333;cursor:pointer;box-shadow:3px 3px 5px #aaa;display:block;float:left;opacity:1;filter:alpha(opacity=100)} .product-swatches-container a.active.selected{background:#fff;color:#333;height:32px!important;line-height:32px!important;padding:0 6px!important;cursor:pointer;border:none;box-shadow:1px 1px 5px #444 inset} .product-swatches-container .has-swatches a{width:30px;height:30px;overflow:hidden;padding:0;position:relative;text-align:center} .product-swatches-container .has-swatches a.active.selected{width:32px!important;padding:0!important} .product-swatches-container .has-swatches li{position:relative} .product-swatches-container .has-swatches li a span{display:none} .product-swatches-container .has-swatches span.tooltip-container{display:none} .product-swatches-container .has-swatches span.tooltip-container.on{display:block;position:absolute;top:-16px!important;left:20px;height:16px;z-index:20000} .product-swatches-container .has-swatches span.tooltip-container.on span.tooltip{display:block;margin-left:-50%;float:left;height:16px;line-height:16px;background:#333;padding:0 5px;color:#efefef;white-space:nowrap;font-size:11px} #product-options-wrapper .input-box .configurable-option-select.hideselect{display:none} .product-image{position:relative;display:block} a.product-image{z-index:1} #fancybox-link{display:none;line-height:25px;height:25px;padding:0 10px;border:solid 1px #ccc;z-index:30000;position:relative;background:#fff;text-decoration:none;position:absolute;right:0;bottom:0} .layered-navigation-swatch{display:block;float:left;width:20px;margin-right:5px} ul.attribute-swatches li{display:block;float:left;margin:3px 7px 3px 0;width:20px;height:20px;position:relative;z-index:0} ul.attribute-swatches li.color-swatch-last{margin-right:0} ul.attribute-swatches li a{display:block;width:20px;height:20px;position:relative;overflow:hidden;border:solid 1px #ddd;float:left;text-decoration:none;background-position:center} ul.attribute-swatches li a:hover{text-decoration:none;border-color:#444} ul.attribute-swatches li a img{margin:0;display:inline;padding:0;border:none;z-index:0;position:absolute;top:0;left:0} ul.attribute-swatches li a img.color-swatch-mask{margin:0;display:inline;position:absolute;z-index:20;padding:0;border:none} ul.attribute-swatches li span{display:none;z-index:10000} ul.attribute-swatches li span.tooltip-container.on{display:block;position:absolute;top:-22px;left:10px;height:22px;z-index:20000} ul.attribute-swatches li span.tooltip.on{display:block;margin-left:-50%;float:left;height:22px;white-space:nowrap!important;background:transparent} ul.attribute-swatches li span span span{display:block;float:left;background:#333;border:solid 1px #efefef;padding:1px 10px;font-weight:700;line-height:15px;color:#fff} .attribute-swatches.product-view{height:20px;clear:both;margin:5px 0;border:none} .products-grid li.item{padding:12px 10px 80px} .attribute-swatches.product-list{float:left;width:100%;padding:0;clear:both} #narrow-by-list ol.swatches li{display:block;clear:both} #narrow-by-list ol li .layered-navigation-swatch{border:solid 1px #ccc;margin:0 5px 10px 0} .attribute-availability{width:100%;clear:both;margin:0 0 5px;padding:0} .attribute-availability li{display:block;padding:3px;float:left} .more-views ul li{float:left} .block-layered-nav #narrow-by-list ol.swatches{margin:10px -3px -3px} .block-layered-nav #narrow-by-list ol.swatches li{display:inline-block;vertical-align:middle;position:relative} .block-layered-nav #narrow-by-list ol.swatches li .layered-navigation-swatch{border-radius:5px;width:26px;height:26px;margin:0 2px 7px 3px;float:none} .block-layered-nav #narrow-by-list ol.swatches li .layered-navigation-item-label{display:none} .block-layered-nav #narrow-by-list ol.swatches.show-label li a{position:relative;display:block} .block-layered-nav #narrow-by-list ol.swatches li a:hover{text-decoration:none} .block-layered-nav #narrow-by-list ol.swatches.show-label li .layered-navigation-item-label{display:inline-block;line-height:26px;position:absolute;left:3px;top:0;width:26px;height:26px;text-align:center;overflow:hidden} span.selected-label{vertical-align:middle} .product-options .product-swatches-container .has-swatches a.active{box-shadow:none;text-align:center;line-height:28px;} .product-options .product-swatches-container .has-swatches a.active.selected{width:30px!important;box-shadow:none;background-;color:#fff;height:30px!important;line-height:28px!important;border:1px solid transparent} p.product-image{z-index:1} .product-image img{max-width:100%;height:auto} .product-options .product-swatches-container{margin:0;position:relative;z-index:1} .quickview-index-view{padding:25px} .quickview-index-view .owl-middle-narrow .owl-controls .owl-buttons div.owl-prev{left:-20px} .quickview-index-view .owl-middle-narrow .owl-controls .owl-buttons div.owl-next{right:-20px} .quickview-index-view .product-view .product-img-box{padding:20px;margin-bottom:0} a.fancybox-close{background:transparent;transition:all .2s;width:20px;height:20px;line-height:20px;top:0;right:0;font-size:15px} a.fancybox-close.fancybox-newsletter-close{top:10px;right:10px} a.fancybox-close:before{content:"\e82c";font-family:"porto"} a.fancybox-close:hover{text-decoration:none;opacity:.65;filter:alpha(opacity=65)} .fancybox-opened .fancybox-skin{border-radius:5px;overflow:hidden} .price-filter-slider a{transition:initial} i.icon-spin6{font-size:30px} .add-to-cart i.icon-spin6{font-size:16px;margin-left:10px} #fancybox-loading{background:none;display:none} .block-reorder input.checkbox{position:absolute;left:0} .block-reorder .block-content ol li.item{position:relative;padding-left:25px} .fixed-header .menu>li>a>span.cat-label,.main-nav .menu>li>a>span.cat-label{top:-7px;right:10px;font:inherit;font-size:9px;padding:2px;z-index:1;border-radius:2px;line-height:1} .fixed-header .menu>li .nav-sublist-dropdown ul li a>span>span.cat-label,.main-nav .menu>li .nav-sublist-dropdown ul li a>span>span.cat-label{top:3px;right:-35px;font:inherit;font-size:9px;padding:2px;z-index:1;border-radius:2px;line-height:1} div.mobile-nav .sw-mobile-menu li>a span.cat-label,.menu.side-menu li>a span.cat-label{font:inherit;font-size:9px;padding:2px;z-index:1;border-radius:2px;line-height:1;position:relative;margin:0 0 0 10px;display:inline-block} .fixed-header .menu > li > a > span.cat-label.cat-label-label1,.main-nav .menu > li > a > span.cat-label.cat-label-label1,.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1,.main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1,div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label1,.menu.side-menu li>a span.cat-label.cat-label-label1{background-color:#0cc485;color:#fff} .fixed-header .menu > li > a > span.cat-label.cat-label-label2,.main-nav .menu > li > a > span.cat-label.cat-label-label2,.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2,.main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2,div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label2,.menu.side-menu li>a span.cat-label.cat-label-label2{background-color:#eb2771;color:#fff} #product-attribute-specs-table{border:1px solid #ddd} #product-attribute-specs-table th.label{display:table-cell} .parallax-category-banner .parallax{padding:75px 0} .parallax-content h2{font-size:45px;line-height:1.1;margin:0} .parallax-content p{font-size:23px;line-height:1.1;margin:0} i.ajax-loader{display:inline-block;vertical-align:middle;border:1px solid #08c;border-radius:20px;border-bottom-color:transparent!important} i.ajax-loader.small{width:16px;height:16px;border-width:2.5px} i.ajax-loader.large{width:32px;height:32px;border-width:2.5px} #fullajax_loader i.ajax-loader{position:absolute;left:50%;top:50%;margin-left:-16px;margin-top:-16px} .add-to-cart #ajax_loader{margin:0 10px} .fixed-header .cart-area{right:0} .fixed-header ul.menu>li,.main-nav ul.menu>li{transition:color 0.1s,background-color .1s} .fixed-header ul.menu>li>a,.main-nav ul.menu>li>a{transition:color 0.1s,background-color .1s} .fixed-header ul.menu>li.menu-full-width,.fixed-header ul.menu>li.menu-static-width,.fixed-header ul.menu>li.menu-item-has-children,.main-nav ul.menu>li.menu-full-width,.main-nav ul.menu>li.menu-static-width,.main-nav ul.menu>li.menu-item-has-children{margin-bottom:-1px} .fixed-header ul.menu>li.menu-full-width>a,.fixed-header ul.menu>li.menu-static-width>a,.fixed-header ul.menu>li.menu-item-has-children>a{padding-bottom:15px} .fixed-header ul.menu >li.menu-full-width >a:after,.fixed-header ul.menu >li.menu-item-has-children >a:after,.fixed-header ul.menu >li.menu-static-width >a:after,.main-nav ul.menu >li.menu-full-width >a:after,.main-nav ul.menu >li.menu-item-has-children >a:after,.main-nav ul.menu >li.menu-static-width >a:after{margin-top:-6.5px} .header-container.type5 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type5 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type5 .main-nav ul.menu >li.menu-static-width >a:after{margin-top:-6.5px} .header-container.type1 .main-nav ul.menu>li.menu-full-width>a,.header-container.type1 .main-nav ul.menu>li.menu-static-width>a,.header-container.type1 .main-nav ul.menu>li.menu-item-has-children>a{padding-bottom:11px} .header-container.type2 .main-nav ul.menu>li.menu-full-width>a,.header-container.type2 .main-nav ul.menu>li.menu-static-width>a,.header-container.type2 .main-nav ul.menu>li.menu-item-has-children>a{padding-bottom:15px} .header-container.type4 .main-nav ul.menu>li.menu-full-width>a,.header-container.type4 .main-nav ul.menu>li.menu-static-width>a,.header-container.type4 .main-nav ul.menu>li.menu-item-has-children>a{padding-bottom:15px} .header-container.type5 .main-nav ul.menu>li.menu-full-width>a,.header-container.type5 .main-nav ul.menu>li.menu-static-width>a,.header-container.type5 .main-nav ul.menu>li.menu-item-has-children>a{padding-bottom:11px} .header-container.type6 .main-nav ul.menu>li.menu-full-width>a,.header-container.type6 .main-nav ul.menu>li.menu-static-width>a,.header-container.type6 .main-nav ul.menu>li.menu-item-has-children>a{padding-bottom:10px} .header-container.type14 .main-nav ul.menu>li.menu-full-width>a,.header-container.type14 .main-nav ul.menu>li.menu-static-width>a,.header-container.type14 .main-nav ul.menu>li.menu-item-has-children>a{padding-bottom:10px} .header-container.type7 .main-nav ul.menu>li.menu-full-width>a,.header-container.type7 .main-nav ul.menu>li.menu-static-width>a,.header-container.type7 .main-nav ul.menu>li.menu-item-has-children>a{padding-bottom:10px} .header-container.type8 .main-nav ul.menu>li.menu-full-width>a,.header-container.type8 .main-nav ul.menu>li.menu-static-width>a,.header-container.type8 .main-nav ul.menu>li.menu-item-has-children>a{padding-bottom:10px} .header-container.type17 .main-nav ul.menu>li.menu-full-width>a,.header-container.type17 .main-nav ul.menu>li.menu-static-width>a,.header-container.type17 .main-nav ul.menu>li.menu-item-has-children>a{padding-bottom:10px} .header-container.type1 .main-nav ul.menu>li.menu-static-width.act>a,.header-container.type1 .main-nav ul.menu>li.menu-full-width.act>a,.header-container.type1 .main-nav ul.menu>li.menu-item-has-children.act>a{padding-bottom:10px} .header-container.type1 .main-nav ul.menu>li.menu-static-width.act:hover>a,.header-container.type1 .main-nav ul.menu>li.menu-full-width.act:hover>a,.header-container.type1 .main-nav ul.menu>li.menu-item-has-children.act:hover>a{padding-bottom:11px} .header-container.type2 .main-nav ul.menu>li.menu-static-width.act>a,.header-container.type2 .main-nav ul.menu>li.menu-full-width.act>a,.header-container.type2 .main-nav ul.menu>li.menu-item-has-children.act>a{padding-bottom:14px} .header-container.type2 .main-nav ul.menu>li.menu-static-width.act:hover>a,.header-container.type2 .main-nav ul.menu>li.menu-full-width.act:hover>a,.header-container.type2 .main-nav ul.menu>li.menu-item-has-children.act:hover>a{padding-bottom:15px} .header-container.type4 .main-nav ul.menu>li.menu-static-width.act>a,.header-container.type4 .main-nav ul.menu>li.menu-full-width.act>a,.header-container.type4 .main-nav ul.menu>li.menu-item-has-children.act>a{padding-bottom:14px} .header-container.type4 .main-nav ul.menu>li.menu-static-width.act:hover>a,.header-container.type4 .main-nav ul.menu>li.menu-full-width.act:hover>a,.header-container.type4 .main-nav ul.menu>li.menu-item-has-children.act:hover>a{padding-bottom:15px} .header-container.type5 .main-nav ul.menu>li.menu-static-width.act>a,.header-container.type5 .main-nav ul.menu>li.menu-full-width.act>a,.header-container.type5 .main-nav ul.menu>li.menu-item-has-children.act>a{padding-bottom:10px} .header-container.type5 .main-nav ul.menu>li.menu-static-width.act:hover>a,.header-container.type5 .main-nav ul.menu>li.menu-full-width.act:hover>a,.header-container.type5 .main-nav ul.menu>li.menu-item-has-children.act:hover>a{padding-bottom:11px} .header-container.type6 .main-nav ul.menu >li:first-child,.header-container.type14 .main-nav ul.menu >li:first-child,.header-container.type7 .main-nav ul.menu >li:first-child,.header-container.type8 .main-nav ul.menu >li:first-child,.header-container.type17 .main-nav ul.menu >li:first-child{margin-right:3px} .header-container.type21 .main-nav ul.menu>li.menu-full-width>a,.header-container.type21 .main-nav ul.menu>li.menu-static-width>a,.header-container.type21 .main-nav ul.menu>li.menu-item-has-children>a{padding-bottom:16px} .header-container.type21 .main-nav ul.menu>li.menu-static-width.act>a,.header-container.type22 .main-nav ul.menu>li.menu-full-width.act>a,.header-container.type22 .main-nav ul.menu>li.menu-item-has-children.act>a{padding-bottom:16px} .header-container.type22 .main-nav ul.menu>li.menu-static-width.act:hover>a,.header-container.type22 .main-nav ul.menu>li.menu-full-width.act:hover>a,.header-container.type22 .main-nav ul.menu>li.menu-item-has-children.act:hover>a{padding-bottom:16px} .block-layered-nav #narrow-by-list ol.swatches li a:hover .layered-navigation-swatch{border-} .fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1:before,.main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1:before,div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label1:before,.menu.side-menu li>a span.cat-label.cat-label-label1:before{content:"";position:absolute;left:-6px;top:3px;width:3px;height:3px;border:3px solid transparent;border-right-color:#0cc485} .fixed-header .menu > li > a > span.cat-label.cat-label-label1:before,.main-nav .menu > li > a > span.cat-label.cat-label-label1:before{content:"";position:absolute;left:3px;bottom:-6px;width:3px;height:3px;border:3px solid transparent;border-top-color:#0cc485} .fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2:before,.main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2:before,div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label2:before,.menu.side-menu li>a span.cat-label.cat-label-label2:before{content:"";position:absolute;left:-6px;top:3px;width:3px;height:3px;border:3px solid transparent;border-right-color:#eb2771} .fixed-header .menu > li > a > span.cat-label.cat-label-label2:before,.main-nav .menu > li > a > span.cat-label.cat-label-label2:before{content:"";position:absolute;left:3px;bottom:-6px;width:3px;height:3px;border:3px solid transparent;border-top-color:#eb2771} a.search-icon{display:inline-block;width:25px;text-align:center} .product-image-area .actions{position:absolute;width:100%;bottom:10px;left:0;text-align:left;padding:0 10px;visibility:hidden;opacity:0;transition:opacity .2s} .item:hover .product-image-area .actions{visibility:visible;opacity:1} .product-image-area .actions a{background-color:#fff;overflow:hidden} .product-image-area .actions a.addtocart{;border-;width:32px;height:32px;line-height:32px;font-size:17px;padding:0;text-align:center} .product-image-area .actions a.addtocart.outofstock{display:none} .product-image-area .actions a.addtocart i.icon-cart{font-size:17px} .product-image-area .actions a.addtocart span{display:none} .header-container.type3 .main-nav ul.menu>li.fl-right,.header-container.type4 .main-nav ul.menu>li.fl-right,.header-container.type19 .main-nav ul.menu>li.fl-right,.header-container.type20 .main-nav ul.menu>li.fl-right,.header-container.type21 .main-nav ul.menu>li.fl-right{margin-right:0;margin-left:3px;float:right!important} .header-container.type3 .main-nav ul.menu>li.fl-right.last>a{margin:0;padding-right:15px!important} .header-container.type3 .main-nav ul.menu>li.fl-right.last>a:after{right:0} .header-container.type19 .main-nav ul.menu>li.fl-right.last>a{margin:0;padding-right:15px!important} .header-container.type19 .main-nav ul.menu>li.fl-right.last>a:after{right:0} .header-container.type20 .main-nav ul.menu>li.fl-right.last>a{margin:0;padding-right:15px!important} .header-container.type20 .main-nav ul.menu>li.fl-right.last>a:after{right:0} .owl-item.loading{min-height:100px;background:transparent;position:relative} .owl-item.loading:before{content: "\f110";font-family: "porto";position: absolute;left: 50%;top: 50%;font-size: 20px;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;} .owl-banner-carousel .content-9.type1 em{font-size:20px;margin-bottom:-5px;margin-left:9px} .owl-banner-carousel .content-9.type1 h2{font-size:65px;margin-bottom:0} .owl-banner-carousel .content-9.type1 p{font-size:37px} .owl-banner-carousel .content-9.type1 a{font-size:15px} .owl-banner-carousel .content-9.type1 a>i{width:15px;height:15px;line-height:14px;text-align:center;font-size:11px;display:inline-block;vertical-align:middle;margin-bottom:3px;margin-left:12px;color:#fff;border-radius:50%} .owl-banner-carousel .content-9.type2 h3{font-size:46.48px;margin-bottom:15px} .owl-banner-carousel .content-9.type2 span{display:inline-block;vertical-align:middle;font-style:italic;font-size:18px;margin-right:20px} .owl-banner-carousel .content-9.type2 a{font-size:13px;padding-right:5px} .prev-next-products{float:right} .quickview-index-view .prev-next-products{display:none} .prev-next-products .product-nav{display:inline-block;vertical-align:middle;position:relative} .prev-next-products a{color:#555;display:inline-block;font-size:22px;line-height:58px} .prev-next-products .product-nav .product-pop{border-top:3px solid #08c;position:absolute;left:0;top:100%;padding:10px;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.2);z-index:1;visibility:hidden;opacity:0;transition:all .2s;text-align:center;border-radius:4px} .prev-next-products .product-nav .product-pop:before{content:"";width:5px;height:2px;border:5px solid transparent;border-bottom-;display:block;position:absolute;top:-13px;left:0} .prev-next-products .product-nav:hover .product-pop{opacity:1;visibility:visible} .prev-next-products .product-nav .product-pop .product-image{margin-bottom:10px} .prev-next-products .product-nav .product-pop .product-name{margin:0;font-weight:600;font-size:11px} .prev-next-products .product-nav.product-prev .product-pop{right:auto;left:0;margin-left:-17.5px} .prev-next-products .product-nav.product-prev .product-pop:before{left:32px;right:auto} .prev-next-products .product-nav.product-next .product-pop{left:auto;right:0;margin-right:-17.5px} .prev-next-products .product-nav.product-next .product-pop:before{right:32px;left:auto} .page>#newsletter_popup{display:none} #newsletter_popup{background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/newsletter_popup_bg.jpg) no-repeat;margin:0;padding:40px 40px 25px;width:700px;height:325px;border-top:4px solid #08c;text-align:left;position:relative} #newsletter_popup .block-content{max-width:312px;text-align:center} #newsletter_popup h2{font-weight:700;color:#313131;font-size:16px;line-height:1;margin:30px 0 12px} #newsletter_popup p{font-size:13px;line-height:1.4} #newsletter_popup .input-box{padding:0} #newsletter_popup input.input-text{float:left;padding:2px 13px;line-height:30px;width:100%} #newsletter_popup button.button{float:left;margin-left:-55px;position:relative;z-index:1;width:55px;border-left:1px solid #ccc} #newsletter_popup button.button span{height:34px;background-color:transparent;color:#555;line-height:34px;padding:0;text-align:center} #newsletter_popup .subscribe-bottom{position:absolute;bottom:30px} #newsletter_popup .subscribe-bottom label{font-size:11px} #newsletter_popup #newsletter_popup_dont_show_again{margin-top:1px} .shop-by-manufacturer{margin-top:20px} .shop-by-manufacturer .filter-title a{font-size:13px;font-weight:400} .shop-by-manufacturer .owl-carousel .item{padding:10px} .shop-by-manufacturer .owl-carousel{margin:0 -10px} .manufaturers-grid{margin:0 -15px} .manufaturers-grid li.item{padding:10px 15px;float:left;text-align:center;max-width:290px} .manufaturers-grid li.item a{width:100%;display:block} .manufaturers-grid li.item a img{max-width:100%} .page-head{margin-bottom:20px} .page-head h3{font-size:20px} .manufacturer-index-view .block-layered-nav .block-title{margin-top:0;margin-bottom:0;padding:10px 15px;font-size:13px;font-weight:700;text-transform:uppercase;border:1px solid #ddd;background-color:#f5f5f5;color:#777;position:relative;cursor:pointer;border-radius:7px 7px 0 0;margin-top:14px} .filter-title>a{font-size:13px;font-weight:400;text-transform:none} .brand-slider .owl-carousel .owl-item .item{padding:0 20px;padding-top:10px} .brand-slider .owl-carousel .owl-item .item img{width:100%} #_atssh{position:absolute;z-index:-1;bottom:0} #success-message-container{border-top:4px solid #08c;border-radius:6px;font-weight:400;line-height:1.4} #success-message-container button{margin-top:15px} #success-message-container button:first-child{margin-top:20px} #success-message-container .timer{font-weight:600;margin-top:10px;font-size:16px} .fixed-header-area.fancybox-margin{padding-right:17px} .full-width-image-banner{height:375px;position:relative} .full-width-image-banner:after{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background-color:#393733;opacity:.65;filter:alpha(opacity=65)} .full-width-image-banner .content{margin-top:-36px} .full-width-image-banner h2{margin:0;font-size:45px;line-height:1.1} .full-width-image-banner p{margin:0;font-size:16px} .filter-products .products.small-list div.item .details-area{padding-top:7px;padding-bottom:7px} .filter-products .products.small-list div.item .details-area .product-name a{font-size:12px} .small-list .price{font-size:12px} .small-list .regular-price .price{font-size:15px} .small-list .special-price .price{font-size:15px} .small-list .old-price .price{font-size:12px} .one-product h4.filter-title{font-size:16px;text-align:center;color:#333;font-weight:700;line-height:1.4;padding:14px 0;background-color:#fff;margin:0} .one-product .filter-products .products div.item{padding:0} .one-product .filter-products .products div.item .details-area{padding-top:20px} .one-product .filter-products .products{background-color:#fff;padding-bottom:15px} .one-product .filter-products .product-image-area{margin:0;background-color:transparent;border:0;padding:0} .footer .container{max-width:100%} .header-container.type9{border:0;background-color:#fff} .header-container.type9 .top-links-container{background-color:#f7f7f7;color:#777} .header-container.type9 .top-links-container span.split{border-color:#ccc} .header-container.type9 .links li{border-left-color:#ccc} .header-container.type9 .top-links a{} .header-container.type9 .selectbox .select{color:#777} .header-container.type9 .top-links .top-select:first-child .selectbox .select{padding-left:0} .header-container.type9 .header{text-align:center} .header-container.type9 .header>.logo{margin:30px 0} .header-container.type9 .header>.logo img{height:50px} .header-container.type9 .search-area{left:15px} .header-container.type9 .header .search-icon{display:none} .header-container.type9 .header .form-search{padding-right:166px} .header-container.type9 .header .form-search #search{height:34px;padding:8px 15px;line-height:20px} .header-container.type9 .header .form-search #cat{height:34px;line-height:30px;right:36px} .header-container.type9 .header .form-search button.button{width:36px;height:34px} .header-container.type9 .header .custom-block{margin-right:10px} .header-container.type9 .header .custom-block>*{display:inline-block;vertical-align:middle} .header-container.type9 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #ccc;margin:0 13px} .header-container.type9 .header .custom-block a{font-size:12px} .header-container.type9 .header .mini-cart{display:inline-block;position:relative;padding:0;margin:0;vertical-align:middle;top:0;left:0} .header-container.type9 .mybag-link{position:relative;height:40px;padding:0;line-height:40px;text-align:center;top:-3px} .header-container.type9 .mybag-link i{;font-size:35px} .header-container.type9 .mybag-link .cart-info{position:absolute;width:100%;text-align:center;top:50%;margin-top:-4px;left:0;padding:0;display:block;line-height:1} .header-container.type9 .mybag-link .cart-info span{display:none} .header-container.type9 .mybag-link .cart-info span.cart-qty{display:block} .header-container.type9 .header .mini-cart .topCartContent{right:0;top:40px} .header-container.type9 .main-nav{background-color:transparent;margin-bottom:0} .header-container.type9 .main-nav .menu-wrapper{background-color:transparent} .header-container.type9 .main-nav ul.menu>li>a{color:#fff;padding-top:15px;padding-bottom:15px} .header-container.type9 .main-nav ul.menu>li:hover,.header-container.type9 .main-nav ul.menu>li.act{background-color:transparent} .header-container.type9 .main-nav ul.menu>li.act>a,.header-container.type9 .main-nav ul.menu>li:hover>a{} .header-container.type9 .main-nav ul.menu>li>a{padding:17px 20px 17px 0;margin-right:10px;color:#828385} .header-container.type9 .main-nav ul.menu >li.menu-full-width >a,.header-container.type9 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type9 .main-nav ul.menu >li.menu-static-width >a{padding-right:30px} .header-container.type9 .main-nav ul.menu>li .nav-sublist-dropdown,.header-container.type9 .main-nav .menu>li.menu-full-width .nav-sublist-dropdown,.header-container.type9 .main-nav .menu>li.menu-static-width .nav-sublist-dropdown{margin-top:0} .header-container.type9 .main-nav ul.menu>li.fl-right{margin-right:0;margin-left:3px;float:right!important} .header-container.type9 .main-nav ul.menu>li.fl-right.last>a{margin:0;padding-right:15px!important} .header-container.type9 .main-nav ul.menu>li.fl-right.last>a:after{right:0} .single-images .single-image-label{font-size:17px;text-align:center;color:#818385;line-height:1.4;padding:10px 0;font-weight:600} .single-images .caption{background-color:#a1a2a3;color:#fff;font-size:14px;line-height:35px;text-align:center} .fixed-header ul.menu >li.menu-static-width.act:hover >a,.fixed-header ul.menu >li.menu-full-width.act:hover >a,.fixed-header ul.menu >li.menu-item-has-children.act:hover >a{padding-bottom:14px} .fixed-header ul.menu >li.menu-static-width.act >a,.fixed-header ul.menu >li.menu-full-width.act >a,.fixed-header ul.menu >li.menu-item-has-children.act >a{padding-bottom:13px} .gift-messages h3 .expand_plus{display:none} .footer-top-subscribe > h4{float:left;margin:0} .footer-top-subscribe .input-box{text-align:right;margin:0} .footer-top-subscribe input#newsletter{height:34px;line-height:18px;padding:8px;max-width:55%;min-width:200px;width:250px;border-radius:2px} .footer-top-subscribe button.button{margin-left:-53px;width:50px} .footer-top-subscribe button.button > span{line-height:34px;background-color:transparent;color:#333;border-left:1px solid #ccc;border-radius:0 2px 2px 0} .header-container.type10{border:0;background-color:#0083c1} .header-container.type10 .top-links-container{background-color:#008acc} .header-container.type10 .top-links-container span.split{border-color:#eee} .header-container.type10 .links li{border-left-color:#eee} .header-container.type10 .top-links ul.links a{color:#fff} .header-container.type10 .top-links-icon{color:#fff} .header-container.type10 .welcome-msg{color:#fff} .header-container.type10 .search-area{position:static;margin:0} .header-container.type10 .header{color:#fff} .header-container.type10 .header a{color:inherit} .header-container.type10 .header .form-search{border-color:transparent;background-color:#006393} .header-container.type10 .header .form-search #search{background-color:transparent;color:#ddd} .header-container.type10 .header .form-search #cat{border-color:#0076ae;border-color:rgba(255,255,255,.2);color:#fff;background-color:transparent} .header-container.type10 .header .form-search button.button{color:#fff;background-color:transparent} .header-container.type10 .header .custom-block{margin-right:10px} .header-container.type10 .header .custom-block>*{display:inline-block;vertical-align:middle} .header-container.type10 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #eee;margin:0 13px} .header-container.type10 .header .custom-block a{font-size:12px} .header-container.type10 .mini-cart{position:relative;margin:0;display:inline-block;vertical-align:middle;left:0;top:-3px} .header-container.type10 .header .form-search{width:450px} .header-container.type10 .mybag-link{position:relative;padding:2px 0} .header-container.type10 .mybag-link span{display:none} .header-container.type10 .mybag-link .cart-info{display:block;position:absolute;text-align:center;width:100%;top:50%;margin-top:-8px} .header-container.type10 .mybag-link .cart-qty{display:block;font-size:16px;color:#000} .header-container.type10 .mybag-link i{font-size:35px} .header-container.type10 .top-links > .top-select:first-child .selectbox .select{padding-left:0} .header-container.type10 .header .search-icon{display:none} .header-container.type10 .header-wrapper{background-color:#fff;text-align:left;border-bottom:1px solid #eee} .header-container.type10 .header-wrapper>.container{padding:0 5px} .header-container.type10 .dropdown-menu{position:relative;width:25%;min-width:244px;overflow:visible;z-index:9;display:inline-block;padding:0 10px} .header-container.type10 .dropdown-menu .menu-container{position:relative} .cms-index-index .header-container.type10 .dropdown-menu:hover .menu-container>a,.header-container.type10 .dropdown-menu .menu-container>a{color:#fff;background-color:#303030;padding:14px 15px;width:100%;font-size:13px;font-weight:700;display:block} .header-container.type10 .dropdown-menu:hover .menu-container>a{background-color:#777;text-decoration:none} .cms-index-index .header-container.type10 .dropdown-menu .menu-container>a{pointer-events:none} .header-container.type10 .dropdown-menu .menu-container>a>i{margin-right:5px} .header-container.type10 .dropdown-menu .menu-container>.menu.side-menu{position:absolute;left:0;width:100%;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.4);border-bottom:5px solid #303030;visibility:hidden;opacity:0;transition:200ms opacity} .header-container.type10 .dropdown-menu .menu-container>.menu.side-menu.show,.cms-index-index .header-container.type10 .dropdown-menu .menu-container>.menu.side-menu{visibility:visible;opacity:1} .header-container.type10 .dropdown-menu .container{padding:0} .header-container.type10 .menu-wrapper>.custom-menu-block{display:inline-block;line-height:41px} .header-container.type10 .menu-wrapper>.custom-menu-block a{padding:0 14px;font-size:12px;font-weight:600;color:#777;white-space:nowrap} .header-container.type10 .header .form-search{border:0} .header-container.type10 .header .form-search #cat{border-color:#ccc} #banner-slider-demo-10 .item .content{position:absolute;right:6.3%;bottom:20.5%} #banner-slider-demo-10 .item .content>span{font-size:21px;font-weight:300;color:#303030;margin-right:35px;display:inline-block;vertical-align:middle} #banner-slider-demo-10 .item .content>a.btn-default{font-size:13px} .header-container.type11{background-color:transparent;border:0;position:absolute;width:100%} .header-container.type11 .header{text-align:center} .header-container.type11 .top-links-icon a{color:#777} .cms-index-index .header-container.type11{position:absolute;top:0;left:0;z-index:5;background-color:transparent;width:100%;max-height:100%} .header-container.type11 .mobile-nav.side-block .sw-mobile-menu li>a,.header-container.type11 .mobile-nav.side-block .sw-mobile-menu li .open-child,.header-container.type11 .mobile-nav.side-block .sw-mobile-menu li.over>a{color:#fff} .header-container.type11 .top-links-area{display:inline-block;vertical-align:middle;float:none} .header-container.type11 .top-links-icon{background-color:#fff;border-radius:2px;color:#777} .header-container.type11 .header .logo{margin:20px 0;position:relative;z-index:10;display:inline-block} .header-container.type11 .header-wrapper{border:0;display:block;margin:0;margin-top:-16px;z-index:9;position:absolute;left:0;top:50%;width:100%} .header-container.type11 .main-nav{margin:0} .header-container.type11 .main-nav > .container{width:auto!important;padding:0} .header-container.type11 .main-nav .menu-wrapper{background-color:transparent;padding:0 53% 0 20px} .header-container.type11 .main-nav ul.menu>li>a{color:#fff;padding:10px;font-weight:600} .header-container.type11 .main-nav ul.menu >li.menu-full-width >a,.header-container.type11 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type11 .main-nav ul.menu >li.menu-static-width >a{padding-right:25px} .header-container.type11 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type11 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type11 .main-nav ul.menu >li.menu-static-width >a:after{right:8px} .header-container.type11 .main-nav ul.menu>li:hover,.header-container.type11 .main-nav ul.menu>li.act{background-color:#fff} .header-container.type11 .main-nav ul.menu>li:hover>a,.header-container.type11 .main-nav ul.menu>li.act>a{color:#777} .header-container.type11 .main-nav .menu>li .nav-sublist-dropdown{top:auto} .header-container.type11 .header-right-area{text-align:right;position:absolute;right:15px;top:50%;margin-top:-13px;margin-bottom:0;z-index:11} .header-container.type11 .header-right-area>div{display:inline-block;margin-right:12px} .header-container.type11 .links{display:inline-block;vertical-align:middle;float:none;margin-right:5px} .header-container.type11 .links li{font-weight:300;padding:0 12px;border:0;border-right:1px solid #ccc} .header-container.type11 .links a{color:#fff} .header-container.type11 .search-area{position:relative;display:inline-block;vertical-align:middle;margin:0;height:25px;width:25px;line-height:25px;text-align:center;margin-left:10px;left:0;top:0;z-index:5} .header-container.type11 .search-area>a{color:#fff} .header-container.type11 .header #search_mini_form{display:none} .header-container.type11 .header .form-search{width:450px;position:absolute;right:-20px;top:40px;overflow:visible;border-width:5px;border-radius:25px;background-color:#fff} .header-container.type11 .header .form-search:before{content:"";display:block;position:absolute;right:20px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type11 .form-currency,.header-container.type11 .form-language{display:inline-block;vertical-align:middle;float:none;margin-right:4px} .header-container.type11 .selectbox .select{border-color:#fff;background-color:#fff;color:#777;text-align:center} .header-container.type11 .selectbox .dropdown{border:0} .header-container.type11 .mini-cart{position:relative;top:0;right:0;display:inline-block;vertical-align:middle;margin:0;width:auto} .header-container.type11 .mini-cart .mybag-link{height:26px;padding:4px 7px;background-color:#fff;color:#777;border-radius:2px} .header-container.type11 .mini-cart .mybag-link i{font-size:14px;color:#777} .header-container.type11 .mini-cart .mybag-link .cart-info{padding:1px 3px} .header-container.type11 .mini-cart .mybag-link span{display:inline-block;vertical-align:middle;font-size:11px;line-height:14px;font-weight:400} .header-container.type11 .mini-cart .mybag-link .cart-qty{margin-right:3px} .header-container.type11 .mini-cart .topCartContent{top:26px} .header-container.type11 .menu-icon{display:none;padding:0;margin:0;height:auto;margin-right:1px;margin-left:10px} .header-container.type11 .menu-icon a{color:#fff} #banner-slider-demo-13 .slide1-content em{font-size:26.26px;margin:0 10px} #banner-slider-demo-13 .slide1-content h2{font-size:79.12px;margin:5px 0 10px} #banner-slider-demo-13 .slide1-content p{font-size:23.64px} #banner-slider-demo-13 .slide2-content em{font-size:26.26px;margin-left:8px} #banner-slider-demo-13 .slide2-content h2{font-size:82.51px;margin:3px 0 10px} #banner-slider-demo-13 .slide2-content p{font-size:18px;margin-left:8px;margin-bottom:30px} #banner-slider-demo-13 .slide2-content p span.split{margin:0 13px 0 14px} #banner-slider-demo-13 .slide2-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px} #banner-slider-demo-13 .slide3-content em{font-size:26.26px} #banner-slider-demo-13 .slide3-content h2{font-size:82.51px;margin-bottom:17px} #banner-slider-demo-13 .slide3-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px} .no-border .product-image-area{border:0;padding:0;border-radius:0} .no-border .filter-products .products div.item .product-image{border-radius:0} h3.fullwidth-filter-title{font-size:28px;color:#000;line-height:1.2;margin-left:15px} p.fullwidth-filter-description{font-size:14px;color:#666;line-height:1.4;margin-left:15px} .home-side-menu-type2{margin-bottom:50px} .home-side-menu-type2>h2{font-size:15px;font-weight:600;color:#333} .home-side-menu-type2>h2>i.icon-menu:before{margin-left:0} .side-menu-type2.side-block{border-top:1px solid #ddd} .side-menu-type2.side-block ul.menu{padding:0;list-style:none} .side-menu-type2.side-block ul.menu ul{list-style:none;margin:0;display:none;padding-left:1.5em} .side-menu-type2.side-block ul.menu>li{padding-left:12px;display:block;line-height:40px;border-bottom:1px solid #ddd} .side-menu-type2.side-block ul.menu li{position:relative} .side-menu-type2.side-block ul.menu a{font-size:13px;color:#777} .side-menu-type2.side-block ul.menu a span.cat-label{display:none} .side-menu-type2.side-block ul.menu a:hover{color:#000;text-decoration:none} .side-menu-type2.side-block ul.menu>li>a{font-size:15px} .side-menu-type2.side-block ul.menu ul>li{line-height:40px;border-top:1px solid #ddd} .side-menu-type2.side-block ul.menu ul>li:first-child{border-top:0} .side-menu-type2.side-block ul.menu a.open-child{position:absolute;right:0;top:0;font-size:15px} .featured-box-2{margin:30px 0} .featured-box-2 h3{color:#121213;font-size:15px;border-bottom:1px solid #ddd;line-height:1.4;padding:8px 0;margin-bottom:10px} .featured-box-2 h3 i{font-size:18px} .featured-box-2 p{font-size:14px;margin-bottom:10px} .featured-box-2 a{font-size:14px} .footer .tags-list li{margin:0;margin-bottom:2px;display:inline-block!important} .footer .tags-list a{color:#fff;background-color:#000;padding:0 7px;line-height:25px;display:inline-block;font-size:12px!important;border-radius:3px} .footer .tags-list a:hover{color:#fff} .page-header{margin:0;padding:0;min-height:175px;background:url(https://www.gala.ad/skin/frontend/smartwave/porto/images/page_header.jpg) center center no-repeat;background-size:cover;border:0} #banner-slider-demo-11 .content-1{position:absolute;left:50%;top:50%;padding:30px 20px 15px;text-align:left;margin-left:-163px;margin-top:-95px} #banner-slider-demo-11 .content-1>div{display:inline-block;vertical-align:middle} #banner-slider-demo-11 .content-1>div:first-child{padding-right:10px} #banner-slider-demo-11 .content-1 p{font-size:23px;line-height:1;margin-bottom:0;margin-left:7px;font-weight:300} #banner-slider-demo-11 .content-1 h3{font-size:73px;font-weight:600;line-height:1;margin:0} #banner-slider-demo-11 .content-1 h3 b{font-weight:800;margin-top:-23px;display:block} #banner-slider-demo-11 .content-1 em{font-size:17px;font-style:normal;font-weight:300;margin:0;line-height:1;margin-right:4px} #banner-slider-demo-11 .content-1 h4{font-size:32px;line-height:1;margin:0;font-weight:700} #banner-slider-demo-11 .content-1 h5{font-size:17px;margin:0;line-height:1;margin-top:-4px} #banner-slider-demo-11 .content-2{position:absolute;right:28px;bottom:28px;text-align:left} #banner-slider-demo-11 .content-2>div{display:inline-block;vertical-align:middle;padding:20px 15px} #banner-slider-demo-11 .content-2>div:first-child{margin:-6px 0;padding-left:25px} #banner-slider-demo-11 .content-2 p{font-size:20px;line-height:1;margin-bottom:0;margin-left:2px;font-weight:300} #banner-slider-demo-11 .content-2 h3{font-size:54px;font-weight:600;line-height:1;margin:0} #banner-slider-demo-11 .content-2 h3 b{font-weight:800} #banner-slider-demo-11 .content-2 em{font-size:17px;font-style:normal;font-weight:300;margin:0;line-height:1;margin-right:4px} #banner-slider-demo-11 .content-2 h4{font-size:32px;line-height:1;margin:0;font-weight:700} #banner-slider-demo-11 .content-2 h5{font-size:17px;margin:0;line-height:1;margin-top:-4px} #banner-slider-demo-11 .content-2 a{font-size:13px;margin-right:-10px} .md-modal #login-form,.form-wrap.new-users,.form-wrap.registered-users,.opc #login-form{border:0;background:transparent;box-shadow:none;padding:0} .fancybox-prev span,.fancybox-next span{background-image:none;font-size:40px} .fancybox-prev span:before,.fancybox-next span:before{font-family:"porto";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;line-height:40px} .fancybox-next span:before{content:'\e81a'} .fancybox-prev span:before{content:'\e819'} #loading-mask{display:none;font-size:1.1em;font-weight:700;position:fixed;text-align:center;z-index:20002;width:100%;height:100%;left:0;top:0} #after-loading-success-message{display:none;font-size:1.1em;position:fixed;text-align:center;z-index:20002;width:100%;height:100%;left:0;top:0} #success-message-container{padding:20px 15px;line-height:1.4;position:relative;text-align:center;top:35%;width:300px;z-index:1000;background:#FFF none repeat scroll 0 0;margin:auto} #success-message-container img.product-image{display:inline-block;width:30%} #success-message-container .msg{display:block;margin-bottom:10px;font-size:13px} #success-message-container .product-name{font-size:14px;margin:5px 0 10px} #success-message-container .timer{display:none} #success-message-container button{margin-top:15px;min-width:133px} .header-container.sticky-header .header-wrapper{position:fixed!important;left:0!important;top:0!important;z-index:200!important;margin:0!important;padding:7px 0!important;margin:0!important;width:100%!important;box-shadow:0 1px 2px rgba(0,0,0,0.1);-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:all} .header-container.sticky-header .menu-wrapper{position:relative} .header-container.sticky-header .main-nav ul.menu>li>a{margin:0!important;padding:10px 0px!important} /*.header-container.sticky-header .main-nav ul.menu>li.menu-static-width>a,.header-container.sticky-header .main-nav ul.menu>li.menu-full-width>a,.header-container.sticky-header .main-nav ul.menu>li.menu-item-has-children>a{padding-left:15px!important;padding-right:25px!important}*/ .header-container.sticky-header .main-nav ul.menu>li>a:after{right:10px!important} .header-container.sticky-header .main-nav .menu{border:0;height:auto} .header-container.sticky-header .main-nav ul.menu >li.menu-full-width >a:after,.header-container.sticky-header .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.sticky-header .main-nav ul.menu >li.menu-static-width >a:after{margin-top:-6.5px!important} .header-container.type3.sticky-header .main-nav ul.menu>li.fl-right,.header-container.type4.sticky-header .main-nav ul.menu>li.fl-right,.header-container.type19.sticky-header .main-nav ul.menu>li.fl-right,.header-container.type20.sticky-header .main-nav ul.menu>li.fl-right,.header-container.type21.sticky-header .main-nav ul.menu>li.fl-right{margin-right:0;margin-left:3px;float:none!important} .header-container.type3.sticky-header .main-nav ul.menu>li.fl-right.last>a,.header-container.type19.sticky-header .main-nav ul.menu>li.fl-right.last>a,.header-container.type20.sticky-header .main-nav ul.menu>li.fl-right.last>a{margin:0;padding-right:15px!important} .header-container.type3.sticky-header .main-nav ul.menu>li.fl-right.last>a:after,.header-container.type19.sticky-header .main-nav ul.menu>li.fl-right.last>a:after,.header-container.type20.sticky-header .main-nav ul.menu>li.fl-right.last>a:after{right:0} .header-container.type9.sticky-header .main-nav ul.menu>li.fl-right{margin-right:0;margin-left:3px;float:none!important} .header-container.type9.sticky-header .main-nav ul.menu>li.fl-right.last>a{margin:0;padding-right:15px!important} .header-container.type9.sticky-header .main-nav ul.menu>li.fl-right.last>a:after{right:0} .header-container.type1.sticky-header .header-wrapper{background-color:#1e1e1e} .header-container.type1.sticky-header .header-wrapper .main-nav.container{margin:0 auto;padding:0 15px} .header-container.type2.sticky-header .header-wrapper{background-color:#fff} .header-container.type2.sticky-header .header-wrapper .main-nav.container{margin:0 auto} .header-container.type2.sticky-header .header-wrapper .main-nav.container .menu-wrapper{background-color:transparent} .header-container.type3.sticky-header .header-wrapper{background-color:#006fa4} .header-container.type3.sticky-header .header-wrapper .main-nav.container{margin:0 auto;background-color:transparent} .header-container.type3.sticky-header .header-wrapper .main-nav.container .menu-wrapper{background-color:transparent} .header-container.type4.sticky-header .header-wrapper{background-color:#fff} .header-container.type4.sticky-header .header-wrapper .main-nav.container{margin:0 auto} .header-container.type4.sticky-header .header-wrapper .main-nav.container .menu-wrapper{background-color:transparent} .header-container.type4.sticky-header .main-nav ul.menu>li>a{height:auto!important} .header-container.type5.sticky-header .header-wrapper{background-color:#fff} .header-container.type5.sticky-header .header-wrapper .main-nav.container > .container{padding:0 15px} .header-container.type5.sticky-header .header-wrapper .main-nav .menu-wrapper{text-align:left} .header-container.type5.sticky-header .header-wrapper .main-nav .menu{padding-right:0} .header-container.type5.sticky-header .header-wrapper .main-nav .menu >li.menu-static-width .nav-sublist-dropdown{right:auto} .header-container.type6.sticky-header .header-wrapper{background-color:#fff} .header-container.type6.sticky-header .header-wrapper .main-nav.container{margin:0 auto;padding:0} .header-container.type6.sticky-header .header-wrapper .main-nav .menu{padding-right:0} .header-container.type14.sticky-header .header-wrapper{background-color:#fff} .header-container.type14.sticky-header .header-wrapper .main-nav.container{margin:0 auto;padding:0} .header-container.type14.sticky-header .header-wrapper .main-nav .menu{padding-right:50px} .header-container.type7.sticky-header .header-wrapper{background-color:#fff} .header-container.type7.sticky-header .header-wrapper .main-nav.container{margin:0 auto} .header-container.type7.sticky-header .header-wrapper .main-nav.container .menu-wrapper{background-color:transparent} .header-container.type8.sticky-header .header-wrapper{background-color:#fff} .header-container.type8.sticky-header .header-wrapper .main-nav.container{margin:0 auto} .header-container.type8.sticky-header .header-wrapper .main-nav.container .menu-wrapper{background-color:transparent} .header-container.type17.sticky-header .header-wrapper{background-color:#fff} .header-container.type17.sticky-header .header-wrapper .main-nav.container{margin:0 auto} .header-container.type17.sticky-header .header-wrapper .main-nav.container .menu-wrapper{background-color:transparent} .header-container.type9.sticky-header .header-wrapper{background-color:#fff} .header-container.type9.sticky-header .header-wrapper .main-nav.container{margin:0 auto;background-color:transparent;text-align:left} .header-container.type9.sticky-header .header-wrapper .main-nav.container .menu-wrapper{background-color:transparent} .header-container.type19.sticky-header .header-wrapper{background-color:#fff} .header-container.type19.sticky-header .header-wrapper .main-nav.container{margin:0 auto;background-color:transparent} .header-container.type19.sticky-header .header-wrapper .main-nav.container .menu-wrapper{background-color:transparent} .header-container.type20.sticky-header .header-wrapper{background-color:#0088cc} .header-container.type20.sticky-header .header-wrapper .main-nav.container{margin:0 auto;background-color:transparent} .header-container.type20.sticky-header .header-wrapper .main-nav.container .menu-wrapper{background-color:transparent} .header-container.type21.sticky-header .header-wrapper{background-color:#fff} .header-container.type21.sticky-header .header-wrapper .main-nav.container{margin:0 auto} .header-container.type21.sticky-header .header-wrapper .main-nav.container .menu-wrapper{background-color:transparent} .header-container.type21.sticky-header .main-nav ul.menu>li>a{height:auto!important} .cms-index-index .header-container.type10.sticky-header .dropdown-menu .menu-container>a{pointer-events:all} .cms-index-index .header-container.type10.sticky-header .dropdown-menu .menu-container>.menu.side-menu{visibility:hidden;opacity:0} .cms-index-index .header-container.type10.sticky-header .dropdown-menu .menu-container>.menu.side-menu.show{visibility:visible;opacity:1} .header-container.type10.sticky-header .menu-wrapper .mini-cart{top:0} .header-container.type11.sticky-header .header-wrapper{background-color:#555} .header-container.type11.sticky-header .main-nav{width:100%!important} .header-container.type11.sticky-header .main-nav > .container{width:100%!important;padding:0 15px} .header-container.type11.sticky-header .main-nav .menu-wrapper{padding:0} .header-container.sticky-header .menu-wrapper .mini-cart{position:absolute;right:0;left:auto;top:-5px;margin:0;background-color:transparent;border:0} .header-container.sticky-header .menu-wrapper .mybag-link{position:relative;line-height:1;display:inline-block;border-radius:5px;height:40px;padding:5px;text-transform:uppercase;text-align:center;max-width:120px;background-color:transparent;top:auto} .header-container.sticky-header .menu-wrapper .mybag-link span{display:none} .header-container.sticky-header .menu-wrapper .mybag-link .cart-info{display:block;position:absolute;text-align:center;width:100%;top:50%;margin-top:-8px;left:0;padding:3px} .header-container.sticky-header .menu-wrapper .mybag-link .cart-qty{display:block;font-size:12px;color:#fff;margin:0!important;line-height:16px;font-weight:600} .header-container.sticky-header .menu-wrapper .mybag-link i{font-size:31px;} .header-container.sticky-header .menu-wrapper .mini-cart .topCartContent{top:40px} .header-container.type1.sticky-header .menu-wrapper .mybag-link i{color:#fff} .header-container.type1.sticky-header .menu-wrapper .mybag-link .cart-qty{color:#1e1e1e} .header-container.type3.sticky-header .menu-wrapper .mybag-link i{color:#fff} .header-container.type3.sticky-header .menu-wrapper .mybag-link .cart-qty{color:#000} .header-container.type19.sticky-header .menu-wrapper .mybag-link i{color:#111} .header-container.type19.sticky-header .menu-wrapper .mybag-link .cart-qty{color:#111} .header-container.type20.sticky-header .menu-wrapper .mybag-link i{color:#fff} .header-container.type20.sticky-header .menu-wrapper .mybag-link .cart-qty{color:#fff} .header-container.type11.sticky-header .menu-wrapper .mybag-link i{color:#fff} .header-container.type11.sticky-header .menu-wrapper .mybag-link .cart-qty{color:#000} .header-container .compare-link{display:inline-block;vertical-align:middle;position:relative} .header-container.type1 .compare-link,.header-container.type8 .compare-link,.header-container.type17 .compare-link,.header-container.type11 .compare-link{position:relative;top:0;right:0;display:inline-block;vertical-align:middle;margin:0;margin-right:4px;width:auto} .header-container.type1 .compare-link > a,.header-container.type8 .compare-link > a,.header-container.type17 .compare-link > a,.header-container.type11 .compare-link > a{height:26px;padding:4px 7px;background-color:#010101;border-radius:2px;line-height:18px;display:inline-block;color:#fff;text-transform:uppercase;text-align:center;font-size:11px} .header-container.type8 .compare-link > a,.header-container.type17 .compare-link > a{border-color:transparent;background-color:#e2e2dc;color:#777;text-align:center;padding:3px 7px;border-radius:3px;line-height:20px} .header-container.type11 .compare-link > a{border-color:#fff;background-color:#fff;color:#777;text-align:center} .header-container.type2 .compare-link,.header-container.type3 .compare-link,.header-container.type4 .compare-link,.header-container.type5 .compare-link,.header-container.type6 .compare-link,.header-container.type14 .compare-link,.header-container.type7 .compare-link,.header-container.type9 .compare-link,.header-container.type10 .compare-link,.header-container.type19 .compare-link,.header-container.type20 .compare-link,.header-container.type21 .compare-link{display:block;float:left;font-size:11px;line-height:26px;margin-left:5px;text-transform:uppercase} .header-container.type5 .compare-link{float:right;margin:0;margin-right:15px} .header-container.type3 .compare-link>a,.header-container.type5 .compare-link>a,.header-container.type6 .compare-link>a,.header-container.type14 .compare-link>a,.header-container.type19 .compare-link>a,.header-container.type20 .compare-link>a{color:#fff} .header-container.type15 .compare-link > a{border-color:transparent;background-color:#e2e2dc;color:#777;text-align:center;padding:4px 7px;border-radius:3px;line-height:20px} .fixed-header ul.menu >li .nav-sublist-dropdown:before,.main-nav ul.menu >li .nav-sublist-dropdown:before{content:"";height:6px;display:block;position:absolute;top:-6px;left:0} /*.header-container.sticky-header .main-nav ul.menu>li.menu-full-width:hover>a,.header-container.sticky-header .main-nav ul.menu>li.menu-static-width:hover>a,.header-container.sticky-header .main-nav ul.menu>li.menu-item-has-children:hover>a{padding-bottom:11px!important}*/ a.at300b .at4-icon,a.at300m .at4-icon{border-radius:3px} #parallax_01 .parallax-content-15 em{font-size:26.26px;margin:0 10px} #parallax_01 .parallax-content-15 h2{font-size:79.12px;margin:5px 0 10px} #parallax_01 .parallax-content-15 p{font-size:23.64px} #parallax_02{padding:250px 0} #parallax_02 .parallax-content-15 em{font-size:26.26px;margin:0} #parallax_02 .parallax-content-15 .text-content h2{font-size:79.12px;letter-spacing:-6px} #parallax_02 .parallax-content-15 .text-content p{margin:0} #parallax_02 .parallax-content-15 .text-content p span{font-size:23.64px;padding-left:6px} #parallax_02 .parallax-content-15 .text-content p a{font-size:16px;padding:10px 28px;margin-left:10px;margin-top:5px} #parallax_03{padding:250px 0} #parallax_03 .parallax-content-15 em{font-size:26.26px;margin:0;margin-left:5px} #parallax_03 .parallax-content-15 .text-content h2{font-size:79.12px;letter-spacing:-6px} #parallax_03 .parallax-content-15 .text-content p{margin:0} #parallax_03 .parallax-content-15 .text-content p span{font-size:23.64px;padding-left:6px} #parallax_03 .parallax-content-15 .text-content p a{font-size:16px;padding:10px 28px;margin-left:125px;margin-top:5px} #parallax_04 .parallax-content-15 em{font-size:26.26px;margin:0 10px} #parallax_04 .parallax-content-15 h2{font-size:61px;margin:5px 0 10px;letter-spacing:-3px} #parallax_04 .parallax-content-15 p{font-size:18px} #parallax_04 .parallax-content-15 a.btn.btn-default{font-size:16px;padding:8px 35px} body.side-header .page{position:relative;z-index:2} body.side-header.cms-index-index .page{height:100vh} .header-container.type12{position:absolute;left:0;top:0;z-index:999;width:256px;min-height:100vh;background-color:#383734;text-align:center;border:0;padding:10px} .cms-index-index .header-container.type12{background-color:rgba(0,0,0,0.4)} .header-container.type12.fixed-bottom{position:fixed;top:auto;bottom:0} .header-container.type12 .switcher-area{text-align:center;position:relative;z-index:3} body.side-header .top-container,body.side-header .main-container,body.side-header .footer-container{margin-left:256px} .header-container.type12 .form-currency,.header-container.type12 .form-language{display:inline-block;vertical-align:middle;float:none;margin-right:4px;margin-bottom:7px} .header-container.type12 .selectbox .select{border-color:#101010;background-color:#101010;color:#fff;text-align:center} .selectbox li{transition:all .3s} .header-container.type12 .selectbox .dropdown{border:0} .header-container.type12 .mini-cart{position:relative;top:0;right:0;display:inline-block;vertical-align:middle;margin:0;width:auto;margin-bottom:7px} .header-container.type12 .mini-cart .mybag-link{height:26px;padding:4px 7px;background-color:#010101;border-radius:2px} .header-container.type12 .mini-cart .mybag-link i{font-size:14px} .header-container.type12 .mini-cart .mybag-link .cart-info{padding:1px 3px} .header-container.type12 .mini-cart .mybag-link span{display:inline-block;vertical-align:middle;font-size:11px;line-height:14px;font-weight:400} .header-container.type12 .mini-cart .mybag-link .cart-qty{margin-right:3px} .header-container.type12 .mini-cart .topCartContent{top:26px;left:0} .header-container.type12 .mini-cart .topCartContent:before{left:15px;right:auto} .header-container.type12 .compare-link{position:relative;top:0;right:0;display:inline-block;vertical-align:middle;margin:0;margin-right:4px;margin-bottom:7px;width:auto} .header-container.type12 .compare-link > a{height:26px;padding:4px 7px;background-color:#010101;border-radius:2px;line-height:18px;display:inline-block;color:#fff;text-transform:uppercase;text-align:center;font-size:11px} .header-container.type12 .header{text-align:center;position:static;min-height:100%;padding-bottom:145px} .header-container.type12 .header>.logo{margin:30px 0;max-width:none} .header-container.type12 .search-area{position:relative;margin:0;top:0;left:0;padding:0 7px;margin-bottom:20px;width:100%} .header-container.type12 .search-area a.search-icon{display:none} .header-container.type12 .header #search_mini_form{margin:0;width:100%} .header-container.type12 .header .form-search{border-radius:5px;width:auto;min-width:initial;padding-right:140px} .header-container.type12 .header .form-search #cat{width:100px} .header-container.type12 .menu.side-menu{text-align:left;margin:0 7px 20px} .header-container.type12 .menu.side-menu>li>a{margin:0;color:#fff;border-color:#575757} .header-container.type12 .menu.side-menu>li.menu-static-width>a:after,.header-container.type12 .menu.side-menu>li.menu-item-has-children>a:after,.header-container.type12 .menu.side-menu>li.menu-item-has-children li.menu-item-has-children>a:after,.header-container.type12 .menu.side-menu>li.menu-full-width>a:after{color:#fff} .header-container.type12 .top-links-area{float:none;text-align:left;margin-bottom:20px} .header-container.type12 .links{float:none;padding:0 7px} .header-container.type12 .links li{display:block;padding:0;border:0;padding:10px 5px;border-top:1px solid #575757} .header-container.type12 .links li:first-child{border-top:0} .header-container.type12 .links li a{color:#fff} .header-container.type12 .header .custom-block{position:absolute;width:100%;bottom:0;left:0;padding:20px 10px} .header-container.type12 .social-icons{float:none} .header-container.type12 address{display:block;text-align:center;font-size:12px;color:#777} .header .social-icons a{background-color:#9e9e9e;border-radius:50%} .header .social-icons a.icon1-class:hover{background-color:#3c599b} .header .social-icons a.icon2-class:hover{background-color:#1ca8e3} .header .social-icons a.icon3-class:hover{background-color:#4975b6} #banner-slider-demo-16 .slide1-content,#banner-slider-demo-16 .slide2-content{padding-left:256px} #banner-slider-demo-16 .text-content{text-align:left} #banner-slider-demo-16 .text-content em{font-size:26.26px;margin:0;margin-bottom:-10px} #banner-slider-demo-16 .text-content h2{font-size:79.12px;letter-spacing:-4px} #banner-slider-demo-16 .text-content p{margin:0} #banner-slider-demo-16 .text-content p span{font-size:23.64px;padding-left:6px} #banner-slider-demo-16 .text-content p a{font-size:16px;padding:10px 28px;margin-left:10px;margin-top:5px} body.side-header .top-container > .breadcrumbs.fixed-position{position:fixed;width:100%;z-index:999;top:0} .product-view-zoom-area{width:100%;height:100%;z-index:2;position:absolute;left:100%;top:0;display:none} .product-img-box .etalage:hover + .etalage-control + .product-view-zoom-area{display:block} .sticky-product{position:fixed;top:0;left:0;width:100%;z-index:100;background-color:#fff;box-shadow:0 3px 5px rgba(0,0,0,0.08);padding:60px 0 15px} .sticky-product.no-sticky-header{padding:15px 0} .sticky-product > .container{position:relative} .sticky-product .sticky-image,.sticky-product .sticky-detail{display:inline-block;vertical-align:middle;margin-right:15px} .sticky-product .sticky-detail .product-name-area,.sticky-product .ratings,.sticky-product .sticky-detail .availability{display:inline-block;vertical-align:top;margin:0;margin-right:15px} .sticky-product .sticky-detail .product-name-area .product-name,.sticky-product .ratings,.sticky-product .sticky-detail .availability{line-height:25px} .sticky-product .sticky-detail .product-name-area .product-name{font-size:16px;font-weight:600} .sticky-product .sticky-detail .availability span{font-size:14px;font-weight:400} .sticky-product .add-to-cart{position:absolute;right:15px;top:50%;margin-top:-19px} .side-header .sticky-product > .container{width:100%;padding-left:277px} .product-view.moved-tab .product-shop .short-description{border:0} .main-nav .menu > li .nav-sublist-dropdown{top:auto} .deal-label{position:absolute;left:3px;top:3px;color:#fff;font-size:20px;padding:3px} .deal-label:before{content:"";display:block;width:40px;height:40px;position:absolute;z-index:1;border:26px solid transparent;border-left-color:#e27c7c;border-top-color:#e27c7c;border-radius:3px;left:0;top:0;transition:all .3s} .deal-label i{position:relative;z-index:2;left:-1px;top:1px} .block-dailydeal-new .sidebardailydeal{text-align:center} .block-dailydeal-new .sidebardailydeal a{float:none} .block-dailydeal-new{font-family:inherit} .block-dailydeal-new,.block-dailydeal-new:hover{border:0} .block-dailydeal-new .block-title{padding:10px 15px;font-size:13px;font-weight:700;text-transform:uppercase;border:1px solid #ddd;background-color:#f5f5f5;color:#777;position:relative;cursor:pointer;border-radius:7px 7px 0 0;margin-top:14px} .block-dailydeal-new .block-title.closed{border-radius:7px} .block-dailydeal-new .block-title:before{content:"\e80d";width:26px;height:26px;display:block;border:1px solid #ccc;font-family:'porto';position:absolute;right:15px;top:50%;margin-top:-13px;border-radius:3px;color:#ccc;text-align:center;line-height:24px;background-color:#fff;font-size:10px} .block-dailydeal-new .block-title.closed:before{content:"\e80b"} .block-dailydeal-new .block-title:hover:before{background-;color:#fff} .block-dailydeal-new .block-content{padding:10px 15px;font-size:13px;border:1px solid #ddd;border-top:0;border-radius:0 0 7px 7px;background-color:#fbfbfb} .block-dailydeal-new .block-title{cursor:pointer;margin:0} .bottom-home-dailydeal ul.time-left{float:none;background-color:transparent;padding:0 10px} .bottom-home-dailydeal ul.time-left li{padding:3px;list-style:none} .bottom-home-dailydeal ul.time-left li>div{background-color:#999;padding:4px 0;border-radius:5px} .bottom-home-dailydeal{position:absolute;bottom:-23px;z-index:9;left:0;width:100%;opacity:.3;filter:alpha(opacity=30);transition:all .3s;margin:0} .item-area:hover .bottom-home-dailydeal{opacity:1;filter:alpha(opacity=100);bottom:0} .block-dailydeal-new .sidebardailydeal.item{padding:20px 0} .bottom-home-dailydeal ul.time-left li span{font-family:inherit;font-size:16px;font-weight:600} .timeleft-text{margin:0} .item-area:hover .deal-label:before{border-left-color:#af2727;border-top-color:#af2727} .product-view .bottom-home-dailydeal{position:static;margin-bottom:20px;margin-left:-15px;opacity:1;filter:alpha(opacity=100)} .product-view .bottom-home-dailydeal ul.time-left li span.timeleft-text{font-size:20px} .product-essential .bg-saleoff{margin-bottom:10px} ol#products-list li.item{background:transparent} ol#products-list .bottom-home-dailydeal ul.time-left li span{font-size:13px} ol#products-list .bottom-home-dailydeal ul.time-left li span.text-time{font-size:10px} .product-image-area a.product-image{overflow:hidden} .slide3-1-new-content em{font-size:18px} .slide3-1-new-content h2{font-size:44px} .slide3-1-new-content hr{margin:10px 0} .slide3-1-new-content a{font-size:16px} .img-desc-home3{margin-top:-88px;padding:0 25px} .img-desc-home3 h3{font-size:24px} .img-desc-home3 hr{width:90px;margin:15px 0} .img-desc-home3 p{font-size:15px} .img-desc-home3 a{font-size:15px} .top-newsletter #newsletter{width:300px;height:30px;border-radius:0;line-height:16px} .top-newsletter button.button{position:absolute;right:0;top:0} .top-newsletter button.button span{height:30px;line-height:30px;border-radius:0;color:#000;background-color:transparent} .input-box{position:relative} .validation-advice:before{content:"\e820";font-family:"porto";font-size:8px;position:absolute;left:3px;top:1px} .product-options .validation-advice{position:relative} .block-subscribe .validation-advice{position:absolute} .opc-wrapper-opc .validation-advice{padding-left:10px} .fixed-header .menu >li.menu-item .nav-sublist-dropdown a,.main-nav .menu >li.menu-item .nav-sublist-dropdown a{color:#777} #banner-slider-demo-2-new .slide-1 em{font-size:26.26px;margin:0;margin-left:5px} #banner-slider-demo-2-new .slide-1 .text-content h2{font-size:79.12px;letter-spacing:-6px} #banner-slider-demo-2-new .slide-1 .text-content p{margin:0} #banner-slider-demo-2-new .slide-1 .text-content p span{font-size:23.64px;padding-left:6px} #banner-slider-demo-2-new .slide-1 .text-content a{font-size:15.76px;padding:10px 34px;margin-top:15px;margin-left:7px} #banner-slider-demo-2-new .slide-2 em{font-size:26.26px;margin:0;margin-left:5px} #banner-slider-demo-2-new .slide-2 .text-content h2{font-size:79.12px;letter-spacing:-6px} #banner-slider-demo-2-new .slide-2 .text-content p{margin:0} #banner-slider-demo-2-new .slide-2 .text-content p span{font-size:23.64px;padding-left:6px} #banner-slider-demo-2-new .slide-2 .text-content a{font-size:15.76px;padding:10px 0;margin-top:10px} .image-link span.category-title{display:block;position:absolute;left:-10px;bottom:20px;color:#fff;padding:15px 17px;font-size:15px;font-weight:600;line-height:1;min-width:174px;text-align:left;background-color:#3f4658} .image-link span.category-title:before{content:"";width:10px;height:10px;border:5px solid transparent;border-right-color:#3f4658;border-top-color:#3f4658;display:block;position:absolute;left:0;top:100%} .compare-link > a:hover{text-decoration:none} .compare-popup{position:absolute;left:0;top:100%;width:300px;background-color:#fff;border-width:6px 0 0;border-style:solid;z-index:1;border-radius:8px 8px 5px 5px;color:#777;box-shadow:0 2px 8px rgba(0,0,0,0.5);margin-top:10px;padding:20px;text-align:left;visibility:hidden;opacity:0;filter:alpha(opacity=0);transition:all .2s} .compare-link:hover .compare-popup{visibility:visible;opacity:1;} .compare-popup p{margin:0} .compare-popup:before{content:"";position:absolute;border:10px solid transparent;display:block;left:15px;top:-25px;border-bottom-} .compare-popup:after{width:100%;height:20px;position:absolute;content:"";display:block;top:-20px;left:0} .compare-popup li.item{position:relative;padding:5px 0} .compare-popup a.btn-remove{position:absolute;right:0} .compare-popup .actions{margin-top:20px} .compare-popup .actions a{line-height:32px} .compare-popup .actions button.button{float:right} .compare-popup .actions button.button span{line-height:32px;padding:0 15px} .header-container.type1 .compare-popup,.header-container.type11 .compare-popup,.header-container.type5 .compare-popup,.header-container.type8 .compare-popup,.header-container.type17 .compare-popup{left:auto;right:0} .header-container.type1 .compare-popup:before,.header-container.type11 .compare-popup:before,.header-container.type5 .compare-popup:before,.header-container.type8 .compare-popup:before,.header-container.type17 .compare-popup:before{left:auto;right:15px} .ajaxcart-index-options .product-view .product-name{padding:0;border-bottom:1px solid #384045;margin-bottom:25px} .quickview-index-view .product-collateral{display:none} .store-switcher{text-align:right} .store-switcher:before{content:"";display:block;clear:both} .sticky-logo{float:left;margin-right:20px} .sticky-logo .logo{margin:0!important} .sticky-logo strong{display:none} .sticky-logo img{max-height:32px} .header-container.type13{border:0} .header-container.type13 .top-links-container{background-;color:#fff} .header-container.type13 .top-links a{color:#fff} .header-container.type13 .selectbox .select{color:#fff} .header-container.type13 .header{display:block;vertical-align:middle;padding:28px 0;text-align:center} .header-container.type13 .header > .logo{display:inline-block;padding:0 15px;margin:0;float:none} .header-container.type13 .header > .logo img{height:50px} .header-container.type13 .main-nav{margin:0;height:30px} .header-container.type13 .main-nav ul.menu>li>a{padding:9px 15px} .header-container.type13 .header-wrapper{border:0;display:block;padding:10px 0;position:absolute;top:50%;margin-top:-25px} .header-container.type13 .main-nav .menu-wrapper{border-radius:0;background-color:transparent} .header-container.type13 .top-links > .top-select:first-child .selectbox .select{padding-left:0} .header-container.type13 .main-nav ul.menu >li{pointer-events:all} .header-container.type13 .main-nav ul.menu >li.menu-full-width >a,.header-container.type13 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type13 .main-nav ul.menu >li.menu-static-width >a{padding-right:25px} .header-container.type13 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type13 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type13 .main-nav ul.menu >li.menu-static-width >a:after{right:10px} .header-container.type13 .compare-link{display:block;float:left;font-size:11px;line-height:26px;margin-left:5px;text-transform:uppercase} .header-container.type13 .main-nav ul.menu >li.fl-right{float:right} .header-container.type13 .main-nav .menu >li.fl-right .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist{left:auto;right:100%} .header-container.type13.sticky-header .header-wrapper{background-color:#fff} .header-container.type13.sticky-header .main-nav{margin:0 auto} .header-container.type13.sticky-header .main-nav ul.menu >li.fl-right{float:none} .header-container.type13.sticky-header .header .mini-cart{position:absolute} .infinite-loader{text-align:center;margin:20px 0} .infinite-loader .loading{line-height:30px;display:none} .infinite-loader .loading i.ajax-loader{margin-right:15px} .infinite-loader .btn-load-more{display:none;color:#333;background-color:#fff;font-size:13px;padding:5px 20px;line-height:30px;border-radius:5px;border:1px solid #ccc} i.category-icon{margin-right:10px} i.category-icon:before{margin:0;width:auto} img.category-icon{margin-right:10px;max-height:11px;vertical-align:middle} .item .item-area .actions .qty-field{margin:10px 0 5px} .item .item-area .actions input.qty{height:34px} .item .item-area .actions .qty-changer > a{margin:0;margin-bottom:2px;opacity:1;filter:alpha(opacity=100);visibility:visible} .item .item-area .actions .qty-changer > a.qty_dec{margin-bottom:0} .product-tabs>ul:after{clear:both;content:"";display:table} .panel-group .panel{border:0;border-radius:0;box-shadow:none} .panel-default>.panel-heading{background:none;padding:0;border-radius:0} .panel-default>.panel-heading+.panel-collapse>.panel-body{border:0} .product-tab-accordion .panel-body>h2{display:none} .panel-title>a{position:relative;padding:12px 20px 12px 10px;display:block;font-size:15px;min-height:20px;border:0;border-left:3px solid #08c;border-radius:5px;font-weight:400;background-;color:#fff} .panel-title>a.collapsed{;background-color:#f4f4f4} .panel-title>a:hover{color:#fff;text-decoration:none} .panel-title>a.collapsed:hover{} .panel-title>a:after{content:"\e80b";font-family:"porto";display:block;position:absolute;right:20px;top:50%;color:#fff;margin-top:-10px} .panel-title>a.collapsed:after{content:"\e814";} #banner-slider-demo-17 .slide-1 em{font-size:26.26px;margin:0;margin-left:5px} #banner-slider-demo-17 .slide-1 .text-content h2{font-size:79.12px;letter-spacing:-5px} #banner-slider-demo-17 .slide-1 .text-content p{margin:0} #banner-slider-demo-17 .slide-1 .text-content p span{font-size:23.64px;padding-left:6px} #banner-slider-demo-17 .slide-1 .text-content a{font-size:15.76px;padding:10px 34px;margin-top:15px;margin-left:7px} #banner-slider-demo-17 .slide-2 em{font-size:26.26px;margin:0;margin-bottom:10px} #banner-slider-demo-17 .slide-2 .text-content h2{font-size:51.67px} #banner-slider-demo-17 .slide-2 .text-content p{margin:0} #banner-slider-demo-17 .slide-2 .text-content p span{font-size:23.64px} #banner-slider-demo-17 .slide-2 .text-content a{font-size:15.76px;padding:10px 34px;margin-top:15px} .footer-top .homepage-bar{border:0;background-color:transparent;text-align:left;padding:0 5px} .footer-top .homepage-bar .col-md-3{border-left:1px solid #515656;padding-top:20px;padding-bottom:21px} .footer-top .homepage-bar .col-md-3:first-child{border-left:0} .footer-top .homepage-bar i{color:#fff} .footer-top .homepage-bar h3{color:#fff} .flex-grid{display:flex;flex-flow:row wrap} #slideshow .category-products .products-grid.flex-grid.columns4 li.item:hover{padding-top:0} .flex-grid .item .details-area .actions{visibility:hidden;opacity:0;filter:alpha(opacity=0);transition:all .3s;margin:0 -50px} .flex-grid .item:hover .details-area .actions{visibility:visible;opacity:1;filter:alpha(opacity=100)} .category-products .products-grid.flex-grid li.item{border-left:1px solid #e3e4e4;display:flex;padding-top:0;margin-top:-1px;transition:all .3s;border-top:1px solid transparent;border-bottom:1px solid transparent} .category-products .products-grid.flex-grid li.item:hover{background-color:#fff;border-top-color:#e3e4e4;border-bottom-color:#e3e4e4;box-shadow:0 0 40px rgba(0,0,0,0.1)} .category-products .products-grid.flex-grid li.item .details-area{padding-bottom:0;margin-bottom:-20px} .category-products .products-grid.flex-grid.columns2 li.item.nth-child-2np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns3 li.item.nth-child-3np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns4 li.item.nth-child-4np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns5 li.item.nth-child-5np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns6 li.item.nth-child-6np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns7 li.item.nth-child-7np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns8 li.item.nth-child-8np1{border-left-color:transparent} .category-products .products-grid.flex-grid .item .details-area .actions a.addtowishlist{margin:0;background-color:#e6e6e6;color:#000;border:0;font-size:13px;right:-4px;visibility:visible;opacity:1;filter:alpha(opacity=100);width:40px;height:40px;line-height:40px} .category-products .products-grid.flex-grid .item .details-area .actions a.comparelink{margin:0;background-color:#e6e6e6;color:#000;border:0;font-size:13px;left:-4px;visibility:visible;opacity:1;filter:alpha(opacity=100);width:40px;height:40px;line-height:40px} .category-products .products-grid.flex-grid .item .details-area .actions a.addtocart{height:40px;font-size:13px;line-height:40px;margin:0;border:0;padding:0 20px 0 15px;text-transform:uppercase;background-;color:#fff} .category-products .products-grid.flex-grid li.item .item-area{border-top:1px solid #e3e4e4;padding:50px 0 10px;margin-top:-1px;transition:all .3s} .category-products .products-grid.flex-grid li.item:hover .item-area{border-top-color:transparent;padding:10px 0 50px} .category-products .products-grid.flex-grid li.item .price-box{margin:10px 0 15px} .flex-owl-slider .owl-item .item{border-left:1px solid #e3e3e3} .flex-owl-slider .owl-item:first-child .item{border-left-color:transparent} .header-container.type13 .welcome-msg{float:right;margin-right:15px} .header-container.type13 .search-area{position:relative;top:0;left:0;margin:0;margin-right:10px;float:left;height:25px;z-index:2} .header-container.type13 .search-area a.search-icon{display:block;line-height:15px;padding:5px 0;font-size:11px;width:auto;text-transform:uppercase} .header-container.type13 .search-area a.search-icon:hover{text-decoration:none} .header-container.type13 #search_mini_form{width:450px;display:none} .header-container.type13 .mini-cart{display:inline-block;position:static;padding:0;margin:0;vertical-align:middle} .header-container.type13 .mybag-link{height:25px;padding:5px 0;line-height:15px} .header-container.type13 .mybag-link i{;font-size:15px} .header-container.type13 .mybag-link .cart-info{font-size:11px;padding:0} .header-container.type13 .cart-info span{display:inline;font-size:11px;font-weight:400} .header-container.type13 .mybag-link .cart-info span.cart-qty{margin-right:3px;font-weight:700} .header-container.type13 .top-links-container .mini-cart .topCartContent{right:0;top:25px} .header-container.type13 #search_mini_form{display:none;margin:0;position:absolute;left:0;top:0} .header-container.type13 .top-links-area .top-links-icon{display:block;margin-right:5px} .header-container.type13 .top-links-area ul.links{display:none} .header-container.type13 .cart-area{position:relative;left:0;top:0;margin:0;float:right;height:25px;margin-left:5px} .header-container.type13 .links{display:none;position:absolute;right:0;z-index:9;background-color:#fff!important;border-radius:3px;margin:0;padding:5px 0;text-align:right;border:1px solid #ccc} .header-container.type13 .links li{display:block;border:0;padding:0} .header-container.type13 .links li a{color:#777!important;white-space:nowrap;padding:0 10px;display:block;transition:all .2s;font-weight:400} .header-container.type13 .links li:hover a{background-color:#ccc!important;color:#fff!important;text-decoration:none} .header-container.type13 .form-search{width:450px;position:absolute;left:-20px;top:40px;overflow:visible;border:5px solid #ccc;border-radius:25px;background-color:#fff} .header-container.type13 .form-search:before{content:"";display:block;position:absolute;left:20px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type13 .form-search label{float:left;width:24px;height:21px;text-align:left;text-indent:-999em;overflow:hidden;display:none} .header-container.type13 .form-search #search{border:0;height:38px;background-color:transparent;padding:10px 15px;color:#999;font-family:Arial;width:100%;margin:0;font-size:13px;line-height:20px;border-radius:20px 0 0 20px} .header-container.type13 .form-search #cat{margin:0;width:130px;height:38px;background-color:transparent;border:1px solid #ccc;border-top:0;border-bottom:0;font-family:Arial;font-size:13px;line-height:34px;color:#777;padding:2px 0;padding-left:10px;position:absolute;top:0;right:40px;border-radius:0;-moz-appearance:none;-webkit-appearance:none} .header-container.type13 .form-search #cat option{color:#000;background:#fff} .header-container.type13 .form-search button.button{width:40px;height:38px;color:#777;background-color:transparent;font-size:14px;position:absolute;right:0;top:0;border-radius:0 20px 20px 0} .header-container.type13 .form-search .search-autocomplete{z-index:999} .header-container.type13 .form-search .search-autocomplete ul{border:1px solid #ddd;background-color:#fff} .header-container.type13 .form-search .search-autocomplete li{text-align:left;padding:5px 10px;cursor:pointer;color:#777} .header-container.type13 .form-search .search-autocomplete li .amount{float:right;font-weight:700} .header-container.type13 .form-search .search-autocomplete li.odd{background-color:#fff} .header-container.type13 .form-search .search-autocomplete li.selected{background-color:#f7f7f7} .header-container.type13 .mini-cart .actions a{color:#fff} .header-container.type14 .cart-area{position:relative;top:0;margin:0;float:right;height:50px;right:0;padding:5px 0} .loader-container{text-align:center;background-color:rgba(255,255,255,.5);display:none} .product-image-area > .loader-container,.actions > .loader-container{position:absolute;left:0;top:0;width:100%;height:100%;z-index:199} .loader-container > .loader{position:absolute;width:100%;top:50%;margin-top:-8px} i.ajax-loader.medium{width:24px;height:24px;border-width:2.5px} #loading_mask_loader{display:none} .block-manufacturer{text-align:center} .block-manufacturer img{max-width:100%} .banner-content-18{padding:290px 0 80px} .banner-content-18 em{font-size:26.26px;margin-left:5px;margin-bottom:5px} .banner-content-18 .text-content h2{font-size:79.12px;letter-spacing:-4px} .banner-content-18 .text-content p{margin:0} .banner-content-18 .text-content p span{font-size:23.64px;padding-left:5px;line-height:2} .banner-content-18 .text-content p a{font-size:16px;padding:10px 35px;margin-left:5px;margin-top:7px;margin-bottom:125px} .filter-title-type-2{font-size:19px;margin:0;font-weight:300;margin-bottom:10px;display:table;width:100%} .filter-title-type-2 span{display:table-cell;position:relative} .filter-title-type-2 span.title-line:after{content:"";width:100%;border-top:1px solid #d8d8d8;display:block;position:absolute;top:50%;margin-top:-1px} .owl-middle-outer-narrow .owl-controls{position:absolute;left:0;width:100%;top:50%;margin-top:-25px} .owl-middle-outer-narrow .owl-controls .owl-buttons div{font-size:28px;background:none;;position:absolute} .owl-middle-outer-narrow .owl-controls .owl-buttons div.owl-prev{left:-60px} .owl-middle-outer-narrow .owl-controls .owl-buttons div.owl-next{right:-60px} .catalog-product-view .background-overlay{background-color:#fff} .catalog-product-view #loading_mask_loader{display:block} .data-table .product-image img{max-width:none;min-width:100px} @media screen and(-ms-high-contrast: active),(-ms-high-contrast: none) { .rating-box{width:65px;height:12px;font-size:0;line-height:0;text-indent:-999em;overflow:hidden;position:relative} .rating-box:before{font-family:"porto";content:"\e852\20\e852\20\e852\20\e852\20\e852";width:65px;height:12px;color:#ddd;display:inline;font-size:11px;line-height:12px;white-space:nowrap} .rating-box .rating{float:left;height:12px;position:absolute;left:0;top:0;overflow:hidden} .rating-box .rating:before{font-family:"porto";content:"\e852\20\e852\20\e852\20\e852\20\e852";width:65px;height:12px;color:#ffc600;display:inline;font-size:11px;line-height:12px;white-space:nowrap} } .menu.side-menu>li.menu-item .nav-sublist-dropdown i.ajax-loader{border-color:#fff} .header-container.type15{border:0;background-color:#fff} .header-container.type15 .top-links-area{float:none;display:inline-block;color:#000} .header-container.type15 .links{float:none;display:inline-block;color:#000;vertical-align:middle} .header-container.type15 .links li{padding:0 14px;border:0;font-size:11px;font-weight:700} .header-container.type15 .links li.last{padding-right:10px} .header-container.type15 .links li.first{padding-left:0} .header-container.type15 .top-links-icon a{color:#000} .header-container.type15 .links a{color:#000} .header-container.type15 .selectbox .select{color:#000} .header-container.type15 .header{display:block;vertical-align:middle;padding:25px 0} .header-container.type15 .header > .logo{display:block;padding:0 15px;margin:0 10px 0 0;float:left} .header-container.type15 .header > .logo img{height:50px} .header-container.type15 .header .search-area{position:relative;margin:0;display:inline-block;top:0;left:0;height:40px;z-index:5;margin-left:30px} .header-container.type15 .header .search-area a.search-icon{display:none;line-height:40px;margin:0 10px;color:#000} .header-container.type15 .header .form-search #search,.header-container.type15 .header .form-search{font-size:12px;font-weight:700;min-width:200px} .header-container.type15 .form-language,.header-container.type15 .form-currency{display:inline-block;vertical-align:middle;float:none;background-color:#e2e2dc;border-radius:3px;margin-right:5px} .header-container.type15 .header .custom-block{display:inline-block;text-align:center;margin-left:20px} .header-container.type15 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #ccc;margin:0 13px} .header-container.type15 .header .custom-block a{font-size:17px;padding:0;margin:0 3px} .header-container.type15 .switcher-area{display:inline-block;vertical-align:middle;font-weight:700} .header-container.type15 .header .mini-cart{display:inline-block;position:relative;top:0;left:0;right:auto;padding:0;margin:0;vertical-align:middle;background-color:#e2e2dc;border-radius:3px} .header-container.type15 .mybag-link{height:auto;padding:3px 7px} .header-container.type15 .mybag-link i{color:#777;font-size:16px} .header-container.type15 .mybag-link .cart-info{color:#777} .header-container.type15 .mybag-link .cart-info span{display:inline-block;font-size:12px;line-height:14px;font-weight:700;text-transform:uppercase} .header-container.type15 .mybag-link .cart-info span.cart-qty{margin-right:3px} .header-container.type15 .header .mini-cart .topCartContent{right:0;top:26px;font-weight:400} .header-container.type15 .header-wrapper{border:0;display:block;padding:10px 0} .header-container.type15 .top-links > .top-select:first-child .selectbox .select{padding-left:0} .header-container.type15 .menu-icon a{color:#777} .header-container.type15 .compare-popup{font-weight:400} .header-container.type15 .selectbox .dropdown{font-weight:400} .header-container.type15 .compare-link > a,.header-container.type15 .selectbox .select,.header-container.type15 .mini-cart .mybag-link{box-shadow:1px 2px 1px rgba(0,0,0,0.3)} .header-container.type15 .compare-link{margin-right:5px} .header-container.type15.sticky-header{position:fixed;width:100%;z-index:7} .header-container.type16{border:0;background-color:#000} .header-container.type16 .top-links-area{float:none;display:inline-block;color:#000} .header-container.type16 .links{float:none;display:inline-block;color:#000;vertical-align:middle} .header-container.type16 .links li{padding:0 10px;border:0;font-size:11px;font-weight:600;letter-spacing:2px} .header-container.type16 .links li.last{padding-right:10px} .header-container.type16 .links li.first{padding-left:0} .header-container.type16 .top-links-icon a{color:#fff;font-size:11px;font-weight:600;letter-spacing:2px} .header-container.type16 .links a{color:#fff} .header-container.type16 .header{display:block;vertical-align:middle;padding:25px 85px} .header-container.type16 .cart-area{right:100px} .header-container.type16 .header > .logo{display:block;padding:0 15px;margin:0 10px 0 0;float:left} .header-container.type16 .header > .logo img{height:50px} .header-container.type16 .header .search-area{position:relative;margin:0 40px;display:inline-block;top:0;left:0;height:40px;z-index:5} .header-container.type16 .header .search-area a.search-icon{line-height:40px;color:#fff;font-size:20px} .header-container.type16 .header #search_mini_form{display:none;position:absolute;right:-50px} .header-container.type16 .header .form-search #search,.header-container.type16 .header .form-search{font-size:12px;font-weight:700;min-width:200px} .header-container.type16 .form-language,.header-container.type16 .form-currency{display:inline-block;vertical-align:middle;float:none;border-radius:3px;margin-right:5px} .header-container.type16 .header .custom-block{display:inline-block;text-align:center;margin-left:20px} .header-container.type16 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #ccc;margin:0 13px} .header-container.type16 .header .custom-block a{font-size:17px;padding:0;margin:0 3px} .header-container.type16 .switcher-area{display:inline-block;vertical-align:middle;font-weight:600} .header-container.type16 .shoppingcart-area{display:inline-block;vertical-align:middle;font-weight:600;position:relative;right:0;top:0;margin:0;line-height:33px} .header-container.type16 .header .mini-cart{display:inline-block;position:relative;top:0;left:0;right:auto;padding:0;margin:0;vertical-align:middle;border-radius:3px;margin-bottom:5px} .header-container.type16 .mybag-link{height:auto;padding:0;position:relative} .header-container.type16 .mybag-link i{font-size:25px} .header-container.type16 .mybag-link .cart-info{padding:0;position:absolute;right:-7px;bottom:-7px} .header-container.type16 .mybag-link .cart-info span{display:none} .header-container.type16 .mybag-link .cart-info span.cart-qty{display:block;color:#000;background-color:#fff;border-radius:8px;width:15px;height:15px;text-align:center;font-weight:400;font-size:10px;line-height:15px} .header-container.type16 .header .mini-cart .topCartContent{right:0;top:26px;font-weight:400} .header-container.type16 .top-links > .top-select:first-child .selectbox .select{padding-left:0} container.type16 .compare-popup{font-weight:400} .header-container.type16 .selectbox .dropdown{font-weight:400} .header-container.type16 .compare-link{margin-right:5px} .header-container.type16.sticky-header{position:fixed;width:100%;z-index:7} .header-container.type16 .icon-mini-cart:before{content:"\e871";margin:0;width:auto} .header-container.type16 .icon-search:before{content:"\e872";margin:0} .header-container.type16 .selectbox .select .text{letter-spacing:2px} .header-container.type16 .menu-area{display:inline-block;vertical-align:middle} .header-container.type16 .shop-menu{color:#fff;margin-right:20px;text-transform:uppercase;font-weight:600;font-size:11px;letter-spacing:2px;line-height:40px} .header-container.type16 .shop-menu:hover{text-decoration:none} .header-container.type16 .icon-down-dir:before{content:'\e81c'} .header-container.type16 .top-links-icon:before{color:#fff;content:'\e81c'} .header-container.type16 .menu-icon a{color:#777} .header-container.type16 .header-wrapper{border:0;position:absolute;left:-15px;top:100%;visibility:hidden;opacity:0;transition:all .3s} .header-container.type16 .menu-area:hover .header-wrapper{visibility:visible;opacity:1} .header-.header-container.type16 .header-wrapper .container{padding:0} .header-container.type16 .main-nav .menu > li{display:block;margin:0;position:relative} .header-container.type16 .main-nav > .container{padding:0} .header-container.type16 .header-wrapper .menu > li.act{background-color:transparent} .header-container.type16 .main-nav ul.menu >li >a{font-size:11px;font-weight:400;color:#777;padding:10px 30px 10px 5px;text-transform:none;margin:0 8px} .header-container.type16 .main-nav .menu-wrapper{background-color:#fff;border-radius:5px;padding:5px 0} .header-container.type16 .main-nav ul.menu >li:hover{background-color:transparent} .header-container.type16 .main-nav ul.menu >li:hover>a{background:#f4f4f4} .header-container.type16 .main-nav .menu > li .nav-sublist-dropdown{top:-5px;left:100%;border:0} .header-container.type16 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type16 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type16 .main-nav ul.menu >li.menu-static-width >a:after{content:'\e81a';right:5px} .header-container.type16 .main-nav .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist,.header-container.type16 .main-nav .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist{left:100%;right:auto} .header-container.type16 .header .custom-block{display:none} .my-account .pager .limiter{float:left} #my-tags-table .ratings{background:none} #my-tags-table .link-wishlist{} .my-account .product-review .ratings{background:none} .my-account .product-review .ratings-table{border:0} #home-content-slider-demo-20 .item > div.content{max-width:40%} #home-content-slider-demo-20 .item > div.content > h3{color:#fff;font-size:60px;font-weight:600;letter-spacing:-4px;margin-bottom:20px} #home-content-slider-demo-20 .item > div.content > a{font-size:12px;font-weight:600;line-height:1;text-transform:uppercase;background-color:#fff;color:#000;padding:20px 45px;letter-spacing:3px;transition:all .3s;box-shadow:3px 3px 0 rgba(255,255,255,0.5);margin:20px 0;display:inline-block} #home-content-slider-demo-20 .item > div.content > a:hover{text-decoration:none;opacity:.85} .full-screen-slider #banner-slider-demo-20 .item > div.content{text-align:left} .full-screen-slider #banner-slider-demo-20 .item > div.content > h2{line-height:.9;font-size:80px;font-weight:600} .full-screen-slider #banner-slider-demo-20 .item > div.content > a{font-size:12px;font-weight:700;line-height:1;text-transform:uppercase;background-color:#fff;color:#000;padding:20px 45px;letter-spacing:3px;transition:all .3s;box-shadow:3px 3px 0 rgba(255,255,255,0.5);margin:20px 0;display:inline-block} .full-screen-slider #banner-slider-demo-20 .item > div.content > a:hover{text-decoration:none;opacity:.85} .ajax-products{display:flex;padding:0 85px} .ajax-products > .category-list{border-right:1px solid #dcdcdc;padding:70px 15px} .ajax-products > .category-list > span{display:block;font-size:20px;font-weight:600;color:gray;margin-bottom:10px} .ajax-products > .category-list > ul{list-style:none;padding:0} .ajax-products > .category-list > ul > li{padding:10px 0} .ajax-products > .category-list > ul > li > a{display:block;text-transform:uppercase;color:#000;font-weight:700;font-size:12px;position:relative;padding-left:20px} .ajax-products > .category-list > ul > li > a:before{content:"\f87a";font-family:"porto";margin-right:10px;display:inline-block;width:11px;position:absolute;left:0} .ajax-products > .category-list > ul > li > a.active:before{content:"\f87b"} .ajax-products > .category-list > ul > li > a > span{display:inline-block} .ajax-products > .category-list > ul > li > a:hover{text-decoration:none} .ajax-products > .category-detail{position:relative;padding:70px 15px} .ajax-products > .category-detail > h2{text-align:center;margin:30px 0;font-size:26px;color:#000;text-transform:uppercase;font-weight:700;letter-spacing:10px} .ajax-products > .category-detail > .ajax_products_loader{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;background-color:rgba(255,255,255,0.5)} .ajax-products .product-image-area{border:0;padding:0;border-radius:0} .ajax-products .category-products .products-grid li.item .product-image{border-radius:0} .ajax-products .products-grid .actions{display:none} .ajax-products .products-grid .ratings{display:none} .ajax-products .category-products .products-grid li.item .details-area .product-name a{font-size:12px;font-weight:600;text-transform:uppercase;color:#000} .ajax-products .category-products .regular-price .price{font-size:18px} .load-more-area{text-align:center;margin:30px 0} .load-more-area > a{display:inline-block;font-size:12px;font-weight:600;line-height:1;text-transform:uppercase;background-color:#000;color:#fff;padding:20px 45px;letter-spacing:3px;transition:all .3s;box-shadow:3px 3px 0 rgba(0,0,0,0.5)} .load-more-area > a:hover{text-decoration:none;opacity:.85;color:#fff} .full-width-image{text-align:center;padding:200px 0;background-size:cover} .full-width-image > h3{font-size:90px;color:#fff;font-weight:600;letter-spacing:-5px} .full-width-image > a{display:inline-block;font-size:12px;font-weight:600;line-height:1;text-transform:uppercase;background-color:#fff;color:#000;padding:20px 45px;letter-spacing:3px;transition:all .3s;box-shadow:3px 3px 0 rgba(255,255,255,0.5);margin:20px 0} .full-width-image > a:hover{text-decoration:none;opacity:.85} .full-screen-slider{position:relative} .full-screen-slider:after{content: "\f110";font-family: "porto";position: absolute;left: 50%;top: 50%;font-size: 25px;line-height: 1;margin-top: -13px;margin-bottom: -13px;color: #999;z-index: 0;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear} .full-screen-slider > div{position: relative;z-index:1} .header-container.type17{background-color:#0f0f0f;position:relative;border:0;z-index:4} .header-container.type17 .top-links-area{float:none;display:inline-block;color:#ccc} .header-container.type17 .links{float:none;display:inline-block;color:#ccc} .header-container.type17 .links li{padding:0 10px;border:0} .header-container.type17 .links li.last{padding-right:10px} .header-container.type17 .links li.first{padding-left:0} .header-container.type17 .top-links-icon a{color:#ccc} .header-container.type17 .top-links-icon a:hover{color:#fff} .header-container.type17 .links a{color:#ccc;font-size:11px;font-family:"Oswald";font-weight:700;letter-spacing:1px} .header-container.type17 .links a:hover{text-decoration:none;color:#fff} .header-container.type17 .selectbox .select{color:#ccc;border:0;} .header-container.type17 .selectbox .select:hover{color:#fff} .header-container.type17 .selectbox .select .text{font-size:11px;font-family:"Oswald";font-weight:700;letter-spacing:1px} .header-container.type17 .header{display:block;vertical-align:middle;padding:35px 85px;max-height:120px} .header-container.type17 .header > .logo{display:block;padding:0 15px;margin:0 50px 0 0;float:left} .header-container.type17 .header > .logo img{height:50px} .header-container.type17 .header .search-area{position:relative;margin:0;display:inline-block;top:0;left:0;height:40px;z-index:5;margin-bottom:1px;margin-left:50px;margin-right:30px} .header-container.type17 .header .search-area a.search-icon{display:block;line-height:40px;margin:0 10px;color:#ccc;width:auto;font-family:"Oswald";text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1px;margin-top:-1px} .header-container.type17 .header .search-area a.search-icon > i{font-size:24px;display:inline-block;vertical-align:top;margin-right:15px} .header-container.type17 .icon-search:before{content:"\e875"} .header-container.type17 .header .search-area a.search-icon:hover{color:#fff;text-decoration:none} .header-container.type17 .form-language,.header-container.type17 .form-currency{display:inline-block;vertical-align:middle;float:none;margin-right:5px;margin-bottom:1px;} .header-container.type17 .header .custom-block{display:inline-block;text-align:center;height:40px;line-height:40px} .header-container.type17 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #ccc;margin:0 13px} .header-container.type17 .header .custom-block a{font-size:12px} .header-container.type17 .switcher-area{display:inline-block;vertical-align:middle;margin-left:50px} .header-container.type17 .header .mini-cart{display:inline-block;position:absolute;top:0;right:0;padding:0;margin:0;vertical-align:middle;background-color:#0f0f0f;height:100%;width:280px;text-align:center} .header-container.type17 .header .mini-cart:hover{position:fixed;height:120px} .header-container.type17 .mybag-link{height:auto;padding:0 7px;max-width:none;color:#ccc} .header-container.type17 .mybag-link i{font-size:25px;line-height:120px;margin-right:15px;color:#ccc} .header-container.type17 .icon-mini-cart:before{content:"\e876"} .header-container.type17 .mybag-link .cart-info{font-family:"Oswald";font-weight:700;letter-spacing:1px} .header-container.type17 .mybag-link .cart-info span{display:inline-block;font-size:11px;line-height:14px;} .header-container.type17 .mybag-link .cart-info span.cart-qty{margin-right:3px} .header-container.type17 .main-nav{margin:0;height:30px} .header-container.type17 .main-nav ul.menu>li>a{padding:9px 10px;color:#ccc;font-size:11px;font-family:"Oswald";font-weight:700;letter-spacing:1px} .header-container.type17 .main-nav ul.menu>li.act>a,.header-container.type17 .main-nav ul.menu>li:hover>a{color:#fff} .header-container.type17 .header .mini-cart .topCartContent{right:0;top:100%;margin:0;width:280px;border:0;height:calc(100vh - 100%);overflow:auto} .header-container.type17 .header-wrapper{border:0;display:block;padding:10px 0;margin-top:-1px} .header-container.type17 .main-nav .menu-wrapper{border-radius:0;background-color:transparent} .header-container.type17 .main-nav .menu{padding-right:300px} .header-container.type17 .main-nav > .container{width:auto} .header-container.type17 .main-nav ul.menu >li:hover, .header-container.type17 .main-nav ul.menu >li.act{background-color:transparent} .header-container.type17 .top-links > .top-select:first-child .selectbox .select{padding-left:0} .header-container.type17 .main-nav ul.menu >li.menu-full-width >a,.header-container.type17 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type17 .main-nav ul.menu >li.menu-static-width >a{padding-right:20px} .header-container.type17 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type17 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type17 .main-nav ul.menu >li.menu-static-width >a:after{right:5px} .header-container.type17 .menu-icon a{color:#ccc} .header-container.type17 .header #search_mini_form{width:auto;display:none;margin:0} .header-container.type17 .header .form-search{position:absolute;right:0;top:-2px;overflow:visible;min-width:300px;width:auto;border:1px solid #fff;background: rgba(0,0,0,0.8)} .header-container.type17 .header .form-search button.button{color:#fff} .header-container.type17 .header .form-search #search{color:#fff;font-family:"Oswald";text-transform:uppercase} .header-container.type17 .header .form-search #cat{color:#fff;border-color:#fff} .header-container.type17 .cart-area{right:300px;margin-top:-21px} .header-container.type17 .topCartContent:before{display:none} .header-container.type17 .mini-cart .mini-products-list{padding:20px} .header-container.type17 .mini-cart .mini-products-list li .product-image img{border:1px solid #a3a3a3} .header-container.type17 .mini-cart .mini-products-list li{padding:10px 0;border:0} .header-container.type17 .mini-cart .actions a{width:auto;text-align:center;color:#fff;display:block;margin:5px 0;line-height:60px;border:0;padding:0;text-transform:uppercase;font-size:14px;font-family:"Oswald";letter-spacing:3px} .header-container.type17 .main-nav .menu >li.menu-full-width .nav-sublist-dropdown,.header-container.type17 .main-nav .menu >li.menu-static-width .nav-sublist-dropdown{border:0;margin-top:20px;padding:40px} .header-container.type17 .main-nav .menu >li.menu-full-width .nav-sublist-dropdown:before,.header-container.type17 .main-nav .menu >li.menu-static-width .nav-sublist-dropdown:before{height:20px;top:-20px} .header-container.type17 .main-nav ul.menu >li.menu-full-width >a:before,.header-container.type17 .main-nav ul.menu >li.menu-item-has-children >a:before,.header-container.type17 .main-nav ul.menu >li.menu-static-width >a:before{content:"";width:10px;height:10px;border:5px solid transparent;border-bottom-color:#fff;position:absolute;left:50%;margin-left:-10px;top:100%;margin-top:10px;visibility:hidden;opacity:0;transition:all 0.1s} .header-container.type17 .main-nav ul.menu >li.menu-full-width:hover >a:before,.header-container.type17 .main-nav ul.menu >li.menu-item-has-children:hover >a:before,.header-container.type17 .main-nav ul.menu >li.menu-static-width:hover >a:before{visibility:visible;opacity:1} .header-container.type17 .main-nav ul.menu >li .nav-sublist-dropdown{margin-top:20px;border:0} .header-container.type17 .main-nav ul.menu >li .nav-sublist-dropdown:before{height:20px;top:-20px} .header-container.type17 .main-nav .menu >li.menu-item-has-children .nav-sublist-dropdown .container ul >li a{margin:0;font-size:11px;font-family:"Oswald";padding:20px 30px 20px 20px;text-transform:uppercase} .header-container.type17 .main-nav .menu >li.menu-full-width .nav-sublist-dropdown .container ul >li >a.level1,.header-container.type17 .main-nav .menu >li.menu-static-width .nav-sublist-dropdown .container ul >li >a.level1{padding:0;border-bottom:2px solid #000;text-decoration:none;font-family:"Oswald";padding-bottom:7px;margin-bottom:20px;margin-left:0;margin-right:0} .header-container.type17 .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a,.header-container.type17 .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a{font-size:12px;padding:10px 0;margin-left:0;margin-right:0} .header-container.type17 .selectbox .dropdown{border:0;padding:10px 0;min-width:100px} .header-container.type17 .selectbox .dropdown:before{content:"";display:block;width:10px;height:10px;border:5px solid transparent;border-bottom-color:#fff;position:absolute;top:0;left:17px} .header-container.type17 .selectbox li{padding:10px 15px} .header-container.type17 .selectbox li a{color:#000 !important;font-family:"Oswald";font-size:11px;font-weight:700;letter-spacing:1px} .header-container.type17 .selectbox li:hover{background-color:#000} .header-container.type17 .selectbox li:hover a{color:#fff !important} .addthis-smartlayers.addthis-smartlayers-desktop .atss{z-index:3} .block-related .ratings a{display:none} .ratings .amount{display:inline-block;vertical-align:middle} .header-container.type17 .main-nav .menu >li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist{top:-5px} .header-container.type18{position: absolute;width:100%;background-color: transparent;border:0;z-index:4; border-bottom: 1px solid rgba(60,60,60,0.1);} .header-container.type18.sticky-header .header-wrapper {background-color:#999592;padding: 7px 15px !important;} .header-container.type18.sticky-header .main-nav {margin:0 auto;position:relative;padding:0 15px;text-align: left;} .header-container.type18 .header > .logo {float: left;width: 20%; margin: 30px 0; max-width: 100%;} .header-container.type18 .header-right-area {width: 80%;float:left;border-right:1px solid rgba(60,60,60,0.1);} .header-container.type18 .header .header-link-area {float:left;display: inline-block; width: calc(100% - 270px); border: 1px solid rgba(60,60,60,0.1); border-bottom-width: 0; border-top-width: 0;} .header-container.type18 .switcher-area {width:270px;float:right;} .header-container.type18 .top-links-area{width:100%;padding: 16px 0;border-bottom: 1px solid rgba(60,60,60,0.1);height: 53px;} .header-container.type18 .links {margin:0 16px 0 0;} .header-container.type18 .links li{padding:0 16px;border:0} .header-container.type18 .links li.first{padding-left:0} .header-container.type18 .top-links-icon a{color:#ccc} .header-container.type18 .top-links-icon a:hover{color:#fff} .header-container.type18 .links a{color:#c0bebb;font-size:13px;font-family:"Oswald";font-weight:400;letter-spacing:1px} .header-container.type18 .links a:hover{text-decoration:none;color:#fff} .header-container.type18 .main-link { float: right;height:52px;width: 100%;} .header-container.type18 .main-nav{margin:0;height:30px;position:static;} .header-container.type18 .main-nav .menu-wrapper{position:static;} .header-container.type18 .main-nav ul.menu>li>a{padding:9px 20px;color:#fff;font-size:14px;font-family:"Oswald";font-weight:400;letter-spacing:1px} .header-container.type18 .main-nav ul.menu>li.act>a,.header-container.type18 .main-nav ul.menu>li:hover>a{color:#e1ddc3} .header-container.type18 .header-wrapper{width:100%;border:0;display:block;padding:11.5px 10px;margin-top:-1px} .header-container.type18 .main-nav .menu-wrapper{border-radius:0;background-color:transparent} .header-container.type18 .main-nav > .container{width:auto;padding:0;} .header-container.type18 .main-nav ul.menu >li:hover, .header-container.type18 .main-nav ul.menu >li.act{background-color:transparent} .header-container.type18 .top-links > .top-select:first-child .selectbox .select{padding-left:0} .header-container.type18 .main-nav ul.menu >li.menu-full-width >a,.header-container.type18 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type18 .main-nav ul.menu >li.menu-static-width >a{padding-right:28px} .header-container.type18 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type18 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type18 .main-nav ul.menu >li.menu-static-width >a:after{right:12px} .header-container.type18 .fixed-header .menu >li .nav-sublist-dropdown .container ul >li .menu_thumb_img a,.header-container.type18 .main-nav .menu >li .nav-sublist-dropdown .container ul >li .menu_thumb_img a {padding:0;margin:0; display: block;} .header-container.type18 .menu-icon a{color:#ccc} .header-container.type18 .main-nav {text-align: right;} .header-container.type18 .main-nav .menu .menu_thumb_img{padding:5px 0 0;} .header-container.type18 .main-nav .menu >li.menu-full-width .nav-sublist-dropdown,.header-container.type18 .main-nav .menu >li.menu-static-width .nav-sublist-dropdown{border:0;margin-top:9px;padding:25px 25px 38px;} .header-container.type18 .main-nav .menu >li.menu-full-width .nav-sublist-dropdown:before,.header-container.type18 .main-nav .menu >li.menu-static-width .nav-sublist-dropdown:before{height:20px;top:-20px} .header-container.type18 .main-nav ul.menu >li.menu-full-width >a:before,.header-container.type18 .main-nav ul.menu >li.menu-item-has-children >a:before,.header-container.type18 .main-nav ul.menu >li.menu-static-width >a:before{content:"";width:10px;height:10px;border:8px solid transparent;border-bottom-color:#fff;position:absolute;left:50%;margin-left:-10px;top:100%;margin-top:-6px;visibility:hidden;opacity:0;transition:all 0.1s} .header-container.type18 .main-nav ul.menu >li.menu-full-width:hover >a:before,.header-container.type18 .main-nav ul.menu >li.menu-item-has-children:hover >a:before,.header-container.type18 .main-nav ul.menu >li.menu-static-width:hover >a:before{visibility:visible;opacity:1} .header-container.type18 .main-nav ul.menu >li .nav-sublist-dropdown{margin-top:9px;border:0} .header-container.type18 .main-nav ul.menu >li .nav-sublist-dropdown:before{height:20px;top:-20px} .header-container.type18 .main-nav .menu >li.menu-item-has-children .nav-sublist-dropdown .container ul >li a{margin:0;font-size:11px;font-family:"Oswald";padding:20px 30px 20px 20px;text-transform:uppercase} .header-container.type18 .main-nav .menu >li.menu-full-width .nav-sublist-dropdown .container ul >li >a.level1,.header-container.type18 .main-nav .menu >li.menu-static-width .nav-sublist-dropdown .container ul >li >a.level1{font-size: 20px;font-weight: 300;text-decoration: none;font-family: "Oswald";letter-spacing: 0.05em;padding:0;margin:10px 0;} .header-container.type18 .main-nav .menu >li.menu-full-width .nav-sublist-dropdown .container ul >li > .menu_thumb_img + a.level1,.header-container.type18 .main-nav .menu >li.menu-static-width .nav-sublist-dropdown .container ul >li > .menu_thumb_img + a.level1{padding: 0; margin:0; font-size: 20px;font-weight: 400;text-decoration: none;font-family: "Oswald";letter-spacing: 0.05em;padding-bottom: 7px;margin-bottom: 20px;margin-left: 0;margin-right: 0;color: #fff;position: absolute;top: 50px;left: 20px;text-align: center;float: none;right: 20px; display: block;} .header-container.type18 .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a,.header-container.type18 .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a{font-size: 15px; padding: 10px 0 10px 20px;margin-left: 0;margin-right: 0;font-weight: 600;} .header-container.type18 .search-icon {display:none;} .header-container.type18 .search-area {position: relative;width: 100%;height: auto;border-bottom: 1px solid rgba(60,60,60,0.1);top:0;left:0;margin:0;} .header-container.type18 #search_mini_form {margin: 0; width: 100%;} .header-container.type18 .form-search {border-radius:0;background-color:transparent;border: 0;padding: 0;} .header-container.type18 .header .form-search #search {background: none; height: 52px;text-transform:uppercase;font-size:13px;font-family:"Oswald";color:#c0bebb;letter-spacing:0.03em;} .header-container.type18 .header .form-search #search:focus {background: #595652; z-index: 5;border-radius:0;} .header-container.type18 .header .form-search #search:focus + .button{display:none;} .header-container.type18 .form-search .button {width: 50px;height: 52px; color: #fff;font-size:22px;} .header-container.type18 .form-search .icon-search:before {content:'\e884';font-size:22px;} .header-container.type18 .header .form-search #cat{height:52px;border:1px solid rgba(60,60,60,0.1);border-top-width:0;border-bottom-width:0;font-family:"Oswald";font-size:13px;color:#989b94;} .header-container.type18 .cart-area {position:relative;right:auto;left:auto;margin:0;width: 100%;height:auto;} .header-container.type18 .top-select {height: 52px; border-right: 1px solid rgba(60,60,60,0.1);margin:0; } .header-container.type18 .selectbox {height:36px;} .header-container.type18 .selectbox .dropdown{border:0;padding:16px 0;min-width:78px;overflow: inherit !important;} .header-container.type18 .selectbox .dropdown ul{padding:20px 0;box-shadow:0 1px 2px rgba(0,0,0,0.1);} .header-container.type18 .selectbox .dropdown:before{content:"";display:block;width:10px;height:10px;border:8px solid transparent;border-bottom-color:#fff;position:absolute;top:0;left: calc(50% - 10px);} .header-container.type18 .selectbox li{padding:10px 20px} .header-container.type18 .selectbox li a{color:#696969 !important;font-family:"Oswald";font-size:15px;font-weight:400;letter-spacing: 0.005em;} .header-container.type18 .selectbox li:hover{background-color: transparent;} .header-container.type18 .selectbox li:hover a{color:#696969 !important} .header-container.type18 .selectbox .select{color:#c0bebb;border:0;line-height: 52px;height:auto;padding: 0 25px 0 15px;} .header-container.type18 .selectbox .trigger {right:5px;} .header-container.type18 .selectbox .trigger i{margin: 0;font-size:14px;color:#e1ddc3;} .header-container.type18 .selectbox .select:hover{color:#afafac;} .header-container.type18 .selectbox .select .text{font-size:14px;font-family:"Oswald";font-weight:400;line-height:52px;text-transform:uppercase;letter-spacing:0.03em;} .header-container.type18 .mini-cart {position:relative;right:auto;margin:0;top:auto;float:left;height:52px;} .header-container.type18 .mini-cart .mybag-link{height:52px;padding:0 10px; line-height: 49px;} .header-container.type18 .mini-cart .mybag-link i:before {content:'\e878';} .header-container.type18 .mini-cart .mybag-link .cart-info {padding: 0 5px;} .header-container.type18 .mini-cart .mybag-link .cart-info .cart-qty{position: absolute;font-family:"Poppins";font-size:11px;text-align:center;color:#fff;background-color:#ff4052;border-radius:20px;width:14px;height:14px;line-height:16px;top:13px;left:32px;} .header-container.type18.sticky-header .mini-cart .mybag-link .cart-info .cart-qty{top:-5px;left:34px;} .header-container.type18.sticky-header .mini-cart .mybag-link {height: 40px;} .header-container.type18.sticky-header .mini-cart .mybag-link i {line-height:1;height: 40px;color:#fff;} .header-container.type18.sticky-header .mini-cart .topCartContent:before {right:23px;} .header-container.type18 .mini-cart .mybag-link .cart-info span{font-family:"Oswald";font-size:15px;text-transform:initial;color:#c0bebb;letter-spacing:0.03em;font-weight:300;} .header-container.type18 .mini-cart .topCartContent {border-top:0;top:42px;width:330px;border-radius:0;box-shadow:0 1px 2px rgba(0,0,0,0.2);} .header-container.type18 .mini-cart .topCartContent:before{border: 8px solid transparent;right:40px;top:-16px;border-bottom-color: #fff;} .header-container.type18 .mini-cart .mini-products-list{padding:10px 30px;} .header-container.type18 .mini-cart .mini-products-list li {padding:26px 0;border-bottom-color:#e9e9e9;} .header-container.type18 .mini-cart .mini-products-list li .product-image img {width: 60px;} .header-container.type18 .mini-cart .mini-products-list .product-details{margin-left:79px;} .header-container.type18 .mini-cart .product-name {margin: 1px 0;} .header-container.type18 .mini-cart .product-name a{font-size:15px;letter-spacing: 0.005em;color:#21293c;} .header-container.type18 .mini-cart .qty-price{font-size:15px;color:#8f8f8f;} .header-container.type18 .mini-cart .mini-products-list li a.btn-remove{color:#8f8f8f;} .header-container.type18 .mini-cart .totals {padding:10px 30px;width:100%;float:left;} .header-container.type18 .mini-cart .totals .label{float:left;text-transform: uppercase;color:#21293c;letter-spacing:0.01em;font-size:15px;font-weight:600;} .header-container.type18 .mini-cart .totals .price-total{float:right;font-size:17px;color:#918c69;font-weight:600;} .header-container.type18 .mini-cart .actions{width:100%;float:left;padding: 10px 30px;} .header-container.type18 .mini-cart .actions .btn-default{float:left;text-transform:uppercase;font-family:"Oswald";font-size:14.93px;letter-spacing:0.05em;color:#61605a;background-color:#e1ddc3;border:solid 2px #e1ddc3;border-radius:0;box-shadow: none;padding:7px 12px;} .header-container.type18 .mini-cart .actions .btn-default + .btn {float:right;background-color:#fff;} .header-container.type18 .mini-cart .option-detail a{color: #777;} .header-container.type19{border:0;background-color:#0088cc;} .header-container.type19 .header {text-align: center;} .header-container.type19 .header>.logo {margin: 25px 0;} .header-container.type19 .header .select-area {position: absolute;left:15px;top:calc(50% - 16px);} .header-container.type19 .top-links-container{background-color:#0088cc;padding: 0;border-bottom: solid 1px #eeeeee;} .header-container.type19 .top-links-inner{padding: 5px 0;} .header-container.type19 .top-links-container span.split{border-color:#eee;display: none;} .header-container.type19 .links li{border-left-color:#eee;border-width: 0;} .header-container.type19 .top-links ul.links a{color:#bde1f5;font-weight:600;letter-spacing:0.025em;} .header-container.type19 .top-links-icon{color:#bde1f5} .header-container.type19 .welcome-msg{color:#bde1f5;font-weight:600;letter-spacing:0.025em;} .header-container.type19 .search-area{position:absolute;right:15px;left:auto;top:calc(50% - 16px);margin:0} .header-container.type19 .header{color:#4a4a4a} .header-container.type19 .header a{color:inherit;} .header-container.type19 .selectbox{height: 30px;} .header-container.type19 .selectbox .select {height: 30px;padding:2px 20px 2px 10px;font-weight:600;letter-spacing:0.03em;} .header-container.type19 .selectbox .trigger i {margin-top:7px;} .header-container.type19 .header .form-search{border-color:#dbe0e2;background-color:#fff;min-width: 200px;} .header-container.type19 .header .form-search #search{background-color:transparent;color:#8d8d8d;height:30px;padding: 9px 15px;} .header-container.type19 .header .form-search #cat{border-color:#dbe0e2;color:#8d8d8d;background-color:transparent;right:50px;background: none;} .header-container.type19 .header .form-search #cat:after{content: '\e81c';font-family: 'porto';} .header-container.type19 .header .form-search button.button{color:#606669;font-size:12px;background-color:transparent;width: 35px;height:30px;} .header-container.type19 .header .custom-block{margin-right:75px} .header-container.type19 .header .custom-block>*{display:inline-block;vertical-align:top;font-size: 11px;font-weight: 600;text-align: left;} .header-container.type19 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #eee;margin:0 13px} .header-container.type19 .header .custom-block a{font-size:12px} .header-container.type19 .header-main-nav {border-top: solid 1px #eee;} .header-container.type19 .mini-cart .mini-products-list {padding: 10px 20px 0;} .header-container.type19 .mini-cart .topCartContent:after {border: 11px solid;border-color: transparent transparent #f0f0f0 transparent;z-index: 2;right: 30px;top: -22px;left: auto;} .header-container.type19.sticky-header .mini-cart > a:after{display: none;} .header-container.type19 .mini-cart{position:relative;margin:0;display:inline-block;vertical-align:middle;left:0;top:-1px;height:45px;text-align: center;} .header-container.type19.sticky-header .menu-wrapper .mini-cart{width:auto;box-shadow:none;} .header-container.type19 .mini-cart .topCartContent,.header-container.type19.sticky-header .menu-wrapper .mini-cart .topCartContent{margin-top:0;top:100%;box-shadow: 0 3px 8px -2px rgba(0,0,0,0.5);border:solid 1px #f0f0f0 !important;} .header-container.type19 .mini-cart .topCartContent:before, .header-container.type19 .mini-cart .topCartContent:after {border-bottom-style: solid;content: '';display: block;height: 0;position: absolute;width: 0;} .header-container.type19 .mini-cart .topCartContent:before{border: 10px solid;border-color: transparent transparent #fff transparent;z-index: 3;right: 30.7px;top: -20px;} .header-container.type19 .mini-cart .topCartContent:after {border: 11px solid;border-color: transparent transparent #f0f0f0 transparent;z-index: 2;right: 30px;top: -22px;left: auto;} .header-container.type19 .mini-cart .total-count {margin:0 20px;padding:3px 10px;text-transform: uppercase;text-align: left;border-bottom:solid 1px #e6ebee;} .header-container.type19 .mini-cart .total-count span {font-size: 13px;font-weight: 700;line-height: 35px;color:#696969;} .header-container.type19 .mini-cart .total-count a {float: right;font-size: 12px;line-height: 35px;font-weight: 700;color:#474747;background-color: transparent;} .header-container.type19 .mini-cart .mini-products-list li {padding:15px 10px;border-color:#e6ebee;} .header-container.type19 .mini-cart .mini-products-list li .product-image {float:right;border-width: 1px;border-color:#ededed;} .header-container.type19 .mini-cart .mini-products-list .product-details {margin-left:0;} .header-container.type19 .mini-cart .mini-products-list li a.btn-remove{z-index: 3;top:8px;right:3px;width:20px;height:20px;background-color:#fff;color:#474747;border-radius:100%;box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5);} .header-container.type19 .mini-cart .mini-products-list li a.btn-remove:before{text-align: center;font-size: 11px;} .header-container.type19 .mini-cart .totals {padding: 15px 30px 25px;overflow: hidden} .header-container.type19 .mini-cart .totals .label {float: left;text-transform: uppercase;font-size:13px;font-weight: 700;color:#474747;} .header-container.type19 .mini-cart .totals .price-total {float: right;text-transform: uppercase;font-size:15px;font-weight: 700;color:#474747;} .header-container.type19 .mini-cart .qty-price{color:#696969;} .header-container.type19 .mini-cart .product-details .product-name {margin: 15px 0 2px;} .header-container.type19 .mini-cart .product-details a {font-size: 13px;letter-spacing: 0.005em;font-weight: 600;color:#696969;} .header-container.type19 .mini-cart .actions {padding: 0 30px 20px;} .header-container.type19 .mini-cart .actions .btn-default{color:#fff;background-color: #010204;font-family: 'Oswald';font-size:12px;letter-spacing: 0.025em;text-transform: uppercase;padding: 14px 25px;border-radius: 2px;width: 110px;display: inline-block;} .header-container.type19 .mini-cart .actions .btn-default:first-child {float: left;} .header-container.type19 .mini-cart .actions .btn-default + .btn-default {float: right;} .header-container.type19 .header #search_mini_form{width:220px;margin-left: 0;margin-right:0;} .header-container.type19 .header-main-nav > .container {position: relative;} .header-container.type19 .header-main-nav .main-nav > .container {padding: 0;width: 100%;} .header-container.type19.sticky-header .header-main-nav .main-nav > .container {padding: 0 15px;} .header-container.type19 .main-nav{background-color:#f4f4f4;} .header-container.type19 .main-nav .menu{padding-right: 100px;} .header-container.type19.sticky-header .main-nav{padding-right: 0;} .header-container.type19 .main-nav .menu-wrapper{background-color:transparent} .header-container.type19 .main-nav ul.menu>li>a{color:#6b7a83;padding-top:15px;padding-bottom:15px} .header-container.type19 .main-nav ul.menu>li:hover,.header-container.type19 .main-nav ul.menu>li.act{background-color:transparent;} .header-container.type19 .main-nav ul.menu>li.act>a,.header-container.type19 .main-nav ul.menu>li:hover>a{color:#0088cc} .header-container.type19 .main-nav ul.menu>li>a{font-size:13px;font-family:'Oswald';font-weight:400;padding:16.5px 15px 18.5px 0;margin-right:10px;} .header-container.type19.sticky-header .main-nav ul.menu>li>a {color:#111;} .header-container.type19 .main-nav ul.menu>li.act>a, .header-container.type19 .main-nav ul.menu>li:hover>a{color:#0088cc;} .header-container.type19.sticky-header .main-nav ul.menu>li.act>a, .header-container.type19.sticky-header .main-nav ul.menu>li:hover>a{color:#111;} .header-container.type19 .fixed-header .menu >li.menu-full-width .nav-sublist-dropdown, .header-container.type19 .main-nav .menu >li.menu-full-width .nav-sublist-dropdown {box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);} .header-container.type19 .main-nav ul.menu >li.menu-full-width >a,.header-container.type19 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type19 .main-nav ul.menu >li.menu-static-width >a{padding-right:25px} .header-container.type19 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type19 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type19 .main-nav ul.menu >li.menu-static-width >a:after{right:10px} .header-container.type19 .fixed-header .menu >li.menu-full-width .nav-sublist-dropdown .container ul >li >a.level1, .header-container.type19 .main-nav .menu >li.menu-full-width .nav-sublist-dropdown .container ul >li >a.level1, .header-container.type19 .fixed-header .menu >li.menu-static-width .nav-sublist-dropdown .container ul >li >a.level1, .header-container.type19 .main-nav .menu >li.menu-static-width .nav-sublist-dropdown .container ul >li >a.level1 {font-size: 13px;font-weight: 700;margin-top:26px;margin-bottom:4px;} .header-container.type19 .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .header-container.type19 .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .header-container.type19 .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .header-container.type19 .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a {font-size: 12px;font-weight: 600;line-height: 24px;text-transform: uppercase;} .header-container.type19 .main-nav ul.menu >li .nav-sublist-dropdown{border: solid 1px #efeeee;} .header-container.type19 .main-nav .menu >li.menu-item-has-children .nav-sublist-dropdown .container ul >li a{margin:0;font-size:12px;font-weight:600;padding:0 15px;line-height:35px;text-transform:uppercase} .header-container.type19 .mybag-link{position:relative;padding:0;line-height: 37px;max-width:initial;} .header-container.type19 .mybag-link .cart-info{display:inline-block;padding: 2px 0 0;} .header-container.type19.sticky-header .menu-wrapper .mybag-link .cart-info{position:relative;display:inline-block;width:auto;top:auto;padding:0;margin:0;color:#111;} .header-container.type19 .mybag-link span,.header-container.type19.sticky-header .menu-wrapper .mybag-link span{display:inline-block;font-size: 13px;font-weight: 400;} .header-container.type19 .mybag-link .cart-qty,.header-container.type19.sticky-header .menu-wrapper .mybag-link .cart-qty{display:inline-block;font-size: 13px;font-weight: 600;margin-right: 5px !important;} .header-container.type19 .mybag-link i{font-size:24px} .header-container.type19 .mybag-link i:before{content: '\e876';} .header-container.type19.sticky-header .menu-wrapper .mybag-link i{font-size:25px;line-height: 30px;} .header-container.type19 .top-links .top-select:first-child .selectbox .select{padding-left:0} .header-container.type19 .top-links .top-select .selectbox .select .text{font-weight: 600;letter-spacing:0.025em;} .header-container.type19 .compare-link>a {font-weight: 600;letter-spacing:0.025em;} .header-container.type19 .header .search-icon{display:none} .header-container.type20{border:0;background-color:#0088cc} .header-container.type20 .top-links-container{background-color:#0088cc;padding: 0;} .header-container.type20 .top-links-inner{padding: 4px 0;border-bottom:1px solid rgba(248,248,248,0.2);} .header-container.type20 .top-links-container span.split{border-color:#eee;display: none;} .header-container.type20 .links li{border-left-color:#eee;border-width: 0;} .header-container.type20 .top-links ul.links a{color:#bde1f5;font-weight:600;letter-spacing:0.025em;} .header-container.type20 .top-links-icon{color:#bde1f5} .header-container.type20 .welcome-msg{color:#bde1f5;font-weight:600;letter-spacing:0.025em;} .header-container.type20 .search-area{position:static;margin:0} .header-container.type20 .header{color:#bde1f5} .header-container.type20 .header a{color:inherit;} .header-container.type20 .header .form-search{border-color:#dbe0e2;background-color:#fff} .header-container.type20 .header .form-search #search{background-color:transparent;color:#8d8d8d} .header-container.type20 .header .form-search #cat{border-color:#dbe0e2;color:#8d8d8d;background-color:transparent;right:50px;background: none;} .header-container.type20 .header .form-search #cat:after{content: '\e81c';font-family: 'porto';} .header-container.type20 .header .form-search button.button{color:#606669;font-size:16px;background-color:transparent;width: 50px;} .header-container.type20 .header .form-search button.button i:before{content:"\e884";} .header-container.type20 .header .custom-block{margin-right:75px} .header-container.type20 .header .custom-block>*{display:inline-block;vertical-align:top;font-size: 11px;font-weight: 600;text-align: left;} .header-container.type20 .header .custom-block span.split{height:14px;width:1px;border-right:1px solid #eee;margin:0 13px} .header-container.type20 .header .custom-block a{font-size:12px} .header-container.type20 .mini-cart > a:after{content: "\f107";font-family: 'fontawesome';position: absolute;right:6px;top:2px;} .header-container.type20.sticky-header .mini-cart > a:after{display: none;} .header-container.type20 .mini-cart{position:relative;margin:0;display:inline-block;vertical-align:middle;left:0;top:-3px;background-color: #0694db;width:81px;height:41px;text-align: center;box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.1);border-radius:2px;border: solid 1px #0082c2;} .header-container.type20.sticky-header .menu-wrapper .mini-cart{width:auto;box-shadow:none;} .header-container.type20 .mini-cart .topCartContent{margin-top:0;top:100%;box-shadow: 0 3px 8px -2px rgba(0,0,0,0.5);border:none;} .header-container.type20 .mini-cart .topCartContent:before{display: none;} .header-container.type20 .mini-cart .total-count {margin:0 20px;padding:3px 10px;text-transform: uppercase;text-align: left;border-bottom:solid 1px #e6ebee;} .header-container.type20 .mini-cart .total-count span {font-size: 13px;font-weight: 700;line-height: 35px;color:#696969;} .header-container.type20 .mini-cart .total-count a {float: right;font-size: 12px;line-height: 35px;font-weight: 700;color:#474747;background-color: transparent;} .header-container.type20 .mini-cart .mini-products-list li {padding:15px 10px;border-color:#e6ebee;} .header-container.type20 .mini-cart .mini-products-list li .product-image {float:right;} .header-container.type20 .mini-cart .mini-products-list .product-details {margin-left:0;} .header-container.type20 .mini-cart .mini-products-list li a.btn-remove{z-index: 3;top:12px;right:3px;width:20px;height:20px;background-color:#fff;color:#474747;border-radius:100%;box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5);} .header-container.type20 .mini-cart .mini-products-list li a.btn-remove:before{text-align: center;font-size: 11px;} .header-container.type20 .mini-cart .totals {padding: 15px 30px 25px;overflow: hidden} .header-container.type20 .mini-cart .totals .label {float: left;text-transform: uppercase;font-size:13px;font-weight: 700;color:#474747;} .header-container.type20 .mini-cart .totals .price-total {float: right;text-transform: uppercase;font-size:15px;font-weight: 700;color:#474747;} .header-container.type20 .mini-cart .qty-price{color:#696969;} .header-container.type20 .mini-cart .product-details .product-name {margin: 15px 0 2px;} .header-container.type20 .mini-cart .product-details a {font-size: 13px;letter-spacing: 0.005em;font-weight: 600;color:#696969;} .header-container.type20 .mini-cart .actions {padding: 0 30px 20px;} .header-container.type20 .mini-cart .actions .btn-default{color:#fff;background-color: #010204;font-family: 'Oswald';font-size:12px;letter-spacing: 0.025em;text-transform: uppercase;padding: 14px 25px;border-radius: 2px;width: 100%;display: block;} .header-container.type20 .header #search_mini_form{width:447px;margin-left: 114px;margin-right:0;} .header-container.type20 .main-nav{background-color:#f4f4f4} .header-container.type20 .main-nav .menu-wrapper{background-color:transparent} .header-container.type20 .main-nav ul.menu>li>a{color:#6b7a83;padding-top:15px;padding-bottom:15px} .header-container.type20 .main-nav ul.menu>li:hover,.header-container.type20 .main-nav ul.menu>li.act{background-color:transparent;} .header-container.type20 .main-nav ul.menu>li.act>a,.header-container.type20 .main-nav ul.menu>li:hover>a{color:#0088cc} .header-container.type20 .main-nav ul.menu>li>a{font-size:13px;letter-spacing:0.001em;padding:18.5px 15px 20.5px 0;margin-right:10px;} .header-container.type20.sticky-header .main-nav ul.menu>li>a {color:#fff;} .header-container.type20 .main-nav ul.menu>li.act>a, .header-container.type20 .main-nav ul.menu>li:hover>a{color:#0088cc;} .header-container.type20.sticky-header .main-nav ul.menu>li.act>a, .header-container.type20.sticky-header .main-nav ul.menu>li:hover>a{color:#bde1f5;} .header-container.type20 .fixed-header .menu >li.menu-full-width .nav-sublist-dropdown, .header-container.type20 .main-nav .menu >li.menu-full-width .nav-sublist-dropdown {border-top-width:0;box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);} .header-container.type20 .main-nav ul.menu >li.menu-full-width >a,.header-container.type20 .main-nav ul.menu >li.menu-item-has-children >a,.header-container.type20 .main-nav ul.menu >li.menu-static-width >a{padding-right:25px} .header-container.type20 .main-nav ul.menu >li.menu-full-width >a:after,.header-container.type20 .main-nav ul.menu >li.menu-item-has-children >a:after,.header-container.type20 .main-nav ul.menu >li.menu-static-width >a:after{right:10px} .header-container.type20 .fixed-header .menu >li.menu-full-width .nav-sublist-dropdown .container ul >li >a.level1, .header-container.type20 .main-nav .menu >li.menu-full-width .nav-sublist-dropdown .container ul >li >a.level1, .header-container.type20 .fixed-header .menu >li.menu-static-width .nav-sublist-dropdown .container ul >li >a.level1, .header-container.type20 .main-nav .menu >li.menu-static-width .nav-sublist-dropdown .container ul >li >a.level1 {font-size: 13px;font-weight: 700;margin-top:26px;margin-bottom:4px;} .header-container.type20 .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .header-container.type20 .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .header-container.type20 .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .header-container.type20 .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a {font-size: 12px;font-weight: 600;line-height: 24px;text-transform: uppercase;} .header-container.type20 .main-nav ul.menu >li .nav-sublist-dropdown{border:0} .header-container.type20 .main-nav .menu >li.menu-item-has-children .nav-sublist-dropdown .container ul >li a{margin:0;font-size:12px;font-weight:600;padding:0 15px;line-height:35px;text-transform:uppercase} .header-container.type20 .mybag-link{position:relative;padding:0 28px 0 0;line-height: 37px;} .header-container.type20 .mybag-link span{display:none} .header-container.type20 .mybag-link .cart-info{display:block;position:absolute;text-align:center;width:100%;top:50%;margin-top:-8px} .header-container.type20 .mybag-link .cart-qty{position:absolute;top:-7px;right:24px;width:16px;height:16px;display:block;font-size:10px;color:#fff;background-color: #f17734;text-align: center;line-height: 16px;border-radius: 20px;} .header-container.type20.sticky-header .menu-wrapper .mybag-link .cart-qty{right:2px;font-size: 10px;} .header-container.type20 .mybag-link i{font-size:25px} .header-container.type20 .mybag-link i:before{content: '\e87f';} .header-container.type20.sticky-header .menu-wrapper .mybag-link i{font-size:25px;line-height: 30px;} .header-container.type20 .top-links .top-select:first-child .selectbox .select{padding-left:0} .header-container.type20 .top-links .top-select .selectbox .select .text{font-weight: 600;letter-spacing:0.025em;} .header-container.type20 .compare-link>a {font-weight: 600;letter-spacing:0.025em;} .header-container.type20 .header .search-icon{display:none} .header-container.type21{border-top-} .header-container.type21 .top-links a{color:inherit;letter-spacing: 0.025em;} .header-container.type21 .top-links-icon{color:#777} .header-container.type21 .links li{border: none;} .header-container.type21 .top-links-container span.split{display: none;} .header-container.type21 .selectbox .select{color:#777;letter-spacing: 0.025em;} .header-container.type21 .header{display:block;vertical-align:middle;padding:28px 0} .header-container.type21 .header > .logo{display:inline-block;vertical-align:middle;padding:0 15px;margin:0 40px 0 0} .header-container.type21 .search-area{position:static;margin:0} .header-container.type21 .header #search_mini_form{width:450px} .header-container.type21 .header .custom-block{display:inline-block;text-align:left;font-size: 11px;height:42px;line-height:1;border-right:solid 1px #dde0e2;padding-right: 35px;} .header-container.type21 .mini-cart > a:after{content: "\f107";font-family: 'fontawesome';position: absolute;right:0;top:2px;} .header-container.type21.sticky-header .mini-cart > a:after{display: none;} .header-container.type21 .mini-cart{position:relative;margin:0;display:inline-block;vertical-align:middle;left:0;top:0;margin-left: 20px;} .header-container.type21.sticky-header .menu-wrapper .mini-cart{width:auto;box-shadow:none;} .header-container.type21 .mini-cart .topCartContent{margin-top:0;top:100%;box-shadow: 0 5px 8px -5px rgba(0,0,0,0.4);} .header-container.type21 .mini-cart .topCartContent:before,.header-container.type21 .mini-cart .topCartContent:after{border-bottom-style: solid;content: '';display: block;height: 0;position: absolute;width: 0;} .header-container.type21 .mini-cart .topCartContent:before{ border: 10px solid;border-color: transparent transparent #fff transparent;z-index: 3; right: 30.7px;top: -20px;} .header-container.type21 .mini-cart .topCartContent:after{ border: 11px solid;border-color: transparent transparent #f0f0f0 transparent;z-index: 2;right: 30px;top: -22px;left:auto;} .header-container.type21 .mini-cart .total-count {margin:0 20px;padding:3px 10px;text-transform: uppercase;text-align: left;border-bottom:solid 1px #e6ebee;} .header-container.type21 .mini-cart .total-count span {font-size: 13px;font-weight: 700;line-height: 35px;color:#696969;} .header-container.type21 .mini-cart .total-count a {float: right;font-size: 12px;line-height: 35px;font-weight: 700;color:#474747;background-color: transparent;} .header-container.type21 .mini-cart .mini-products-list li {padding:15px 10px;border-color:#e6ebee;} .header-container.type21 .mini-cart .mini-products-list li .product-image {float:right;border-color:#ededed;border-width: 1px;} .header-container.type21 .mini-cart .mini-products-list .product-details {margin-left:0;} .header-container.type21 .mini-cart .mini-products-list li a.btn-remove{z-index: 3;top:12px;right:3px;width:20px;height:20px;background-color:#fff;color:#474747;border-radius:100%;box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5);} .header-container.type21 .mini-cart .mini-products-list li a.btn-remove:before{text-align: center;font-size: 11px;} .header-container.type21 .mini-cart .totals {padding: 15px 30px 25px;overflow: hidden} .header-container.type21 .mini-cart .totals .label {float: left;text-transform: uppercase;font-size:13px;font-weight: 700;color:#474747;} .header-container.type21 .mini-cart .totals .price-total {float: right;text-transform: uppercase;font-size:15px;font-weight: 700;color:#474747;} .header-container.type21 .mini-cart .qty-price{color:#696969;} .header-container.type21 .mini-cart .product-details .product-name {margin: 15px 0 2px;} .header-container.type21 .mini-cart .product-details a {font-size: 13px;letter-spacing: 0.005em;font-weight: 600;color:#696969;} .header-container.type21 .mini-cart .actions {padding: 0 30px 20px;} .header-container.type21 .mini-cart .actions .btn-default{color:#fff;background-color: #010204;font-family: 'Oswald';font-size:12px;letter-spacing: 0.025em;text-transform: uppercase;padding: 14px 25px;border-radius: 2px;display: inline-block;width: 110px;} .header-container.type21 .mini-cart .actions .btn-default:first-child{float: left;} .header-container.type21 .mini-cart .actions .btn-default + .btn-default{float: right;} .header-container.type21 .mybag-link{position:relative;padding:0 19px 0 0;line-height: 37px;color:#606669;} .header-container.type21 .mybag-link span{display:none} .header-container.type21 .mybag-link .cart-info{display:block;position:absolute;text-align:center;width:100%;top:50%;margin-top:-8px} .header-container.type21 .mybag-link .cart-qty{position:absolute;top:-12px;right:19px;width:16px;height:16px;display:block;font-size:10px;color:#fff;background-color: #ed5348;text-align: center;line-height: 16px;border-radius: 20px;} .header-container.type21.sticky-header .menu-wrapper .mybag-link .cart-qty{right:2px;font-size: 10px;} .header-container.type21 .mybag-link i{font-size:33px} .header-container.type21 .mybag-link i:before{content: '\e87f';} .header-container.type21.sticky-header .menu-wrapper .mybag-link i{font-size:25px;line-height: 30px;} .header-container.type21 .main-nav{margin:0} .header-container.type21 .main-nav ul.menu>li>a{padding-top:15px;padding-bottom:16px} .header-container.type21 .fixed-header .menu >li.menu-full-width .nav-sublist-dropdown .container ul >li >a.level1, .header-container.type21 .main-nav .menu >li.menu-full-width .nav-sublist-dropdown .container ul >li >a.level1, .header-container.type21 .fixed-header .menu >li.menu-static-width .nav-sublist-dropdown .container ul >li >a.level1, .header-container.type21 .main-nav .menu >li.menu-static-width .nav-sublist-dropdown .container ul >li >a.level1 {font-size: 13px;font-weight: 700;margin-top:26px;margin-bottom:4px;} .header-container.type21 .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .header-container.type21 .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .header-container.type21 .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .header-container.type21 .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a {font-size: 12px;font-weight: 600;line-height: 24px;text-transform: uppercase;} .header-container.type21 .main-nav ul.menu >li .nav-sublist-dropdown{border:0} .header-container.type21 .main-nav .menu >li.menu-item-has-children .nav-sublist-dropdown .container ul >li a{margin:0;font-size:12px;font-weight:600;padding:0 15px;line-height:35px;text-transform:uppercase} .header-container.type21 .main-nav ul.menu >li.menu-full-width >a:before, .header-container.type21 .main-nav ul.menu >li.menu-item-has-children >a:before, .header-container.type21 .main-nav ul.menu >li.menu-static-width >a:before { content: "";width: 10px;height: 10px;border: 7px solid transparent;border-bottom-color: #fff;position: absolute;left: 50%;margin-left: -8px;top: 100%;margin-top: -14px;visibility: hidden;opacity: 0;transition: all 0.1s;} .header-container.type21 .main-nav ul.menu >li.menu-full-width:hover >a:before, .header-container.type21 .main-nav ul.menu >li.menu-item-has-children:hover >a:before, .header-container.type21 .main-nav ul.menu >li.menu-static-width:hover >a:before { visibility: visible;opacity: 1;} .header-container.type21 .mini-cart .topCartContent{right:0;top:52px;border-color: #f0f0f0 !important;border-width: 1px;} .header-container.type21 .header-wrapper{border:0;margin-bottom:15px} .header-container.type21 .main-nav .menu-wrapper{border-radius:5px} .header-container.type21 .top-links > .top-select:first-child .selectbox .select{padding-left:0} .header-container.type21 .header .search-icon{display:none} .header-container.type21 .header .form-search {border-color:#dbe0e2;} .header-container.type21 .header .form-search #cat{right:50px;border-color:#dbe0e2;} .header-container.type21 .header .form-search button.button{width: 50px;} .header-container.type21 .header .form-search button.button i:before{content: "\e884";} .header-container.type21 .header .custom-block a{font-size:12px} @media (max-width:1439px){ .header-container.type11 .top-links-icon{display:inline-block} .header-container.type11 .links{display:none;position:absolute;right:0;z-index:9;background-color:#fff !important;border-radius:3px;margin:0;padding:5px 0;text-align:right;border:1px solid #ccc} .header-container.type11 .links li{display:block;border:0;padding:0} .header-container.type11 .links li a{color:#777 !important;white-space:nowrap;padding:0 10px;display:block;transition:all 0.2s;font-weight:400} .header-container.type11 .links li:hover a{background-color:#ccc !important;color:#fff !important;text-decoration:none} .header-container.type15 .top-links-icon{display:inline-block} .header-container.type15 .top-links-area .links{position:absolute;left:0;top:100%;text-align:left;padding:10px 0;display:none;background-color:#fff;border: 1px solid #ddd;border-radius:5px} .header-container.type15 .top-links-area .links li{display:block;padding:0 10px;font-weight:400;font-size:11px} .header-container.type15.sticky-header .links a{color:#000} } @media (max-width:1279px){ .header-container.type11 .header{text-align:left;} .header-container.type11 .header .logo{margin: 20px 25px} .header-container.type11 .menu-icon{display:inline-block} .header-container.type11 .header-wrapper{display:none} } @media (max-width:1199px){ body.boxed .page{width:980px} .header-container.type2 .search-area{position:relative;margin:10px 0;z-index:2} .header-container.type2 .header #search_mini_form{width:auto} .header-container.type5 .search-area{position:relative;margin:10px 0;z-index:2} .header-container.type5 .search-area .search-icon{display:block;line-height:40px} .header-container.type5 .search-area #search_mini_form{display:none;width:0;margin:0} .header-container.type5 .header .form-search{width:450px;position:absolute;left:-50px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc} .header-container.type5 .header .form-search:before{content:"";display:block;position:absolute;left:45px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type6 .header .custom-block{display:none} .header-container.type6 .main-nav .menu{padding-right:0} .header-container.type14 .header .custom-block{display:none} .header-container.type14 .main-nav .menu{padding-right:0} .header-container.type7 .header .custom-block{display:none} .header-container.type7 .header .search-area a.search-icon{float:left;display:inline-block;vertical-align:middle} .header-container.type7 .menu-icon{display:inline-block;height:auto;padding:0;margin:15px 10px;float:left} .header-container.type7 .header-wrapper{display:none} .header-container.type7+.mobile-nav{display:none} .mobile-nav-shown .header-container.type7+.mobile-nav{display:block} .header-container.type13 .header .custom-block{display:none} .header-container.type13 .header .search-area a.search-icon{float:left;display:inline-block;vertical-align:middle} .header-container.type13 .menu-icon{display:inline-block;height:auto;padding:0;margin:0;margin-right:8px;font-size:15px;line-height:25px} .header-container.type13 .menu-icon>a{margin-right:15px} .header-container.type13 .header-wrapper{display:none} .header-container.type13+.mobile-nav{display:none} .mobile-nav-shown .header-container.type13+.mobile-nav{display:block} .header-container.type13.sticky-header .header{padding:10px 0} .header-container.type13.sticky-header .header > .logo img{height:30px} .header-container.type13.sticky-header .top-links-container{padding:0} .header-container.type8 .top-links-icon{display:inline-block} .header-container.type8 .links{display:none;position:absolute;right:0;z-index:9;background-color:#fff !important;border-radius:3px;margin:0;padding:5px 0;text-align:right;border:1px solid #ccc} .header-container.type8 .links li{display:block;border:0;padding:0} .header-container.type8 .links li a{color:#777 !important;white-space:nowrap;padding:0 10px;display:block;transition:all 0.2s;font-weight:400} .header-container.type8 .links li:hover a{background-color:#ccc !important;color:#fff !important;text-decoration:none} .header-container.type15 .header .search-area{margin-left:0} .header-container.type15 .header .search-area a.search-icon{display:inline-block} .header-container.type15 .header #search_mini_form{display:none} .header-container.type15 .header .form-search{position:absolute;left:0;background-color:#fff;top:100%} .category-products .products-grid.columns4 li.item{width:33.33%} .category-products .products-grid.columns4 li.item.nth-child-4np1{clear:none} .category-products .products-grid.columns4 li.item.nth-child-3np1{clear:left} .category-products .products-grid.columns5 li.item{width:33.33%} .category-products .products-grid.columns5 li.item.nth-child-5np1{clear:none} .category-products .products-grid.columns5 li.item.nth-child-4np1{clear:none} .category-products .products-grid.columns5 li.item.nth-child-3np1{clear:left} .category-products .products-grid.columns6 li.item{width:20%} .category-products .products-grid.columns6 li.item.nth-child-6np1{clear:none} .category-products .products-grid.columns6 li.item.nth-child-5np1{clear:left} .category-products .products-grid.columns7 li.item{width:20%} .category-products .products-grid.columns7 li.item.nth-child-7np1{clear:none} .category-products .products-grid.columns7 li.item.nth-child-6np1{clear:none} .category-products .products-grid.columns7 li.item.nth-child-5np1{clear:left} .category-products .products-grid.columns8 li.item{width:20%} .category-products .products-grid.columns8 li.item.nth-child-8np1{clear:none} .category-products .products-grid.columns8 li.item.nth-child-7np1{clear:none} .category-products .products-grid.columns8 li.item.nth-child-6np1{clear:none} .category-products .products-grid.columns8 li.item.nth-child-5np1{clear:left} /* Flex grid Styles */ .category-products .products-grid.flex-grid.columns4 li.item.nth-child-4np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns4 li.item.nth-child-3np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns5 li.item.nth-child-5np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns5 li.item.nth-child-4np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns5 li.item.nth-child-3np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns6 li.item.nth-child-6np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns6 li.item.nth-child-5np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns7 li.item.nth-child-7np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns7 li.item.nth-child-6np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns7 li.item.nth-child-5np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns8 li.item.nth-child-8np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns8 li.item.nth-child-7np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns8 li.item.nth-child-6np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns8 li.item.nth-child-5np1{border-left-color:transparent} /* Flex grid Styles */ .category-banner .banner-text h2{font-size:45px} .category-banner .banner-text p{font-size:23px} .category-boxed-banner .banner-text h2{font-size:38px} .category-boxed-banner .banner-text p{font-size:17px} .category-boxed-banner .banner-text a.shop-now{margin-left:16px;font-size:14px} .col1-layout .product-shop .product-options-bottom,.col1-layout .add-to-box{float:none;width:auto;border-bottom:1px solid #ebebeb} .col1-layout .sharing-tool-area{float:none} .owl-banner-carousel .content.type1 h2{font-size:48px} .owl-banner-carousel .content.type1 p{font-size:20px} .owl-banner-carousel .content.type1 a{font-size:13px} .owl-banner-carousel .content.type2 h2{font-size:37.2px;border-top:4px solid #08c;padding-top:8px} .owl-banner-carousel .content.type2 h3{font-size:24.47px} .owl-banner-carousel .content.type2 p{font-size:11.2px} .owl-banner-carousel .content.type2 a{font-size:14.4px} .owl-banner-carousel .content-9.type1 em{font-size:18px;margin-bottom:-4px;margin-left:8px} .owl-banner-carousel .content-9.type1 h2{font-size:58px} .owl-banner-carousel .content-9.type1 p{font-size:32px} .owl-banner-carousel .content-9.type1 a{font-size:14px} .owl-banner-carousel .content-9.type1 a>i{width:15px;height:15px;line-height:14px;font-size:11px;margin-bottom:3px;margin-left:10px} .owl-banner-carousel .content-9.type2 h3{font-size:37.2px} .owl-banner-carousel .content-9.type2 span{font-size:11.2px} .owl-banner-carousel .content-9.type2 a{font-size:11px} .cart-table a{line-height:24px} .cart-table .cart-price{display:inline-block;margin-top:15px} .cart-table thead{display:none} .data-table.cart-table .product-image{z-index:0} .data-table.cart-table tbody tr{position:relative;display:block;clear:both;padding:25px 0;} .data-table.cart-table tbody tr.first{padding-top:0} .data-table.cart-table tbody td{display:block;padding:0;width:100%;border-width:0;text-align:center!important} .data-table.cart-table tbody td.pr-img-td{clear:both;padding:0 0 15px} /*.data-table.cart-table tbody td.action-td{position:absolute;top:20px;z-index:1}*/ .data-table.cart-table tbody tr.first td.action-td{top:-5px} .data-table.cart-table tbody td.action-td .btn-remove2{ /*float:right;*/ line-height:22px; } .data-table.cart-table tfoot tr.first td{padding-top:25px} .cart-table .item-options dd{padding:0} .cart-table .qty-holder{width:90px;margin-top:15px} .title-buttons{text-align:left} .cart-table button.button{margin-bottom:10px;margin-left:0;float:none;width:100%} .title-buttons h1,.title-buttons h2,.title-buttons h3,.title-buttons h4,.title-buttons h5,.title-buttons h6{float:none} .cart .title-buttons .checkout-types{float:none;display:block} .cart .title-buttons .checkout-types li{margin:0 0 10px} .my-account .data-table thead{display:none} .my-account .data-table tbody tr{display:block;border-bottom:1px solid #ddd;padding:15px 0 5px;position:relative} .my-account .data-table tbody tr:first-child{border-top:1px solid #ddd} .my-account .data-table tbody td{display:block;padding:0 15px 10px;width:100%;text-align:center!important;border-width:0} .my-account .data-table tfoot td{display:block;text-align:center !important} .my-account .data-table .add-to-cart-alt{margin:10px auto} .my-account .data-table tbody .btn-remove{position:absolute;top:15px;right:15px} .homepage-grid-banner .row{margin-left:-3px;margin-right:-3px} .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:3px;padding-right:3px} .homepage-grid-banner .col-sm-margin{margin-bottom:7px} .homepage-grid-banner .content a.btn-default{font-size:11px} .homepage-grid-banner .grid1 .content h2{font-size:55.16px} .homepage-grid-banner .grid1 .content p{font-size:23px;margin-right:3.12px} .homepage-grid-banner .grid2 .content h3{font-size:22.53px} .homepage-grid-banner .grid2 .content h2{font-size:22.53px} .homepage-grid-banner .grid2 .content p{font-size:13.71px;margin-bottom:11.7px} .homepage-grid-banner .grid3 .content h2{font-size:35.88px} .homepage-grid-banner .grid3 .content h5{font-size:12.48px;margin-bottom:23.4px} .homepage-grid-banner .grid3 .content p{font-size:12.48px;margin-bottom:3.9px} .homepage-grid-banner .grid3 .content h4{font-size:17.72px;margin-top:15.6px} .homepage-grid-banner .grid3 .content h4>span{font-size:13.77px} .homepage-grid-banner .grid3 .content h3{font-size:29.41px;margin-bottom:11.7px} .homepage-grid-banner .grid3 .content h3>span{font-size:19.6px} .homepage-grid-banner .grid4 .content h2{font-size:29px;margin-bottom:12px} .homepage-grid-banner .grid4 .content p{font-size:17px;margin-bottom:11.7px} .grid-images .grid1{margin-bottom:9px} .slider-with-side .side-area .item2{margin-bottom:8px} .slider-with-side .side-area .item1 .content{bottom:15px;left:13px} .slider-with-side .side-area .item1 .content h2{font-size:30px;margin-bottom:10px} .slider-with-side .side-area .item1 .content em{font-size:22px;margin-left:2px} .slider-with-side .side-area .item1 .content a{font-size:13px;margin-left:2px} .slider-with-side .side-area .item2 .content{bottom:15px;left:15px} .slider-with-side .side-area .item2 .content h2{font-size:28px;margin-bottom:10px} .slider-with-side .side-area .item2 .content p{font-size:13px} .slider-with-side .side-area .item2 .content a{font-size:12px;padding:7px 8px 7px 13px;margin:5px 0 0 25px} .slider-with-side .side-area .item3 .content{bottom:15px;left:15px} .slider-with-side .side-area .item3 .content h2{font-size:28px} .slider-with-side .side-area .item3 .content p{font-size:17px;margin-bottom:15px} .slider-with-side .side-area .item3 .content a{font-size:14px} .slider-with-side .slider-area .item .content .text-area h2{padding:6px 45px 6px 10px;font-size:38px} .slider-with-side .slider-area .item .content .text-area p{padding:10px 15px 10px 11px;font-size:15px} .slider-with-side .slider-area .item .content .ribbon{right:11px;top:11px} .slider-with-side .slider-area .item .content .ribbon em{font-size:13px;margin-right:60px} .slider-with-side .slider-area .item .content .ribbon h3{font-size:30px;margin-right:12px} .slider-with-side .slider-area .item .content .ribbon h5{font-size:16px;margin-top:-2px} .owl-item-links-block ul li{padding:0 10px} .owl-item-links-block ul li a{font-size:15px} .owl-item-links-block span{font-size:15px;padding-left:15px;margin-left:5px} .owl-item-links-block span .icon-angle-down{font-size:8px;margin-left:5px} .slide3-1-content p{margin-bottom:3px;font-size:13px} .slide3-1-content h2{font-size:30px;margin-bottom:15px} .slide3-1-content .price-area{} .slide3-1-content .price-area em{font-size:10px} .slide3-1-content .price-area em:first-child{margin-bottom:-2px} .slide3-1-content .price-area h3{font-size:35px} .slide3-1-content .button-area{padding-left:10px;margin-left:10px} .slide3-1-content a.btn-default{height:45px;font-size:13px;line-height:45px;padding:0 17px 0 20px;border-radius:5px} .slide3-1-content a.btn-default i{width:12px;height:12px;line-height:11px;font-size:9px;margin-bottom:2px;margin-left:8px} .slide3-2-content em{font-size:18px;margin-left:2px;margin-bottom:4px} .slide3-2-content h2{font-size:47px;margin-bottom:4px} .slide3-2-content p{font-size:32px;margin-bottom:25px} .slide3-2-content a{font-size:14px} .slide3-2-content a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:3px;margin-left:10px} .footer-container.fixed-position .footer-bottom .custom-block{display:none} .filter-products .products div.item .product-image{min-height:0} .top-newsletter #newsletter{width:270px} } @media (max-width:1199px) and (min-width:992px){ .home-side-menu h2.side-menu-title{padding:9px 15px} .menu.side-menu>li>a{font-size:13px;padding:10px 5px} .side-custom-menu h2{padding:10px 13px 10.5px} .side-custom-menu ul li{padding:10px 4px 9px} .side-custom-menu ul li a{font-size:13px} } @media (max-width:991px){ body.boxed .page{width:760px} .header-container .welcome-msg,.header-container .top-links-area+span.split{display:none} .home-side-menu{display:none} .add-to-cart button.button{width:140px} .sm-bd-0{border:0!important} .header-container .header-wrapper{display:none} .header-container.type1 .header #search_mini_form{display:none} .header-container.type1 .header .custom-block{display:none} .header-container.type1 .menu-icon{display:inline-block} .header-container.type1 .header-wrapper{display:none} .header-container.type2 .header .logo{width:auto;float:left;margin:0} .header-container.type2 .header .logo img{height:50px} .header-container.type2 .cart-area{position:static;display:inline-block;float:left;margin:5px 10px} .header-container.type2 .header .mini-cart{width:auto;position:relative;margin:5px 15px;float:right;top:0;left:0} .header-container.type2 .header .search-area{float:right;margin:5px 0;line-height:40px;display:block;position:relative;left:0;top:0;z-index:2} .header-container.type2 .header .search-area .search-icon{display:block} .header-container.type2 .header #search_mini_form{display:none;margin:0} .header-container.type2 .menu-icon{height:auto;padding:0;display:block;float:right;margin:15px 15px 15px 0} .header-container.type2 .header .form-search{width:450px;position:absolute;right:-80px;top:40px;overflow:visible;border-width:5px;border-radius:25px;background-color:#fff} .header-container.type2 .header .form-search:before{content:"";display:block;position:absolute;right:75px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type3 .header .custom-block{display:none} .header-container.type3 .header .logo img{height:50px} .header-container.type3 .header #search_mini_form{display:none;width:0;margin:0} .header-container.type3 .menu-icon{width:30px;text-align:center;line-height:40px;height:auto;padding:0;display:block;float:right;margin:35px 5px} .header-container.type3 .cart-area{float:right;position:static;margin:35px 0} .header-container.type3 .search-area{position:relative;left:0;top:0;float:right;margin:35px 10px;z-index:2} .header-container.type3 .search-area .search-icon{display:block;line-height:40px} .header-container.type3 .mini-cart{width:auto;position:relative;top:-3px;left:0} .header-container.type3 .header .form-search{width:450px;position:absolute;right:-60px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc} .header-container.type3 .header .form-search:before{content:"";display:block;position:absolute;right:60px;top:-20px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type4 .header .custom-block{display:none} .header-container.type4 .header .logo img{height:50px} .header-container.type4 .header #search_mini_form{display:none;width:0;margin:0} .header-container.type4 .menu-icon{width:30px;text-align:center;line-height:40px;height:auto;padding:0;display:block;float:right;margin:5px} .header-container.type4 .cart-area{float:right;position:static;margin:5px 0} .header-container.type4 .search-area{position:relative;left:0;top:0;float:right;margin:5px;z-index:2} .header-container.type4 .search-area .search-icon{display:block;line-height:40px} .header-container.type4 .mini-cart{width:auto;position:relative;top:-3px;left:0} .header-container.type4 .header .form-search{width:450px;position:absolute;right:-50px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc} .header-container.type4 .header .form-search:before{content:"";display:block;position:absolute;right:45px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type4 .mybag-link{top:0} .header-container.type5 .header .logo img{height:50px} .header-container.type5 .search-area{float:right;left:0;top:0;margin:35px 20px;line-height:40px} .header-container.type5 .cart-area{position:static;float:right;margin:22px 0} .header-container.type5 .menu-area{padding:0;display:inline-block;vertical-align:middle} .header-container.type5 .menu-icon{display:inline-block;height:auto;padding:0;margin:0 20px} .header-container.type5 .custom-block{display:none} .header-container.type5 .menu-area .links-area{display:inline-block;vertical-align:middle;padding:0;position:relative} .header-container.type5 .top-links-icon{display:block;color:#08c} .header-container.type5 .top-links-icon a{color:#08c} .header-container.type5 .mini-cart{position:relative;top:0;left:0;margin:0;display:inline-block;vertical-align:middle;background-color:transparent;border:0} .header-container.type5 .mybag-link{width:auto;top:-3px} .header-container.type5 .topCartContent:before{right:15px} .header-container.type5 .menu-area .links-area .links{display:none;position:absolute;right:0;z-index:9;background-color:#fff !important;border-radius:3px;margin:0;padding:5px 0;text-align:right;border:1px solid #ccc} .header-container.type5 .menu-area .links-area .links li{border:0;padding:0;display:block} .header-container.type5 .menu-area .links-area .links li a{color:#777 !important;white-space:nowrap;padding:0 10px;display:block;transition:all 0.2s;font-weight:400} .header-container.type5 .menu-area .links-area .links li:hover a{background-color:#ccc !important;color:#fff !important;text-decoration:none} .header-container.type5 .header .form-search{left:auto;right:-195px} .header-container.type5 .header .form-search:before{left:auto;right:190px} .header-container.type6 .menu-icon{display:block;float:right;height:50px;line-height:50px;padding:0;margin:0 15px 0 20px} .header-container.type6 .cart-area{position:static;margin:5px 0;margin-right:10px;float:right} .header-container.type6 .header .search-area{float:right} .header-container.type6 .header .search-area a.search-icon{margin:0} .header-container.type6 .header .form-search{left:auto;right:-100px} .header-container.type6 .header .form-search:before{left:auto;right:95px} .header-container.type14 .menu-icon{display:block;float:right;height:50px;line-height:50px;padding:0;margin:0 15px 0 20px} .header-container.type14 .cart-area{position:static;float:right} .header-container.type14 .header .search-area{float:right} .header-container.type14 .header .form-search{left:auto;right:-100px} .header-container.type14 .header .form-search:before{left:auto;right:95px} .header-container.type8 .menu-icon{display:inline-block;vertical-align:middle;height:auto;padding:0;margin-right:15px} .header-container.type8 .header .form-search{right:-135px} .header-container.type8 .header .form-search:before{right:140px} /*.header-container.type8:not(.sticky-header) .cart-area{right: 15px !important;}*/ /*.header-container.type8.sticky-header .cart-area{right: 15px !important;}*/ .header-container.type8:not(.sticky-header) .cart-area{right: 15px !important;} .header-container.type8.sticky-header .cart-area{right: 15px !important;} .top-header-links {right: 15px !important;} .header-container.type9 .header .custom-block{display:none} .header-container.type9 .header .logo img{height:50px} .header-container.type9 .header #search_mini_form{display:none;width:0;margin:0;position:absolute;left:0;top:0} .header-container.type9 .header #search_mini_form.show{display:inline-block!important} .header-container.type9 .menu-icon{width:30px;text-align:center;line-height:40px;height:auto;padding:0;display:inline-block} .header-container.type9 .search-area{left:0;top:0;margin:35px 10px;z-index:2} .header-container.type9 .search-area .search-icon{display:inline-block;line-height:40px;vertical-align:middle} .header-container.type9 .mini-cart{width:auto;position:relative;top:-3px;left:0} .header-container.type9 .header .form-search{width:450px;position:absolute;left:-20px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc;text-align:left} .header-container.type9 .header .form-search:before{content:"";display:block;position:absolute;left:15px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} .header-container.type10 .header-wrapper{display:block} .header-container.type10 .header .custom-block{display:none} .header-container.type10 .header .logo img{height:50px} .header-container.type10 .header #search_mini_form{display:none;width:0;margin:0} .cms-index-index .header-container.type10 .dropdown-menu .menu-container>a{pointer-events:all} .header-container.type10 .cart-area{float:right;position:static;margin:35px 0} .header-container.type10 .search-area{position:relative;left:0;top:0;float:right;margin:35px 10px;z-index:2} .header-container.type10 .search-area .search-icon{display:block;line-height:40px} .header-container.type10 .mini-cart{width:auto;position:relative;top:-3px;left:0} .header-container.type10 .header .form-search{width:450px;position:absolute;right:-60px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc} .header-container.type10 .header .form-search:before{content:"";display:block;position:absolute;right:55px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc} /*.main-nav,.fixed-header-area{display:none}*/ .category-products .products-grid.columns3 li.item{width:50%} .category-products .products-grid.columns3 li.item.nth-child-3np1{clear:none} .category-products .products-grid.columns3 li.item.nth-child-2np1{clear:left} .category-products .products-grid.columns4 li.item{width:50%} .category-products .products-grid.columns4 li.item.nth-child-3np1{clear:none} .category-products .products-grid.columns4 li.item.nth-child-2np1{clear:left} .category-products .products-grid.columns5 li.item{width:50%} .category-products .products-grid.columns5 li.item.nth-child-4np1{clear:none} .category-products .products-grid.columns5 li.item.nth-child-3np1{clear:none} .category-products .products-grid.columns5 li.item.nth-child-2np1{clear:left} .category-products .products-grid.columns6 li.item{width:33.33%} .category-products .products-grid.columns6 li.item.nth-child-5np1{clear:none} .category-products .products-grid.columns6 li.item.nth-child-4np1{clear:none} .category-products .products-grid.columns6 li.item.nth-child-3np1{clear:left} .category-products .products-grid.columns7 li.item{width:33.33%} .category-products .products-grid.columns7 li.item.nth-child-6np1{clear:none} .category-products .products-grid.columns7 li.item.nth-child-5np1{clear:none} .category-products .products-grid.columns7 li.item.nth-child-4np1{clear:none} .category-products .products-grid.columns7 li.item.nth-child-3np1{clear:left} .category-products .products-grid.columns8 li.item{width:33.33%} .category-products .products-grid.columns8 li.item.nth-child-7np1{clear:none} .category-products .products-grid.columns8 li.item.nth-child-6np1{clear:none} .category-products .products-grid.columns8 li.item.nth-child-5np1{clear:none} .category-products .products-grid.columns8 li.item.nth-child-4np1{clear:none} .category-products .products-grid.columns8 li.item.nth-child-3np1{clear:left} /* Flex grid Styles */ .category-products .products-grid.flex-grid.columns3 li.item.nth-child-3np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns3 li.item.nth-child-2np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns4 li.item.nth-child-3np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns4 li.item.nth-child-2np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns5 li.item.nth-child-4np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns5 li.item.nth-child-3np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns5 li.item.nth-child-2np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns6 li.item.nth-child-5np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns6 li.item.nth-child-4np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns6 li.item.nth-child-3np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns7 li.item.nth-child-6np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns7 li.item.nth-child-5np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns7 li.item.nth-child-4np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns7 li.item.nth-child-3np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns8 li.item.nth-child-7np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns8 li.item.nth-child-6np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns8 li.item.nth-child-5np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns8 li.item.nth-child-4np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns8 li.item.nth-child-3np1{border-left-color:transparent} /* Flex grid Styles */ .category-banner .banner-text h2{font-size:28px} .category-banner .banner-text p{font-size:16px} .category-boxed-banner .banner-text h2{font-size:28px} .category-boxed-banner .banner-text p{font-size:12px} .category-boxed-banner .banner-text a.shop-now{margin-left:12px;font-size:12px} .homepage-bar .col-md-4{border:0;text-align:left} .owl-banner-carousel .content.type1 h2{font-size:36px} .owl-banner-carousel .content.type1 p{font-size:15px} .owl-banner-carousel .content.type1 a{font-size:10px} .owl-banner-carousel .content.type2 h2{font-size:27.9px;border-top:3px solid #08c;padding-top:6px} .owl-banner-carousel .content.type2 h3{font-size:18.36px} .owl-banner-carousel .content.type2 p{font-size:8.4px} .owl-banner-carousel .content.type2 a{font-size:10.8px} .owl-banner-carousel .content-9.type1 em{font-size:15px;margin-bottom:-3px;margin-left:6px} .owl-banner-carousel .content-9.type1 h2{font-size:50px} .owl-banner-carousel .content-9.type1 p{font-size:26px} .owl-banner-carousel .content-9.type1 a{font-size:12px} .owl-banner-carousel .content-9.type1 a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:3px;margin-left:7px} .owl-banner-carousel .content-9.type2 h3{font-size:27.9px} .owl-banner-carousel .content-9.type2 span{font-size:8.4px} .owl-banner-carousel .content-9.type2 a{font-size:9px} .homepage-grid-banner .row{margin-left:-2px;margin-right:-3px} .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:2px;padding-right:3px} .homepage-grid-banner .col-sm-margin{margin-bottom:4px} .homepage-grid-banner .content a.btn-default{font-size:10px;padding:4px 6px;padding-right:3px} .homepage-grid-banner .grid1 .content h2{font-size:42.43px} .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px} .homepage-grid-banner .grid2 .content h3{font-size:17.33px} .homepage-grid-banner .grid2 .content h2{font-size:17.33px} .homepage-grid-banner .grid2 .content p{font-size:10.55px;margin-bottom:9px} .homepage-grid-banner .grid3 .content h2{font-size:27.6px} .homepage-grid-banner .grid3 .content h5{font-size:9.6px;margin-bottom:18px} .homepage-grid-banner .grid3 .content p{font-size:9.6px;margin-bottom:3px} .homepage-grid-banner .grid3 .content h4{font-size:13.63px;margin-top:12px} .homepage-grid-banner .grid3 .content h4>span{font-size:10.6px} .homepage-grid-banner .grid3 .content h3{font-size:22.63px;margin-bottom:9px} .homepage-grid-banner .grid3 .content h3>span{font-size:15.08px} .homepage-grid-banner .grid4 .content h2{font-size:21px;margin-bottom:9px} .homepage-grid-banner .grid4 .content p{font-size:14px;margin-bottom:7px} .full-screen-slider .item > div.content > h2{font-size:47.02px;margin-bottom:14.04px} .full-screen-slider .item > div.content > p{font-size:19.59px;margin-bottom:27.3px} .full-screen-slider .item > div.content > a.btn-default{font-size:12px;padding:12px 40px;border-radius:6px} .full-screen-slider .item > div.content em.type1{font-size:14.31px;margin-bottom:-3.9px} .full-screen-slider .item > div.content em.type2{font-size:22.99px;margin-bottom:7.8px;margin-left:24px} .full-screen-slider .item > div.content em.type3{font-size:13.79px;margin-top:7.8px} .full-screen-slider .item > div.content h3{font-size:48.02px} .full-screen-slider .item > div.content h4{font-size:40.86px;padding-right:27px} .full-screen-slider .item > div.content .sale-bar a{font-size:16.35px;margin-left:18px} .full-screen-slider .item > div.content .sale-bar a .icon-angle-down{font-size:9px;margin-left:7.8px} .full-screen-slider .item > div.content .sale-bar>div.f-left{padding:11.5px 17.16px} .full-screen-slider .item > div.content .sale-bar>div.f-left:first-child{padding:11.7px 31.2px} .full-screen-slider .item > div.content .sale-bar{height:63.96px;margin-left:10.92px} .full-screen-slider .item > div.content .sale-bar .triangle{height:63.96px;width:23.4px} .full-screen-slider .item > div.content .sale-bar .triangle>div{height:32px;border-width:16px;border-top-width:32px;margin:0 -16px -16px 0} .full-screen-slider .item > div.content .sale-bar .triangle>div:first-child{height:32px;border-width:16px;border-bottom-width:32px;margin:-16px -16px 0 0} .full-screen-slider .item > div.content.content-2{margin-top:-58px} .full-screen-slider .item > div.content.content-3{margin-top:-72px} .slider-with-side .slider-area{padding:0 8px;float:none;width:100%} .slider-with-side .side-area{padding:0;float:none;width:100%} .slider-with-side .side-area .item1,.slider-with-side .side-area .item2,.slider-with-side .side-area .item3{padding:8px;width:33.33%;float:left;margin:0} .slider-with-side .side-area .item1 .content{bottom:20px;left:20px} .slider-with-side .side-area .item2 .content{bottom:20px;left:15px} .slider-with-side .side-area .item3 .content{bottom:20px;left:20px} .slide3-2-content em{font-size:14px;margin-left:2px;margin-bottom:3px} .slide3-2-content h2{font-size:38px;margin-bottom:3px} .slide3-2-content p{font-size:29px;margin-bottom:20px} .slide3-2-content a{font-size:12px} .slide3-2-content a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:2px;margin-left:7px} #banner-slider-demo-1 .slide1-content img.quote{width:30px} #banner-slider-demo-1 .slide1-content em{font-size:20px;margin:0 8px} #banner-slider-demo-1 .slide1-content h2{font-size:60px;margin:4px 0 8px} #banner-slider-demo-1 .slide1-content p{font-size:18px} #banner-slider-demo-1 .slide2-content em{font-size:20px;margin-left:7px} #banner-slider-demo-1 .slide2-content h2{font-size:65px;margin:2px 0 8px} #banner-slider-demo-1 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px} #banner-slider-demo-1 .slide2-content p span.split{margin:0 8px 0 9px} #banner-slider-demo-1 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px} #banner-slider-demo-1 .slide3-content em{font-size:20px} #banner-slider-demo-1 .slide3-content h2{font-size:65px;margin-bottom:13px} #banner-slider-demo-1 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px} #banner-slider-demo-14 .slide1-content img.quote{width:30px} #banner-slider-demo-14 .slide1-content em{font-size:20px;margin:0 8px} #banner-slider-demo-14 .slide1-content h2{font-size:60px;margin:4px 0 8px} #banner-slider-demo-14 .slide1-content p{font-size:18px} #banner-slider-demo-14 .slide2-content em{font-size:20px;margin-left:7px} #banner-slider-demo-14 .slide2-content h2{font-size:65px;margin:2px 0 8px} #banner-slider-demo-14 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px} #banner-slider-demo-14 .slide2-content p span.split{margin:0 8px 0 9px} #banner-slider-demo-14 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px} #banner-slider-demo-14 .slide3-content em{font-size:20px} #banner-slider-demo-14 .slide3-content h2{font-size:65px;margin-bottom:13px} #banner-slider-demo-14 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px} #banner-slider-demo-13 .slide1-content img.quote{width:30px} #banner-slider-demo-13 .slide1-content em{font-size:20px;margin:0 8px} #banner-slider-demo-13 .slide1-content h2{font-size:60px;margin:4px 0 8px} #banner-slider-demo-13 .slide1-content p{font-size:18px} #banner-slider-demo-13 .slide2-content em{font-size:20px;margin-left:7px} #banner-slider-demo-13 .slide2-content h2{font-size:65px;margin:2px 0 8px} #banner-slider-demo-13 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px} #banner-slider-demo-13 .slide2-content p span.split{margin:0 8px 0 9px} #banner-slider-demo-13 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px} #banner-slider-demo-13 .slide3-content em{font-size:20px} #banner-slider-demo-13 .slide3-content h2{font-size:65px;margin-bottom:13px} #banner-slider-demo-13 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px} .menu.side-menu{display:none} .home-side-menu .mobile-nav{display:block;height:auto} .sm-xs-margin-bottom{margin-bottom:20px} .cart .crosssell li.item:nth-child(2n+1){clear:both} .parallax{background-position:center center !important} .parallax-category-banner .parallax{padding:50px 0} .parallax-content h2{font-size:38px} .parallax-content p{font-size:20px} .footer-top-subscribe h4{margin: 10px 0} .footer-top-subscribe .input-box{margin: 10px 0} #banner-slider-demo-11 .content-1{padding:25px 15px 10px;margin-left:-122px;margin-top:-75px} #banner-slider-demo-11 .content-1>div:first-child{padding-right:7px} #banner-slider-demo-11 .content-1 p{font-size:16px;margin-left:5px} #banner-slider-demo-11 .content-1 h3{font-size:58px} #banner-slider-demo-11 .content-1 h3 b{margin-top:-17px} #banner-slider-demo-11 .content-1 em{font-size:14px;margin-right:3px} #banner-slider-demo-11 .content-1 h4{font-size:26px} #banner-slider-demo-11 .content-1 h5{font-size:14px;margin-top:-2px} #banner-slider-demo-11 .content-2{right:20px;bottom:20px} #banner-slider-demo-11 .content-2>div{padding:15px 10px} #banner-slider-demo-11 .content-2>div:first-child{margin:-2px 0;padding-left:20px} #banner-slider-demo-11 .content-2 p{font-size:15px;margin-left:1px} #banner-slider-demo-11 .content-2 h3{font-size:38px} #banner-slider-demo-11 .content-2 em{font-size:12px;margin-right:2px} #banner-slider-demo-11 .content-2 h4{font-size:26px} #banner-slider-demo-11 .content-2 h5{font-size:13px;margin-top:-2px} #banner-slider-demo-11 .content-2 a{font-size:10px;margin-right:-6px} #multiship-addresses-table{} #multiship-addresses-table select {max-width:250px} #multiship-addresses-table thead{display: none} #multiship-addresses-table tbody tr{position: relative;display: block;clear: both;padding: 25px 0;border-bottom: 1px solid #dcdcdc} #multiship-addresses-table tbody tr.first{border-top:1px solid #dcdcdc} #multiship-addresses-table tbody td{display: block;padding: 5px 0;width: 100%;border:0;text-align: center !important} #multiship-addresses-table a.btn-remove{position: absolute;right:10px;top:10px} #multiship-addresses-table .item-options dd{padding:0} .checkout-progress{padding:0} .multiple-checkout #review-order-form .data-table thead{display: none} .multiple-checkout #review-order-form .data-table tbody tr{position: relative;display: block;clear: both;padding: 25px 0;border-bottom: 1px solid #dcdcdc} .multiple-checkout #review-order-form .data-table tbody tr.first{border-top:1px solid #dcdcdc} .multiple-checkout #review-order-form .data-table tbody td{display: block;padding: 5px 0;width: 100%;border:0;text-align: center !important} .multiple-checkout #review-order-form .data-table .item-options dd{padding:0} .multiple-checkout #review-order-form .data-table tfoot{border-left:1px solid #d9dde3;border-right:1px solid #d9dde3} .multiple-checkout #review-order-form .data-table tfoot td{display: block;padding: 5px 0;width: 100%;border:0;text-align: center !important} #parallax_02{padding:150px 0} #parallax_03{padding:150px 0} .header-container.type12,.header-container.type12.fixed-bottom{position:relative;left:0;top:0;min-height:0;width:auto} body.side-header .top-container,body.side-header .main-container,body.side-header .footer-container{margin-left:0} .header-container.type12 .header{text-align:left;padding:0 7px} .header-container.type12 .switcher-area{text-align:left} .header-container.type12 .switcher-area .mini-cart{float:right} .header-container.type12 .header>.logo{margin:15px 0 20px;float:left} .header-container.type12 .menu-icon{display:inline-block;height:auto;padding:0;width:25px} .header-container.type12 .menu-icon a{color:#fff;line-height:25px} .header-container.type12 .search-area{display:inline-block;width:auto;height:auto;margin:0} .header-container.type12 .search-area a.search-icon{display:block;color:#fff;line-height:25px} .header-container.type12 .header #search_mini_form{display:none;position:absolute;width:280px;right:-100px;top:30px} .header-container.type12 .header .custom-block{display:none} .header-container.type12 .top-links-area{display:inline-block;margin:0} .header-container.type12 .top-links-area .top-links-icon{display:block} .header-container.type12 .top-links-area .top-links-icon a{color:#fff} .header-container.type12 .top-links-area .links{display:none;position:absolute;background-color:#fff;width:100px;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 7px;left:0} .header-container.type12 .top-links-area .links li{padding:0;border:0} .header-container.type12 .top-links-area .links li a{color:#777} .header-container.type12 .mobile-group{float:right;margin-top:25px;margin-right:5px} .header-container.type12 .mobile-nav.side-block .sw-mobile-menu li>a{color:#fff} .header-container.type12 .mobile-nav.side-block .sw-mobile-menu li .open-child{color:#fff} .header-container.type12 .mini-cart .topCartContent{left:auto;right:0} .header-container.type12 .mini-cart .topCartContent:before{left:auto;right:15px} #banner-slider-demo-16 .slide1-content,#banner-slider-demo-16 .slide2-content{padding-left:0} #banner-slider-demo-16 .text-content em{font-size:18px;margin:0;margin-bottom:-8px} #banner-slider-demo-16 .text-content h2{font-size:60px;letter-spacing:-3px} #banner-slider-demo-16 .text-content p {margin:0} #banner-slider-demo-16 .text-content p span{font-size:18px;padding-left:6px} #banner-slider-demo-16 .text-content p a{font-size:12px;padding:8px 20px;margin-left:10px;margin-top:5px} .header-container.type10 .dropdown-menu .menu-container>.menu.side-menu {display: none !important} .sticky-product{padding:15px 0} .side-header .sticky-product{padding-top:60px} .side-header .sticky-product > .container{width:100%;padding-left:15px} .img-desc-home3{margin-top:-65px;padding:0 16px} .img-desc-home3 h3{font-size:16px} .img-desc-home3 hr{width:60px;margin:10px 0} .img-desc-home3 p{font-size:10px} .img-desc-home3 a{font-size:10px} .top-newsletter #newsletter{width:160px} } @media (min-width:768px) and (max-width:991px){ .header-container.type3 .header .switcher-group{position:static;text-align:right} } @media (min-width:768px){ .col2-left-layout .col-left.sidebar{padding-right:12px} .col2-left-layout .col-main{padding-left:12px} .col2-right-layout .col-right.sidebar{padding-left:12px} .col2-right-layout .col-main{padding-right:12px} .col3-layout .col-left.sidebar{padding-right:12px} .col3-layout .col-main{padding-left:12px;padding-right:12px} .col3-layout .col-right.sidebar{padding-left:12px} div.small-padding{padding-right:15px} .sm-f-right{float:right !important} .product-tabs.vertical>ul{width:150px;float:left;bottom:0;right:-1px;text-align:right} .product-tabs.vertical>ul li.active{border-top-color:#eee;border-left-color:#08c} .product-tabs.vertical>ul li{float:none;border-radius:5px 0 0 5px;border-width:1px 0 1px 3px;margin-right:0;margin-bottom:1px} .product-tabs.vertical .tab-content{min-height:250px;border-radius:0 3px 3px 0;margin-left:150px} .category-products .products-grid.flex-grid.columns2 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns2 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(3) .item-area{ border-top-color:transparent} } @media (min-width:992px){ .a-right-sm{text-align:right} .a-left-sm{text-align:left} .col-md-6.col-md-5-5{width:45%;z-index:1} .col-md-6.col-md-6-5{width:55%} .color-banner .col-md-5-5.a-left h2{margin-left:-35%} .color-banner .col-md-5-5.a-right h2{margin-right:-20%} .md-f-right{float:right !important} body.mobile-nav-shown .mobile-nav-overlay{visibility:hidden;opacity:0;filter:alpha(opacity=0)} body.mobile-nav-shown.md-mobile-menu .mobile-nav-overlay{visibility:visible;opacity:0.15;filter:alpha(opacity=15)} body.mobile-nav-shown .page{left:0} body.mobile-nav-shown.md-mobile-menu .page{left:250px} body.mobile-nav-shown .mobile-nav.side-block{left:-250px} body.mobile-nav-shown.md-mobile-menu .mobile-nav.side-block{left:0} } @media (min-width:1280px){ body.mobile-nav-shown.md-mobile-menu .mobile-nav.side-block{left:-250px} body.mobile-nav-shown.md-mobile-menu .page{left:0} body.mobile-nav-shown.md-mobile-menu .mobile-nav-overlay{visibility:hidden;opacity:0;filter:alpha(opacity=0)} } @media (max-width:767px){ body.boxed .page{width:620px} .header-container.type13 .form-search{width:300px} .sm-clearer{clear:both} .history .featured-box{margin-left:0} .history .thumb{display:none} table.for-desktop{ display:none; } table.for-mobile{ display:table; } .tab-content{border:0} .product-tabs>ul li{display:inline-block} .header{width:100%} .col-main.f-right{float:none !important} .col-left.f-left{float:none !important} .header-container.type2 .header .custom-block{display:none} .header-container.type2 .links li.first{border-left:0} .header-container.type3 .header .custom-block{display:none} .header-container.type3 .links li.first{border-left:0} .header-container.type4 .header .custom-block{display:none} .header-container.type4 .links li.first{border-left:0} .header-container.type6 .links li.first{border-left:0} .header-container.type14 .links li.first{border-left:0} .header-container.type7 .links li.first{border-left:0} .header-container.type13 .links li.first{border-left:0} .header-container.type15 .cart-area { position: relative; top: 0; right: 0; height: auto; float: right; margin-top: -16px; } .header-container.type15 .switcher-area { display: block; } .breadcrumbs{text-align:left} .top-container >.breadcrumbs{padding-left:15px;padding-right:15px} .category-products .products-grid.columns2 li.item{width:50%} .category-products .products-grid.columns2 li.item.nth-child-2np1{clear:left} .category-products .products-grid.columns3 li.item{width:100%} .category-products .products-grid.columns3 li.item.nth-child-3np1{clear:none} .category-products .products-grid.columns3 li.item.nth-child-2np1{clear:left} .category-products .products-grid.columns4 li.item{width:50%} .category-products .products-grid.columns4 li.item.nth-child-4np1{clear:none} .category-products .products-grid.columns4 li.item.nth-child-3np1{clear:none} .category-products .products-grid.columns4 li.item.nth-child-2np1{clear:left} .category-products .products-grid.columns5 li.item{width:50%} .category-products .products-grid.columns5 li.item.nth-child-5np1{clear:none} .category-products .products-grid.columns5 li.item.nth-child-4np1{clear:none} .category-products .products-grid.columns5 li.item.nth-child-3np1{clear:none} .category-products .products-grid.columns5 li.item.nth-child-2np1{clear:left} .category-products .products-grid.columns6 li.item{width:50%} .category-products .products-grid.columns6 li.item.nth-child-6np1{clear:none} .category-products .products-grid.columns6 li.item.nth-child-5np1{clear:none} .category-products .products-grid.columns6 li.item.nth-child-4np1{clear:none} .category-products .products-grid.columns6 li.item.nth-child-3np1{clear:none} .category-products .products-grid.columns6 li.item.nth-child-2np1{clear:left} .category-products .products-grid.columns7 li.item{width:50%} .category-products .products-grid.columns7 li.item.nth-child-7np1{clear:none} .category-products .products-grid.columns7 li.item.nth-child-6np1{clear:none} .category-products .products-grid.columns7 li.item.nth-child-5np1{clear:none} .category-products .products-grid.columns7 li.item.nth-child-4np1{clear:none} .category-products .products-grid.columns7 li.item.nth-child-3np1{clear:none} .category-products .products-grid.columns7 li.item.nth-child-2np1{clear:left} .category-products .products-grid.columns8 li.item{width:50%} .category-products .products-grid.columns8 li.item.nth-child-8np1{clear:none} .category-products .products-grid.columns8 li.item.nth-child-7np1{clear:none} .category-products .products-grid.columns8 li.item.nth-child-6np1{clear:none} .category-products .products-grid.columns8 li.item.nth-child-5np1{clear:none} .category-products .products-grid.columns8 li.item.nth-child-4np1{clear:none} .category-products .products-grid.columns8 li.item.nth-child-3np1{clear:none} .category-products .products-grid.columns8 li.item.nth-child-2np1{clear:left} /* Flex grid Styles */ .category-products .products-grid.flex-grid.columns2 li.item.nth-child-2np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns3 li.item.nth-child-3np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns3 li.item.nth-child-2np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns4 li.item.nth-child-4np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns4 li.item.nth-child-3np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns4 li.item.nth-child-2np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns5 li.item.nth-child-5np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns5 li.item.nth-child-4np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns5 li.item.nth-child-3np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns5 li.item.nth-child-2np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns6 li.item.nth-child-6np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns6 li.item.nth-child-5np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns6 li.item.nth-child-4np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns6 li.item.nth-child-3np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns6 li.item.nth-child-2np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns7 li.item.nth-child-7np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns7 li.item.nth-child-6np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns7 li.item.nth-child-5np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns7 li.item.nth-child-4np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns7 li.item.nth-child-3np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns7 li.item.nth-child-2np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns8 li.item.nth-child-8np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns8 li.item.nth-child-7np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns8 li.item.nth-child-6np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns8 li.item.nth-child-5np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns8 li.item.nth-child-4np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns8 li.item.nth-child-3np1{border-left-color:#e3e4e4} .category-products .products-grid.flex-grid.columns8 li.item.nth-child-2np1{border-left-color:transparent} .category-products .products-grid.flex-grid.columns2 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns2 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(2) .item-area{ border-top-color:transparent} /* Flex grid Styles */ .products-list .product-image-area{width:150px} .products-list .details-area{width:auto;float:none;margin-left:150px} .category-banner .banner-text h2{font-size:28px} .category-banner .banner-text p{display:none} .category-boxed-banner .banner-text h2{font-size:28px} .category-boxed-banner .banner-text p{display:none} /********* Parallax Slider *********/ .parallax-slider .owl-carousel h2{font-size:40px} .parallax-slider .owl-carousel p{font-size:13px;margin-bottom:15px} .parallax-slider .owl-carousel a{font-size:13px} .parallax-slider .owl-theme .owl-controls{margin-top:15px} .single-images .single-image{margin-bottom:10px} .owl-banner-carousel .content.type1 h2{font-size:24px} .owl-banner-carousel .content.type1 p{display:none} .owl-banner-carousel .content.type1 a{font-size:8px} .owl-banner-carousel .content.type2 h2{font-size:20px;border-top:2px solid #08c;padding-top:4px} .owl-banner-carousel .content.type2 h3{font-size:13px} .owl-banner-carousel .content.type2 p{display:none} .owl-banner-carousel .content.type2 a{font-size:10px} .owl-banner-carousel .content-9.type1 em{font-size:11px;margin-bottom:-2px;margin-left:4px} .owl-banner-carousel .content-9.type1 h2{font-size:28px} .owl-banner-carousel .content-9.type1 p{display:none} .owl-banner-carousel .content-9.type1 a{display:none} .owl-banner-carousel .content-9.type2 h3{font-size:20px;margin-bottom:5px} .owl-banner-carousel .content-9.type2 span{display:none} .owl-banner-carousel .content-9.type2 a{font-size:9px} .homepage-grid-banner .row{margin-left:-10px;margin-right:-10px} .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:10px;padding-right:10px} .homepage-grid-banner .col-sm-margin{margin-bottom:0} .homepage-grid-banner .content a.btn-default{font-size:14px;padding:6px 12px;padding-right:6px} .homepage-grid-banner img{margin-bottom:20px} .homepage-grid-banner .grid1 .content h2{font-size:70.72px} .homepage-grid-banner .grid1 .content p{font-size:29.47px;margin-bottom:10px;margin-right:4px} .homepage-grid-banner .grid2 .content h3{font-size:28.88px} .homepage-grid-banner .grid2 .content h2{font-size:28.88px} .homepage-grid-banner .grid2 .content p{font-size:17.58px;margin-bottom:15px} .homepage-grid-banner .grid3 .content h2{font-size:46px} .homepage-grid-banner .grid3 .content h5{font-size:16px;margin-bottom:30px} .homepage-grid-banner .grid3 .content p{font-size:16px;margin-bottom:5px} .homepage-grid-banner .grid3 .content h4{font-size:22.72px;margin-top:20px} .homepage-grid-banner .grid3 .content h4>span{font-size:17.66px} .homepage-grid-banner .grid3 .content h3{font-size:37.71px;margin-bottom:15px} .homepage-grid-banner .grid3 .content h3>span{font-size:25.14px} .homepage-grid-banner .grid4 .content h2{font-size:35px} .homepage-grid-banner .grid4 .content p{font-size:23px;margin-bottom:15px} .grid-images .grid2{margin-bottom:9px} .full-screen-slider .item > div.content em.type1{font-size:8px;margin-bottom:-2px} .full-screen-slider .item > div.content em.type2{font-size:11px;margin-bottom:4px;margin-left:10px} .full-screen-slider .item > div.content em.type3{font-size:7px;margin-top:4px} .full-screen-slider .item > div.content h3{font-size:25px} .full-screen-slider .item > div.content h4{font-size:20px;border-right:0} .full-screen-slider .item > div.content .sale-bar a{font-size:8px;margin-left:4px} .full-screen-slider .item > div.content .sale-bar a .icon-angle-down{font-size:6px;margin-left:4px} .full-screen-slider .item > div.content .sale-bar>div.f-left{padding:6px 4px} .full-screen-slider .item > div.content .sale-bar>div.f-left:first-child{padding:6px 4px} .full-screen-slider .item > div.content .sale-bar{height:32px;margin-left:2px} .full-screen-slider .item > div.content .sale-bar .triangle{height:32px;width:12px} .full-screen-slider .item > div.content .sale-bar .triangle>div{height:16px;border-width:8px;border-top-width:16px;margin:0 -8px -8px 0} .full-screen-slider .item > div.content .sale-bar .triangle>div:first-child{height:16px;border-width:8px;border-bottom-width:16px;margin:-8px -8px 0 0} .full-screen-slider .item > div.content.content-1{margin-top:-73px} .full-screen-slider .item > div.content.content-1 > p{font-size:14px;margin:20px 0} .full-screen-slider .item > div.content.content-1 > a.btn-default{font-size:10px;padding:10px 15px} .full-screen-slider .item > div.content.content-1 > img{width:150px} .full-screen-slider .item > div.content.content-2{margin-top:-29px} .slider-with-side .side-area .item1,.slider-with-side .side-area .item2,.slider-with-side .side-area .item3{padding:8px;width:100%;float:none} .slider-with-side .side-area img{width:100%} .slider-with-side .side-area .item1 .content{bottom:30px;left:25px} .slider-with-side .side-area .item2 .content{bottom:30px;left:25px} .slider-with-side .side-area .item3 .content{bottom:30px;left:25px} .slider-with-side .slider-area .item .content .text-area h2{padding:4px 38px 4px 7px;font-size:22px} .slider-with-side .slider-area .item .content .text-area p{padding:6px 11px 6px 8px;font-size:9px} .slider-with-side .slider-area .item .content .ribbon{right:3px;top:3px} .slider-with-side .slider-area .item .content .ribbon em{font-size:8px;margin-right:40px} .slider-with-side .slider-area .item .content .ribbon h3{font-size:22px;margin-right:7px} .slider-with-side .slider-area .item .content .ribbon h5{font-size:10px;margin-top:-1px} .slide3-1-content p{margin-bottom:3px;font-size:11px} .slide3-1-content h2{font-size:25px;margin-bottom:10px} .slide3-1-content .price-area{} .slide3-1-content .price-area em{font-size:8px} .slide3-1-content .price-area em:first-child{margin-bottom:-2px} .slide3-1-content .price-area h3{font-size:28px} .slide3-1-content .button-area{padding-left:10px;margin-left:10px} .slide3-1-content a.btn-default{height:35px;font-size:11px;line-height:35px;padding:0 13px 0 15px;border-radius:5px} .slide3-1-content a.btn-default i{width:12px;height:12px;line-height:11px;font-size:9px;margin-bottom:2px;margin-left:8px} .slide3-2-content em{font-size:12px;margin-left:2px;margin-bottom:1px} .slide3-2-content h2{font-size:35px;margin-bottom:1px} .slide3-2-content p{font-size:25px;margin-bottom:13px} .slide3-2-content a{font-size:12px} .slide3-2-content a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:2px;margin-left:7px} .owl-item-links-block ul li{padding:0 8px} .owl-item-links-block ul li a{font-size:12px} .owl-item-links-block span{font-size:12px;padding-left:13px;margin-left:3px} .owl-item-links-block span .icon-angle-down{font-size:7px;margin-left:4px} .parallax.parallax-with-subscribe{padding:30px 0} li.etalage_small_thumbs{display:none} .product-view .product-img-box{margin-bottom:30px} .form-list .field,.col2-set .col-1,.col2-set .col-2{float:none!important;width:100%} .form-list .field+.field{margin-top:10px} .account-login .content{min-height:0} .box .box-content{min-height:0} .account-login .new-users{margin-bottom:25px} .col2-set .col-1{margin-bottom:25px} #opc-review .data-table thead{display:none} /*#opc-review .data-table tbody tr,#opc-review .data-table tfoot tr{display:block;border:1px solid #ddd;border-width:0 1px 1px;padding:15px 0 5px;position:relative}*/ #opc-review .data-table tfoot tr.last{background:#f6f6f6} /*#opc-review .data-table tbody tr:first-child{border-top:1px solid #ddd}*/ /*#opc-review .data-table tbody td,#opc-review .data-table tfoot td{display:block;padding:0 15px 10px;width:100%;text-align:center!important;border-width:0}*/ #newsletter_popup{width:auto !important} .footer-bottom{text-align:center} .footer-bottom a.logo{float:none;margin:0} .footer-bottom .social-icons{float:none} .footer-bottom .custom-block{float:none;margin:0} .footer-bottom address{float:none;text-align:center} #parallax_01 .parallax-content-15 img.quote{width:20px} #parallax_01 .parallax-content-15 em{font-size:12px;margin:0 5px} #parallax_01 .parallax-content-15 h2{font-size:35px;margin:4px 0 7px} #parallax_01 .parallax-content-15 p{font-size:11px;margin:0} #parallax_02{padding:50px 0} #parallax_02 .parallax-content-15 em{font-size:12px} #parallax_02 .parallax-content-15 .text-content h2{font-size:35px;letter-spacing:-2px} #parallax_02 .parallax-content-15 .text-content p span{font-size:12px;padding-left:6px;display:block} #parallax_02 .parallax-content-15 .text-content p a{font-size:10px;padding:6px 13px;margin-left:10px;margin-top:5px} #parallax_03{padding:50px 0} #parallax_03 .parallax-content-15 em{font-size:12px;margin:0;margin-left:1px} #parallax_03 .parallax-content-15 .text-content h2{font-size:30px;letter-spacing:-1px} #parallax_03 .parallax-content-15 .text-content p span{font-size:12px;padding-left:1px;display:block} #parallax_03 .parallax-content-15 .text-content p a{font-size:10px;padding:6px 13px;margin-left:0;margin-top:5px} #parallax_04 .parallax-content-15 img.quote{width:20px} #parallax_04 .parallax-content-15 em{font-size:12px;margin:0 5px} #parallax_04 .parallax-content-15 h2{font-size:22px;margin:4px 0 7px;letter-spacing:-1px} #parallax_04 .parallax-content-15 p{font-size:10px} #parallax_04 .parallax-content-15 a.btn.btn-default{font-size:10px;padding:5px 20px} #banner-slider-demo-16 .text-content em{font-size:13px;margin:0;margin-bottom:-5px} #banner-slider-demo-16 .text-content h2{font-size:40px;letter-spacing:0px} #banner-slider-demo-16 .text-content p {margin:0} #banner-slider-demo-16 .text-content p span{font-size:14px;padding-left:2px} #banner-slider-demo-16 .text-content p a{font-size:9px;padding:5px 11px;margin-left:5px;margin-top:5px} .sticky-product .add-to-cart{position:static;margin:0;vertical-align:middle;display:inline-block} .slide3-1-new-content em{font-size:9px} .slide3-1-new-content h2{font-size:22px} .slide3-1-new-content hr{margin:5px 0;} .slide3-1-new-content a{font-size:8px} .img-desc-home3{margin-top:-88px;padding:0 25px} .img-desc-home3 h3{font-size:24px} .img-desc-home3 hr{width:90px;margin:15px 0} .img-desc-home3 p{font-size:15px} .img-desc-home3 a{font-size:15px} #banner-slider-demo-2-new .slide-1 em{font-size:12px;margin:0;margin-left:1px} #banner-slider-demo-2-new .slide-1 .text-content h2{font-size:30px;letter-spacing:-1px} #banner-slider-demo-2-new .slide-1 .text-content p span{font-size:12px;padding-left:1px;display:block} #banner-slider-demo-2-new .slide-1 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px} #banner-slider-demo-2-new .slide-2 em{font-size:12px;margin:0;margin-left:1px} #banner-slider-demo-2-new .slide-2 .text-content h2{font-size:30px;letter-spacing:-1px} #banner-slider-demo-2-new .slide-2 .text-content p span{font-size:12px;padding-left:1px;display:block} #banner-slider-demo-2-new .slide-2 .text-content a{font-size:10px;padding:6px 0;margin-left:0;margin-top:5px} #banner-slider-demo-17 .slide-1 em{font-size:12px;margin:0;margin-left:1px} #banner-slider-demo-17 .slide-1 .text-content h2{font-size:30px;letter-spacing:-1px} #banner-slider-demo-17 .slide-1 .text-content p span{font-size:12px;padding-left:1px;display:block} #banner-slider-demo-17 .slide-1 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px} #banner-slider-demo-17 .slide-2 em{font-size:12px;margin:0;margin-bottom:2px} #banner-slider-demo-17 .slide-2 .text-content h2{font-size:26px;letter-spacing:-1px} #banner-slider-demo-17 .slide-2 .text-content p span{font-size:12px;display:block} #banner-slider-demo-17 .slide-2 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px} .compare-popup{display:none} .store-switcher{text-align:center} .product-img-box .etalage:hover + .etalage-control + .product-view-zoom-area{display:none} a.quickview-icon{display:none} .product-view .product-img-box .etalage-control{visibility:visible} .product-view .product-img-box .etalage.vertical+.etalage-control a.etalage-prev{left:0} .header-container.type8:not(.sticky-header) .cart-area{right: 0px !important;} } @media (max-width:640px){ body.boxed .page{width:480px} .owl-middle-narrow .owl-controls{display:none!important} .homepage-grid-banner .grid1 .content h2{font-size:42.43px} .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px} .full-screen-slider .item > div.content > h2{font-size:36.17px;margin-bottom:10.8px} .full-screen-slider .item > div.content > p{font-size:15.07px;margin-bottom:21px} .full-screen-slider .item > div.content > a.btn-default{font-size:10px;padding:11px 32px;border-radius:5px} .full-screen-slider .item > div.content.content-3{margin-top:-57px} .owl-item-links-block{display:none} .slide3-2-content em{font-size:10px;margin-left:1px;margin-bottom:1px} .slide3-2-content h2{font-size:28px;margin-bottom:1px} .slide3-2-content p{font-size:16px;margin-bottom:10px} .slide3-2-content a{font-size:11px} .slide3-2-content a>i{width:10px;height:10px;line-height:9px;font-size:9px;margin-bottom:1px;margin-left:4px} #banner-slider-demo-1 .slide1-content img.quote{width:15px} #banner-slider-demo-1 .slide1-content em{font-size:14px;margin:0 3px} #banner-slider-demo-1 .slide1-content h2{font-size:38px;margin:1px 0 5px} #banner-slider-demo-1 .slide1-content p{font-size:14px} #banner-slider-demo-1 .slide2-content em{font-size:14px;margin-left:3px} #banner-slider-demo-1 .slide2-content h2{font-size:39px;margin:0 0 5px} #banner-slider-demo-1 .slide2-content p{font-size:8px;margin-left:4px;margin-bottom:15px} #banner-slider-demo-1 .slide2-content p span.split{margin:0 7px 0 8px} #banner-slider-demo-1 .slide2-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px} #banner-slider-demo-1 .slide3-content em{font-size:14px} #banner-slider-demo-1 .slide3-content h2{font-size:38px;margin-bottom:8px} #banner-slider-demo-1 .slide3-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px} #banner-slider-demo-14 .slide1-content img.quote{width:15px} #banner-slider-demo-14 .slide1-content em{font-size:14px;margin:0 3px} #banner-slider-demo-14 .slide1-content h2{font-size:30px;margin:1px 0 3px} #banner-slider-demo-14 .slide1-content p{font-size:12px} #banner-slider-demo-14 .slide2-content em{font-size:12px;margin-left:2px} #banner-slider-demo-14 .slide2-content h2{font-size:30px;margin:0 0 3px} #banner-slider-demo-14 .slide2-content p{font-size:5px;margin-left:4px;margin-bottom:10px} #banner-slider-demo-14 .slide2-content p span.split{margin:0 7px 0 8px} #banner-slider-demo-14 .slide2-content a.btn-default{font-size:8px;width:60px;height:18px;line-height:18px;padding:0;margin-right:1px} #banner-slider-demo-14 .slide3-content em{font-size:12px} #banner-slider-demo-14 .slide3-content h2{font-size:30px;margin-bottom:5px} #banner-slider-demo-14 .slide3-content a.btn-default{font-size:8px;width:60px;height:18px;line-height:18px;padding:0;margin-right:1px} #banner-slider-demo-13 .slide1-content img.quote{width:15px} #banner-slider-demo-13 .slide1-content em{font-size:14px;margin:0 3px} #banner-slider-demo-13 .slide1-content h2{font-size:38px;margin:1px 0 5px} #banner-slider-demo-13 .slide1-content p{font-size:14px} #banner-slider-demo-13 .slide2-content em{font-size:14px;margin-left:3px} #banner-slider-demo-13 .slide2-content h2{font-size:39px;margin:0 0 5px} #banner-slider-demo-13 .slide2-content p{font-size:8px;margin-left:4px;margin-bottom:15px} #banner-slider-demo-13 .slide2-content p span.split{margin:0 7px 0 8px} #banner-slider-demo-13 .slide2-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px} #banner-slider-demo-13 .slide3-content em{font-size:14px} #banner-slider-demo-13 .slide3-content h2{font-size:38px;margin-bottom:8px} #banner-slider-demo-13 .slide3-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px} .footer-container.fixed-position .footer-bottom address{display:none} .footer-container.fixed-position .footer-bottom{text-align:center} .footer-container.fixed-position .footer-bottom .social-icons{display:inline-block;float:none} .header-container .top-links-icon{display:inline-block} .header-container.type1 .links,.header-container.type2 .links,.header-container.type3 .links,.header-container.type4 .links,.header-container.type6 .links,.header-container.type14 .links,.header-container.type7 .links,.header-container.type13 .links,.header-container.type9 .links,.header-container.type10 .links{display:none;position:absolute;right:0;z-index:9;background-color:#fff !important;border-radius:3px;margin:0;padding:5px 0;text-align:right;border:1px solid #ccc} .header-container.type1 .links li,.header-container.type2 .links li,.header-container.type3 .links li,.header-container.type4 .links li,.header-container.type6 .links li,.header-container.type14 .links li,.header-container.type7 .links li,.header-container.type13 .links li,.header-container.type9 .links li,.header-container.type10 .links li{display:block;border:0;padding:0} .header-container.type1 .links li a,.header-container.type2 .links li a,.header-container.type3 .top-links ul.links li a,.header-container.type4 .links li a,.header-container.type6 .links li a,.header-container.type14 .links li a,.header-container.type7 .links li a,.header-container.type13 .links li a,.header-container.type9 .top-links ul.links li a,.header-container.type10 .top-links ul.links li a{color:#777 !important;white-space:nowrap;padding:0 10px;display:block;transition:all 0.2s;font-weight:400} .header-container.type1 .links li:hover a,.header-container.type2 .links li:hover a,.header-container.type4 .links li:hover a,.header-container.type6 .links li:hover a,.header-container.type14 .links li:hover a,.header-container.type7 .links li:hover a, .header-container.type13 .links li:hover a{background-color:#ccc !important;color:#fff !important;text-decoration:none} .header-container.type8 .header{padding:20px 0} .header-container.type8 .top-links-area{margin:13px 0 30px} .header-container.type8 .menu-icon{margin:0 15px 0 10px} .header-container.type8 .switcher-area{display:block;margin-right:15px} .header-container.type8 .header .form-search{right:-30px} .header-container.type8 .header .form-search:before{right:35px} .category-boxed-banner .banner-text a.shop-now{margin-left:10px;font-size:9px} .full-width-image-banner{height:200px} .full-width-image-banner .content{margin-top:-16px} .full-width-image-banner h2{margin:0;font-size:30px;line-height:1.1} .full-width-image-banner p{display:none} #banner-slider-demo-11 .content-1{padding:11px 7px 5px;margin-left:-53px;margin-top:-32px} #banner-slider-demo-11 .content-1>div:first-child{padding-right:2px} #banner-slider-demo-11 .content-1 p{font-size:7px;margin-left:2px} #banner-slider-demo-11 .content-1 h3{font-size:22px} #banner-slider-demo-11 .content-1 h3 b{margin-top:-6px} #banner-slider-demo-11 .content-1 em{font-size:6px;margin-right:1px} #banner-slider-demo-11 .content-1 h4{font-size:12px} #banner-slider-demo-11 .content-1 h5{font-size:6px;margin-top:-1px} #banner-slider-demo-11 .content-2{right:8px;bottom:8px} #banner-slider-demo-11 .content-2>div{padding:3px 6px} #banner-slider-demo-11 .content-2>div:first-child{margin:-1px 0;padding-left:9px} #banner-slider-demo-11 .content-2 p{font-size:7px;margin-left:1px} #banner-slider-demo-11 .content-2 h3{font-size:16px} #banner-slider-demo-11 .content-2 em{font-size:6px;margin-right:1px} #banner-slider-demo-11 .content-2 h4{font-size:12px} #banner-slider-demo-11 .content-2 h5{font-size:6px;margin-top:-1px} #banner-slider-demo-11 .content-2 a{font-size:6px;margin-right:-3px} .header-container.type11 .header-right-area > div:first-child{display:block;margin-bottom:40px} .checkout-progress li{width: 49%} .sticky-product{display:none !important} .category-products .products-grid.flex-grid .item .details-area .actions a.addtocart{padding:0;width:40px} .category-products .products-grid.flex-grid .item .details-area .actions a.addtocart span{display:none} } @media (max-width: 590px){ .header-container.type8.sticky-header .cart-area{right: 15px !important;} } @media (max-width:480px){ .header-container.type15 .cart-area { margin-top: 0; } .category-products .products-grid.flex-grid .item .details-area .actions{margin:0 -20px} .item .details-area .actions a.addtowishlist,.item .details-area .actions a.comparelink{display:none} body.boxed .page{width:320px} .add-to-cart button.button{width:110px} .add-to-cart button.button span{font-size:11px} .toolbar .pager{float:left;margin-right:10px;margin-left:-10px} .sorter .limiter{float:left} .pager .pages{float:left} .col-main .category-products .products-list li.item .item-area{text-align:center} .products-list .product-image-area{width:280px;display:inline-block;float:none} .products-list .details-area{margin-left:0;text-align:left} .category-banner .banner-text h2{font-size:14px} .category-boxed-banner .banner-text h2{font-size:14px} .col1-layout .product-view .product-info{float:none;width:auto;border-bottom:1px solid #ebebeb} .col1-layout .product-options{float:none;width:auto;border-bottom:1px solid #ebebeb} .col1-layout .product-view .product-options + div.clearer,.col1-layout .product-view .product-info + div.clearer{border:0} .homepage-grid-banner .grid1 .content h2{font-size:25px} .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px} .slider-with-side .slider-area .item .content .text-area p{display:none} .slider-with-side .slider-area .item .content .ribbon{right:3px;top:1px} .slider-with-side .slider-area .item .content .ribbon em{font-size:6px;margin-right:22px} .slider-with-side .slider-area .item .content .ribbon h3{font-size:14px;margin-right:2px} .slider-with-side .slider-area .item .content .ribbon h5{font-size:6px;margin-top:-1px} .slide3-1-content p{margin-bottom:3px;font-size:8px} .slide3-1-content h2{font-size:17px;margin-bottom:10px} .slide3-1-content .price-area{} .slide3-1-content .price-area em{font-size:7px} .slide3-1-content .price-area em:first-child{margin-bottom:-2px} .slide3-1-content .price-area h3{font-size:21px} .slide3-1-content .button-area{padding-left:10px;margin-left:10px} .slide3-1-content a.btn-default{height:28px;font-size:11px;line-height:28px;padding:0 13px 0 15px;border-radius:3px} .slide3-1-content a.btn-default i{width:12px;height:12px;line-height:11px;font-size:9px;margin-bottom:2px;margin-left:8px} .slide3-2-content em{font-size:8px;margin-left:0;margin-bottom:0} .slide3-2-content h2{font-size:20px;margin-bottom:0} .slide3-2-content p{font-size:12px;margin-bottom:5px} .slide3-2-content a{font-size:11px} .slide3-2-content a>i{width:10px;height:10px;line-height:9px;font-size:9px;margin-bottom:1px;margin-left:4px} .parallax-wrapper.parallax-with-subscribe .parallax-slider p{display:none} .parallax-wrapper.parallax-with-subscribe .parallax-subscribe{margin-top:20px} .header-container.type1 .header .logo{margin:15px 0} .header-container.type1 .header .logo img{max-height:50px} .header-container.type1 .header-right-area{position:static;margin:0;margin-bottom:10px} .header-container.type1 .header-right-area>div:first-child{margin:30px 0} .header-container.type1 .header .form-search,.header-container.type2 .header .form-search,.header-container.type3 .header .form-search,.header-container.type4 .header .form-search,.header-container.type5 .header .form-search,.header-container.type6 .header .form-search,.header-container.type14 .header .form-search,.header-container.type7 .header .form-search,.header-container.type13 .header .form-search,.header-container.type8 .header .form-search,.header-container.type9 .header .form-search,.header-container.type10 .header .form-search{width:300px} .header-container.type2 .mybag-link .cart-info span{display:none} .header-container.type2 .mybag-link .cart-info span.cart-qty{display:inline-block} .header-container.type5 .header>.logo{margin:30px 0} .header-container.type5 .search-area{margin:35px 0} .header-container.type5 .menu-icon{margin:0 5px} .header-container.type5 .header .form-search{left:auto;right:-145px} .header-container.type5 .header .form-search:before{left:auto;right:140px} .ratings-table.data-table thead{display:none} .ratings-table.data-table tbody td{padding:15px 5px} .buttons-set button.button{float:none;width:100%;margin:0 0 5px} .parallax-category-banner .parallax{padding:30px 0} .parallax-content h2{font-size:25px} .parallax-content p{font-size:11px} .footer-bottom .custom-block{margin-left:0} .footer-bottom address{float:left;line-height:1.4;margin:5px 0} .full-width-image-banner{height:150px} .full-width-image-banner .content{margin-top:-13px} .full-width-image-banner h2{margin:0;font-size:24px;line-height:1.1} .full-width-image-banner p{display:none} .footer-top-subscribe .input-box{text-align:left;max-width:100%} .header-container.type1 .compare-link > a{margin-bottom:5px} .header-container.type1 .form-currency, .header-container.type1 .form-language{margin-bottom:5px} #banner-slider-demo-16 .text-content em{font-size:10px;margin-bottom:0} #banner-slider-demo-16 .text-content h2{font-size:25px;letter-spacing:0px} #banner-slider-demo-16 .text-content p {margin:0} #banner-slider-demo-16 .text-content p span{font-size:12px;padding-left:1px;display:block} #banner-slider-demo-16 .text-content p a{font-size:9px;padding:5px 11px;margin-left:0;margin-top:5px;float:left !important} .top-newsletter{display:none} .product-tabs>ul li{display:block;float:none} } @media (min-width:992px){ .header-container.type10 .mobile-nav.side-block { display: none !important; } .category-products .products-grid.flex-grid.columns2 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns2 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(4) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(5) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(4) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(5) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(4) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(5) .item-area{border-top-color:transparent} } @media (min-width:1200px){ .col-lg-2-4{width:20%} .col-lg-9-6{width:80%} .category-products .products-grid.flex-grid.columns2 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns2 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(4) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(4) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(5) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(4) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(5) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(6) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(4) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(5) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(6) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(7) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(4) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(5) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(6) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(7) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(8) .item-area{border-top-color:transparent} } @media screen and(-ms-high-contrast: active),(-ms-high-contrast: none){ .rating-box{width:65px;height:12px;font-size:0;line-height:0;text-indent:-999em;overflow:hidden;position:relative} .rating-box:before{font-family:"porto";content:"\e852\20\e852\20\e852\20\e852\20\e852";width:65px;height:12px;color:#ddd;display:inline;font-size:11px;line-height:12px;white-space:nowrap} .rating-box .rating{float:left;height:12px;position:absolute;left:0;top:0;overflow:hidden} .rating-box .rating:before{font-family:"porto";content:"\e852\20\e852\20\e852\20\e852\20\e852";width:65px;height:12px;color:#ffc600;display:inline;font-size:11px;line-height:12px;white-space:nowrap} } .owl-top-narrow #category-slider-demo-7 .owl-controls { right: -2px; } .header .demo-tooltip,.footer .demo-tooltip { position: absolute; right: 15px; top: 5px; z-index: 9; width: 20px; } .header-container.sticky-header .header .demo-tooltip { display: none; } .footer .demo-tooltip { top: -20px; } a.tooltip-icon { border: 1px solid #fff; color: #fff; border-radius: 50%; display: block; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-animation: tooltip-animation 1s ease-in infinite; -moz-animation: tooltip-animation 1s ease-in infinite; -ms-animation: tooltip-animation 1s ease-in infinite; animation: tooltip-animation 1s ease-in infinite; } .header-container.type2 a.tooltip-icon,.header-container.type3 a.tooltip-icon,.header-container.type4 a.tooltip-icon,.header-container.type5 a.tooltip-icon,.header-container.type6 a.tooltip-icon,.header-container.type7 a.tooltip-icon,.header-container.type8 a.tooltip-icon { color: #000; border-color: #000; } .tooltip-popup { position: absolute; right: -10px; top: 30px; width: 300px; background-color: #111; box-shadow: 0 0 8px rgba(255,255,255,.5); padding: 20px; border-radius: 10px; font-size: 12px; line-height: 1.4; color: #fff; text-align: left; } .tooltip-popup h4 { font-size: 16px; color: #fff; } .tooltip-popup p { margin-bottom: 10px; color: #fff; } .tooltip-popup em { font-size: 10px; } a.tooltip-close { position: absolute; right: 10px; top: 10px; color: #fff; } .footer-middle>.container { position: relative; } /* tooltip for demo */ @-webkit-keyframes tooltip-animation { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes tooltip-animation { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes tooltip-color { 0% { color: #fff; } 50% { color: #333; } 100% { color: #fff; } } @keyframes tooltip-color { 0% { color: #fff; } 50% { color: #333; } 100% { color: #fff; } } @-webkit-keyframes tooltip-color-white { 0% { color: #444; } 50% { color: #fff; } 100% { color: #444; } } @keyframes tooltip-color-white { 0% { color: #444; } 50% { color: #fff; } 100% { color: #444; } } .onepage-category { display: flex; flex-wrap: wrap; } .onepage_category_ajax_loader { position: absolute; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); z-index: 4; } .onepage-category > .category-list { width: 80px; text-align: left; position: relative; float: left; background: #000; padding: 46px 0 146px 0; z-index: 5; } .onepage-category > .category-list > ul { position: relative; z-index: 2; list-style: none; padding: 0; transition: all 0.3s; padding-top: 30px; } .onepage-category > .category-list > ul > li { margin-bottom: 0; } .onepage-category > .category-list > ul > li:last-child { margin-bottom: 0; } .onepage-category > .category-list > ul > li > a { color: #fff; width: auto; line-height: 78px; display: inline-block; white-space: nowrap; position: relative; } .onepage-category > .category-list > ul > li > a > em { font-size: 25px; width: 80px; display: inline-block; text-align: center; vertical-align: middle; } .onepage-category > .category-list > ul > li > a > em > img { vertical-align: middle; max-width: 80px; } .onepage-category > .category-list > ul > li > a > span { display: inline-block; vertical-align: middle; opacity: 0; visibility: hidden; width: 0; transition: all 0.3s; font-size: 16px; font-weight: 600; position: relative; overflow: hidden; } .onepage-category > .category-list > ul > li > a:after { content: ""; width: 16px; height: 16px; position: absolute; display: block; right: -15px; top: 50%; margin-top: -8px; border: 8px solid transparent; transition: all 0.3s; } .onepage-category > .category-list > ul > li > a:hover, .onepage-category > .category-list > ul > li > a.active { background-color: #00d59d; } .onepage-category > .category-list > ul > li > a:hover > span { opacity: 1; visibility: visible; width: auto; padding-right: 50px; } .onepage-category > .category-list > ul > li > a:hover:after, .onepage-category > .category-list > ul > li > a.active:after { border-left-color: #00d59d; } .onepage-category > .category-details { float: right; width: calc(100% - 80px); padding: 0 100px; padding-bottom: 146px; } .onepage-category .category-detail { position: relative; } .onepage-category .category-detail .title-menu { position: relative; } .onepage-category .category-detail .title-menu > a { font-size: 26px; color: #000; text-decoration: none; line-height: 100px; display: inline-block; font-weight: 300; margin-top: 70px; } .onepage-category .category-detail .title-menu > a > span { display: inline-block; vertical-align: middle; } .onepage-category .category-detail .title-menu > a.parent:after { display: inline-block; content: "\e81c"; font-family: "porto"; margin-left: 18px; font-size: 18px; vertical-align: middle; line-height: 36px; } .onepage-category .category-detail .title-menu > a.parent.opened:after { content: "\e81b"; } .onepage-category .category-detail .title-menu > .menu-popup { position: absolute; left: -25px; top: 100%; display: none; width: calc(100% + 50px); z-index: 3; background-color: #fff; border: 1px solid #bebebe; border-radius: 5px; padding: 50px 0; } .onepage-category .category-detail .title-menu > .menu-popup:before { content: ""; border: 8px solid transparent; width: 16px; height: 16px; display: block; border-bottom-color: #bebebe; position: absolute; top: -16px; left: 90px; } .onepage-category .category-detail .title-menu > .menu-popup:after { content: ""; border: 7px solid transparent; width: 14px; height: 14px; display: block; border-bottom-color: #fff; position: absolute; top: -13px; left: 91px; } .onepage-category .category-detail .menu-popup ul { list-style: none; padding: 0; margin: 0; } .onepage-category .category-detail .menu-popup > ul { display: flex; flex-wrap: wrap; } .onepage-category .category-detail .menu-popup > ul > li { float: left; border-left: 1px solid #bebebe; margin: 10px 0; padding: 30px 0; } .onepage-category .category-detail .menu-popup > ul.columns5 > li { width: 20%; padding-left: 4%; padding-right: 4%; } .onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(5n+1) { border-left: 0; clear: left; } .onepage-category .category-detail .menu-popup ul > li> a { color: #000; font-size: 16px; line-height: 2.5; } .onepage-category .category-detail .menu-popup > ul > li> a { font-weight: 700; text-transform: uppercase; } .onepage-category .category-detail .products-area { margin: 0 -10px; } .onepage-category .category-detail .products-area .category-link { float: right; margin-top: -70px; margin-right: 10px; position: relative; z-index: 2; min-width: 119px; height: 40px; border: 2px solid #000; color: #000; border-radius: 5px; line-height: 36px; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 600; } .onepage-category .category-detail .products-area .category-link:hover { background-color: #000; color: #fff; } .onepage-category .category-detail .products div.item { float: left; padding: 10px; } .onepage-category .category-detail .products div.item .item-area { width: 100%; position: relative; } .onepage-category .category-detail .product-image-area { border: 0; padding: 0; border-radius: 0; } .onepage-category .category-detail .products div.item .product-image { width: 100%; min-height: 60px; display: block; position: relative; z-index: 0; overflow: hidden; border-radius: 0; background: #fff; } .onepage-category .category-detail .products .owl-item.loading { background: transparent; } .onepage-category .category-detail .products .owl-item.loading div.item .product-image { background-image: url(https://www.gala.ad/skin/frontend/smartwave/porto/images/ajax_loader.gif); background-repeat: no-repeat; background-position: center center; } .onepage-category .category-detail .products div.item .product-image img { width: 100%; transition: opacity 0.3s; } .onepage-category .category-detail .products div.item .product-image img.defaultImage { opacity: 1; filter: alpha(opacity=100); } .onepage-category .category-detail .products div.item .product-image img.hoverImage { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); } .onepage-category .category-detail .products div.item .product-image-area:hover .product-image img.defaultImage { opacity: 0; filter: alpha(opacity=0); } .onepage-category .category-detail .products div.item .product-image-area:hover .product-image img.hoverImage { opacity: 1; filter: alpha(opacity=100); } .onepage-category .category-detail .products div.item .details-area { padding: 15px 0; text-align: left; } .onepage-category .category-detail .products div.item .details-area .product-name { margin: 0 0 3px 0; } .onepage-category .category-detail .products div.item .details-area .product-name a { font-size: 14px; font-weight: 600; color: #000; } .onepage-category .category-detail .products div.item .details-area .price { font-weight: 300; font-size: 30px; } .onepage-category .category-detail .products div.item .details-area .old-price .price { font-size: 20px; } .onepage-category .category-detail .product-image-area:before { content: ""; display: block; background: #000; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; visibility: hidden; transition: all 0.3s; } .onepage-category .category-detail .item-area:hover .product-image-area:before { opacity: 0.7; visibility: visible; } .onepage-category .category-detail a.quickview-icon { position: absolute; top: 50%; margin-top: -18px; text-align: center; width: 100%; background: none; text-transform: uppercase; } .onepage-category .category-detail a.quickview-icon span { margin-left: 8px; font-weight: 600; } .onepage-category .category-detail .product-image-area .actions { padding: 0 15px; z-index: 3; } .onepage-category .category-detail .product-image-area .actions a { background-color: transparent; border-color: #fff; color: #fff; width: 50px; height: 50px; line-height: 48px; font-size: 18px; margin: 0 1px; } .onepage-category .category-detail .product-image-area .actions a.addtocart i.icon-cart { font-size: 21px; } .onepage-cat.category-list { margin: -20px 0 -50px; } .onepage-cat.category-list + .main.container { float: left; width: calc(100% - 80px); padding: 0 100px; } .onepage-category > .category-list > ul.fixed-top { position: fixed; left: 0; top: 70px; } .onepage-category > .category-list > ul.fixed-bottom { position: fixed; left: 0; bottom: 0; } .onepage-category > .category-list > ul.absolute-bottom { position: absolute; top: auto; bottom: 0; } .onepage-category .additional-content img { max-width: 100%; } .onepage-category .menu-popup a > span { position: relative; } .onepage-category .menu-popup a > span > span.cat-label { top: 3px; right: -35px; font: inherit; font-size: 9px; padding: 2px; z-index: 1; border-radius: 2px; line-height: 1; border: 1px solid #777; position: absolute; } #banner-slider-demo-19 .slide-content h2 { font-size: 80px; font-weight: 800; line-height: 0.9; letter-spacing: -6px; margin-left: -5px; } #banner-slider-demo-19 .slide-content p { font-size: 20px; margin-bottom: 50px; font-weight: 300; } #banner-slider-demo-19 .slide-content a.btn-line { color: #000; font-size: 14px; font-weight: 700; border: 2px solid #000; padding: 0 34px; height: 57px; display: inline-block; line-height: 53px; border-radius: 8px; text-decoration: none; } #banner-slider-demo-19 .slide-content a.btn-line:hover { color: #fff; background-color: #000; } .category-description img { max-width: 100%; } @media(max-width:1199px) { #banner-slider-demo-19 .slide-content h2 { font-size: 40px; line-height: 0.9; letter-spacing: -3px; margin-left: -2.5px; } #banner-slider-demo-19 .slide-content p { font-size: 12px; margin-bottom: 20px; } #banner-slider-demo-19 .slide-content a.btn-line { font-size: 10px; padding: 0 16px; height: 30px; line-height: 26px; border-radius: 4px; } } @media(max-width:1199px) { .onepage-cat.category-list + .main.container { padding: 0 50px; } .onepage-category .category-detail .menu-popup ul > li> a { font-size: 11px; } .onepage-category .category-detail .menu-popup > ul.columns5 > li { padding: 10px 2%; } .onepage-category .category-detail .title-menu > .menu-popup { padding: 10px 0; } .onepage-category .category-detail .title-menu > a { margin-top: 46px; } } @media(max-width:767px) { .onepage-category { display: block; } .onepage-category > .category-list { width: auto; float: none; padding: 0; } .onepage-category > .category-list > ul { padding: 0; } .onepage-category > .category-list > ul > li { margin: 0; display: inline-block; } .onepage-category > .category-list > ul > li > a:hover > span,.onepage-category > .category-list > ul > li > a:after { display: none; } .onepage-cat.category-list + .main.container { float: none; } .onepage-cat.category-list + .main.container { padding: 0 15px; } .onepage-cat.category-list + .main.container { width: auto; } .onepage-category > .category-details { float: none; width: auto; padding: 0 15px; } .onepage-category > .category-list > ul { position: static !important; } .onepage-category .category-detail .menu-popup > ul { display: block; } .onepage-category .category-detail .menu-popup > ul.columns5 > li { width: 50%; padding: 10px 15px; } .onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(5n+1) { border-left: 1px solid #bebebe; clear: none; } .onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(2n+1) { border-left: 0; clear: left; } .onepage-category .category-detail .menu-popup ul > li> a { font-size: 14px; } } .form-list .field { margin-left: 4%; } .form-list .fields .field:first-child { margin-left: 0; } .box { margin-bottom: 30px; } .box .box-title { margin: 0; } .product-tabs-container { position: fixed; left: 0; top: 0; width: 100%; padding: 15px 0; z-index: 1; background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); } .product-tabs-container.has-sticky-header { top: 45px; } .sticky-tab > li { display: inline-block; font-size: 13px; padding: 0 10px; } .sticky-tab > li:first-child { padding-left: 0; } .sticky-tab > li > a { color: #777; padding: 10px 0; } @media(max-width: 991px) { .product-tabs-container.has-sticky-header:not(.has-mobile-sticky-header) { top: 0; } .product-tabs-container.has-sticky-header.has-mobile-sticky-header { top: 110px; } } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* TOP HEADER */ .wrappermask { display: none; } /* SPINNER */ .full-screen-slider:after { content: "\e804"; } .spp-please-wait { opacity: 1 !important; font-size: 14px; position: relative; margin: 10px 0; float: left; padding-left: 18px; } .opc .buttons-set .please-wait:before, .spp-please-wait:before { font-family: 'porto'; content: "\e804"; position: absolute; top: 50%; left: 0; font-size: 20px; padding: 0; line-height: 0; transform: translateY(-50%) scale(0.9, 0.9); color: #999999; z-index: 0; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; margin: 0; } .spp-please-wait:before { margin-top: -13px; } .opc .buttons-set .please-wait img, .spp-please-wait img { display: none !important; } /* MESSAGES */ .opc .messages > li { display: flex; justify-content: center; position: relative; margin:0; } .opc .error-msg, .opc .success-msg, .opc .note-msg, .opc .notice-msg { min-height: 24px; padding: 15px; font-size: 14px; font-weight: 400; width: 100%; left: 0; top: 0; text-align: center; z-index: 999; border: none; border-radius: 0; position: relative; margin: 0; } .messages ul { margin:0; } .messages > li { display: flex; justify-content: center; position: fixed; margin:0; } .messages > li span { font-size: 14px; line-height: 19px; } .error-msg, .success-msg, .note-msg, .notice-msg { min-height: 24px; padding: 15px; font-size: 14px; font-weight: 400; width: 100%; left: 0; top: 0; text-align: center; z-index: 999; border: none; border-radius: 0; position: fixed; margin: 0; } .success-msg { background-color: #cb027c; color: white !important; } .note-msg, .notice-msg, .error-msg{ background-color:#fcf8e3 !important; color:#8a6d3b !important; } .success-msg ul,.success-msg ul li, .error-msg ul, .error-msg ul li{ padding: 0; margin: 0 !important; } /* BUTTONS */ button.btn-gf.button span { font-weight: bold; font-size: 12px; } button.btn-gf.button > span { background: #ffffff; border: 0; color: #1d1d1b; line-height: 20px; padding: 0; font-size: 11px; font-weight: bold; width: auto; } button.btn-gf.button { width: auto !important; } button.btn-gf.button:hover { opacity: 1; } .buttons-set .back-link { display: none; } /* HEADER */ .mybag-link { line-height: 1; display: inline-block; color: #ffffff; border-radius: 0; height: 45px; padding: 5px; text-transform: uppercase; text-align: center; max-width: 120px; } .header-container.type8 .mybag-link { height: auto; padding: 0; } .header-container.type8 .mybag-link .cart-info { position: absolute; top: -3px; right: -1px; background: #222222; color: #ffffff !important; font-size: 9px !important; min-width: 15px; height: 15px; border-radius: 50%; padding-right: 3px !important; padding-left: 4px; display: none; } .header-container.type8 .mybag-link .cart-info span.cart-qty { margin-right: 0px; margin-left: 1px; } .header-container.type8 .mybag-link .cart-info span { display: inline-block; font-size: 9px; line-height: 10px; font-weight: 700; text-transform: none; padding-right: 1px; } .header-container.type8 .mybag-link .cart-info.active { background: #cb027c; display: block; } .header-container.type8 .mybag-link .cart-info.active.qty-one span.cart-qty { margin-left: 1px; margin-right: 0; } .header-container.type8 .header .mini-cart .topCartContent { position: absolute; right: -8px; top: 40px; width: 300px; background-color: #ffffff; border-width: 5px; border-style: solid; border-color: #1d1d1b !important; z-index: 999; border-radius: 5px; color: #777777; box-shadow: none; margin-top: 10px; } .header-container.type8 { background: transparent; } /* HOME */ .block-subscribe .input-box { width: 400px; margin: auto; position: relative; } .block-subscribe .accept { padding-top: 10px; clear: both; } .block-subscribe .accept label { font-weight: 500; color: #222222; font-size: 13px; text-transform: uppercase; margin-bottom: 0; line-height: 18px; float: left; margin-left: 4px; padding-top: 2px; } span.label a, label a { color: #222222; font-weight: 600 !important; } /* BREADCRUMBS */ .top-container .container > .breadcrumbs { padding: 6px 0 6px 0; font-size: 12px; line-height: 1; color: #1d1d1b; background-color: transparent; text-transform: uppercase; position: absolute; left: 0; top: 0; letter-spacing: 1px; z-index: 2; } .breadcrumbs li, .breadcrumbs li a { white-space: normal; line-height: 21px; font-size: 10px; font-weight: 400; color: #222222; opacity: 0.5; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .breadcrumbs li a:hover { opacity: 1; } .breadcrumbs li strong { font-weight: 500; color: #222222; font-family: 'Open Sans', sans-serif; opacity: 1; } .breadcrumbs-split i { color: #888888; } .breadcrumbs .icon-right:before { content: '/'; } /* FORMS */ .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -16px; margin-top: 2px; } .checkbox { padding-left: 24px; } .checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 0; } .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 16px; height: 16px; left: -23px; transform: translateY(-50%); top: 50%; margin-top: 0px; border: 1px solid #d7d7d7; border-radius: 0; background-color: #ffffff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .checkbox label::after { display: inline-block; position: absolute; width: 15px; height: 15px; left: -20px; top: 50%; font-size: 10px; padding: 0; color: #555555; transform: translateY(-50%); line-height: 14px; } li.fields > .checkbox.checkbox-primary:first-child { margin-top: 0; } .checkbox input[type*='checkbox'] + label { font-size: 11px; text-align: left; margin-bottom: 0; padding-left: 0; display: block; min-height: 20px; color: #4b4b4b; } #checkbox.validation-failed + label:before { border: 1px solid #eb340a!important; background: #faebe7; } .checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after { font-family: "FontAwesome"; content: "\f00c"; margin-top: 0px; } .checkbox input[type="checkbox"], .checkbox input[type="radio"] { opacity: 0; z-index: 1; display: none; } .checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before { outline: thin dotted; outline: 1px auto pink; outline-offset: -2px; } .checkbox.checkbox-inline { margin-top: 0; } .checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before { background-color: #cb027c !important; border-color: #cb027c; } .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after { color: #ffffff; } .checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before { background-color: #d9534f; border-color: #d9534f; } .checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after { color: #ffffff; } .checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de; } .checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after { color: #ffffff; } .checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e; } .checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after { color: #ffffff; } .checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before { background-color: #5cb85c; border-color: #5cb85c; } .checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after { color: #ffffff; } .checkbox-primary input[type="checkbox"]:indeterminate + label::before, .checkbox-primary input[type="radio"]:indeterminate + label::before { background-color: #337ab7; border-color: #337ab7; } .checkbox-primary input[type="checkbox"]:indeterminate + label::after, .checkbox-primary input[type="radio"]:indeterminate + label::after { background-color: #ffffff; } .checkbox-danger input[type="checkbox"]:indeterminate + label::before, .checkbox-danger input[type="radio"]:indeterminate + label::before { background-color: #d9534f; border-color: #d9534f; } .checkbox-danger input[type="checkbox"]:indeterminate + label::after, .checkbox-danger input[type="radio"]:indeterminate + label::after { background-color: #ffffff; } .checkbox-info input[type="checkbox"]:indeterminate + label::before, .checkbox-info input[type="radio"]:indeterminate + label::before { background-color: #5bc0de; border-color: #5bc0de; } .checkbox-info input[type="checkbox"]:indeterminate + label::after, .checkbox-info input[type="radio"]:indeterminate + label::after { background-color: #ffffff; } .checkbox-warning input[type="checkbox"]:indeterminate + label::before, .checkbox-warning input[type="radio"]:indeterminate + label::before { background-color: #f0ad4e; border-color: #f0ad4e; } .checkbox-warning input[type="checkbox"]:indeterminate + label::after, .checkbox-warning input[type="radio"]:indeterminate + label::after { background-color: #ffffff; } .checkbox-success input[type="checkbox"]:indeterminate + label::before, .checkbox-success input[type="radio"]:indeterminate + label::before { background-color: #5cb85c; border-color: #5cb85c; } .checkbox-success input[type="checkbox"]:indeterminate + label::after, .checkbox-success input[type="radio"]:indeterminate + label::after { background-color: #ffffff; } .radio { padding-left: 20px; } .radio label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px !important; } .radio label span { line-height: 1em; } .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #8e8e8e; border-radius: 50%; background-color: #ffffff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } .radio label::after { position: absolute; display: block; content: " "; z-index: 200000000; overflow: hidden; width: 7px; height: 7px; left: 5px; top: 7px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } .radio input[type="radio"] { opacity: 0; z-index: 1; } .radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .radio input[type="radio"]:checked + label::after, .radio input[type="checkbox"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .radio input[type="radio"]:disabled + label, .radio input[type="checkbox"]:checked + label::after { opacity: 0.65; } .radio input[type="radio"]:disabled + label::before { cursor: not-allowed; } .radio.radio-inline { margin-top: 0; } .radio-primary input[type="radio"] + label::after, .radio input[type="checkbox"]:checked + label::after { background-color: #cb027c; } .radio-primary input[type="radio"]:checked + label::before, .radio input[type="checkbox"]:checked + label::before { border-color: #cb027c; } .radio-primary input[type="radio"]:checked + label::after, .radio input[type="checkbox"]:checked + label::after { background-color: #cb027c; } .radio-danger input[type="radio"] + label::after { background-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f; } .radio-info input[type="radio"] + label::after { background-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de; } .radio-warning input[type="radio"] + label::after { background-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e; } .radio-success input[type="radio"] + label::after { background-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c; } input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after { font-family: 'FontAwesome'; content: "\f00c"; } input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before { color: #ffffff; } input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after { color: #ffffff; } .sorter-block .btn-group.bootstrap-select { float: right; } .sorter-block .btn-group select, .my-account .pager select { border: none; height: auto; line-height: 1.1em; -webkit-appearance: none; -moz-appearance: none; color: #cb027c; padding: 0 10px 0 0; margin: 0; font-size: 13px; vertical-align: top; border-radius: 0; display: inline-block; cursor: pointer; background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_select.png) no-repeat center right transparent; } .sorter-block select::-ms-expand { display: none; } .selectbox { vertical-align: middle; cursor: pointer; margin-top: 0px; z-index: 1; text-transform: uppercase; height: 32px; } .selectbox .select { height: 32px; padding: 0 25px 0 15px; border: 2px solid #cccccc; border-radius: 19px; -moz-border-radius: 19px; -webkit-border-radius: 19px; } .selectbox .select .text { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #cb027c; font-size: 12px; line-height: 29px; font-weight: bold; } .selectbox .trigger { position: absolute; top: 0; right: 5px; width: 20px; height: 100%; font-size: 12px; } .selectbox .trigger i { display: block; margin-top: 8px; color: #cb027c; } input.input-text, textarea { padding: 8px; } .validation-advice { clear: both; float: left; min-height: 13px; margin: 4px 0 8px; padding-left: 0; font-size: 10px; font-weight: 400; line-height: 16px; color: #eb340a; letter-spacing: 0.3px; font-family: 'Open Sans', sans-serif; position: relative; } .validation-advice:before { content: " "; } .footer-newsletter .validation-advice { width: 100%; } /* SOCIAL ICONS */ .footer-social { padding: 30px 0; } .footer-social .social-icons-links { float: left; text-align: center; } .footer-social .social-icons-links { margin: 0 auto; float: none; display: flex; justify-content: center; padding: 0 15px; } .footer-social .social-icons-links > ul { flex-flow: row nowrap; display: flex; width: 100%; max-width: 312px; justify-content: space-between; } .social-icons-links ul li { float: none; width: 44px; height: 44px; display: flex; overflow: hidden; } .social-icons-links li.share-text { width: auto; text-align: right; line-height: 32px; font-size: 12px; margin-right: 5px; } .social-icons-links li a { width: 44px; height: 44px; display: block; background: transparent url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/social_icons_extra.png) 0 0 no-repeat; text-indent: -999px; } .social-icons-links li a { transition: none; } .social-icons-links li.facebook a { background-position: 0 0; } .social-icons-links li.twitter a { background-position: -52px 0; } .social-icons-links li.googleplus a { background-position: -104px 0; } .social-icons-links li.instagram a { background-position: -156px 0; } .social-icons-links li.email a { background-position: -208px 0; } .social-icons-links li.youtube a { background-position: -260px 0; } .social-icons-links li.linkedin a { background-position: -312px 0; } .social-icons-links li a:hover { background-position-y: -44px; } /* CUSTOMER AREA */ .block-account .block-title { font-family: 'Playfair Display', serif; } .block-account.block .block-content ul li a { font-size: 14px; line-height: 16px; } .block-account .block-title strong span { font-size: 32px; } .my-account .pager:last-child { display: none; } .customer-account-login .col-main { padding-bottom: 60px; } .form-wrap h2 { text-transform: none; } .form-list h3 { margin-top: 20px; } .form-wrap, #form-validate, #login-form { display: block; border-radius: 0; background: transparent; border: 0 !important; padding: 0; box-shadow: none; overflow: hidden; } .form-wrap h2, #form-validate h2{ font-family: 'Playfair Display', serif; font-weight: 700; font-size: 34px; line-height: 40px; color: #222222; margin-top: 5px !important; margin-bottom: 5px !important; text-transform: none; } .form-block { background: #ffffff; padding: 0; position: relative; margin-top: 40px; clear: both; margin-bottom: 15px; } .form-block ~ .form-block { margin-top: 20px !important; } .form-block a { text-align: left; } .form-list input.input-text { width: 100%; border-radius: 0; box-shadow: none; background-color: #ffffff; padding: 8px 8px 8px 10px; color: #696969; font-size: 15px; line-height: 20px; height: 50px; min-width: calc(100% - 150px); border: 1px solid #d7d7d7; vertical-align: top; position: relative; } .form-list .input-box.select-box:before { content: ""; display: block; position: absolute; right: 0; float: right; height: 50px; opacity: 0.5; width: 14px; background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_close.svg) 0 0px no-repeat; } .form-list select { box-shadow: none !important; width: 100%; height: 50px; background: #f7f7f7; border-radius: 0 !important; -webkit-appearance: none; padding: 8px 8px 8px 16px; border: 1px solid #d7d7d7; } .form-list select.validate-select, .form-list select.validate-passed { background-color: white; } .form-list label.select-formblock + .input-box:before { content: "\e82a"; width: auto; height: auto; display: block; border: 0; font-family: 'porto'; position: absolute; right: 18px; border-radius: 3px; text-align: center; line-height: 50px; background-color: transparent; font-size: 11px; pointer-events: none; } .form-list label[for*="billing"].select-formblock + .option-selected.input-box:before, .form-list .input-filled.input-box:before { content: ""; display: block; position: absolute; right: 15px; float: right; height: 20px; opacity: 0.5; width: 14px; top: 18px; line-height: 50px; transform: scale(0.8); background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_checked.svg) 0 0px no-repeat; } .form-list textarea { width: 100%; border-radius: 0; box-shadow: none; border: 1px solid #d7d7d7; } button.button.register-button, button.button.login-button, button.button.continue-button { font-size: 16px; padding: 15px 34px; margin-top: 15px; margin-left: 7px; border-radius: 30px; -webkit-box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.8); box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.8); background-color: #cb027c; color: #ffffff; vertical-align: top; font-weight: 600; } button.button.register-button span, button.button.login-button span, button.button.continue-button span { background: none; display: inline; border: 0; background: transparent; padding: 0; font-weight: normal; font-size: 14px; text-align: center; color: #ffffff; line-height: 1.2em; border-radius: 0; float: left; } button.button:hover span { opacity: 1; filter: alpha(opacity=100); } .buttons-set { clear: both; text-align: right; position: relative; display: block; margin: 0; padding: 0; vertical-align: top; overflow: hidden; width: 100%; height: 100%; top: 0 !important; float: left; } .buttons-set .btn-general { top: 0; margin: 0; } .extra-form-block { position: relative !important; display: block; } .new-users .extra-form-block { margin: 0; padding: 0; } .textbase-link { width: 100%; text-align: left; text-decoration: underline; font-size: 12px; opacity: 0.6; } .textbase-link:hover { opacity: 1; text-decoration: underline; } label { margin: 0; vertical-align: middle; color: #9c9c9b; font-size: 13px; font-weight: normal; } .form-list li.control label { float: none; margin: 0; line-height: 1em !important; display: block; vertical-align: middle; font-size: 13px; position: relative; clear: both; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin: 4px 2px 0 0; } .form-list li.control label:before { border: 1px solid #d7d7d7; } .form-list .customer-name .field { float: left; clear: both; margin: 0; width: 100%; } .form-list .customer-name .field { margin-left: 0%; } /* SENDFRIEND */ .send-friend .form-list { max-width: 615px; margin: 0 auto; overflow: hidden; } .send-friend .form-list li.wide textarea { width: 90%; } /* ACCOUNT DASHBOARD */ .customer-area .main-account-container { min-height: 600px; } .dashboard .welcome-msg { background: #cb027c; border: 0; border-radius: 2px 2px 0 0; color: white; margin: 0; line-height: 1.4em; font-weight: 600; font-size: 1em; padding: 25px 25px; } .dashboard .welcome-msg p.hello { float: left; padding-right: 5px; display: block; width: 100%; font-size: 1.2em; padding-bottom: 0.8em; } .customer-area.customer-account .main-container { padding: 40px 0 0 0; min-height: 600px; } .customer-area .box-account .box-account { padding: 0; } .customer-area .box-account .box-account tr th { background: transparent; } .customer-area .box-account .box-account tr { border-bottom: 1px solid #222222; padding-bottom: 5px; } #my-orders-table .price { text-align: right; float: right; } .customer-area .data-table .nobr a { font-size: 14px; opacity: 0.6; font-weight: 400; } .customer-area .data-table .nobr a:hover { opacity: 1; } .customer-area .data-table .nobr a[class*="reorder"] { color: #cb027c; } .customer-account .page-title h1 { font-size: 40px; margin: 0; color: #1d1d1b; width: 100%; text-align: left; font-weight: 600; margin-bottom: 20px; } .box-account { margin: 0; } table#my-orders-table { position: relative; display: table; } table#my-orders-table td.view.last { text-align: left !important; } .customer-area .block-account .block-content img { width: 18px; height: 18px; } .my-account .pager { margin-top: 0; padding-top: 0; top: 0; margin-bottom: 40px; } .my-account .pager:last-child { display: none; } .rewardpoints-name-img { line-height: 19px; } .rewardpoints-name-img img { width: 27px; height: 27px; float: right; vertical-align: middle; margin: 4px 0 0 4px; } .block-account ul li strong:before, .block-account ul li a:before { display: none; } .block-account ul li { padding: 8px 3px 8px 0; position: relative; line-height: 1.3; border-bottom: 0; } .block-account ul li.current, .block-account ul li.current strong { text-decoration: underline; color: #cb027c; } .box-account .box-head h2, .form-wrap h3, .form-list h3 { float: left; margin: 0; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 20px; color: #1d1d1b; line-height: 24px; margin-top: 5px !important; margin-bottom: 5px !important; } .form-wrap h3, .form-list h3 { margin-bottom: 15px !important; } .registered-users h3, .new-users h3 { display: none; } .box-account .box-head { margin: 0 0 10px 0; text-align: left; line-height: 1.4; } .box-account .box-head a, .customer-account .box .box-title a { line-height: 2.8; color: #cb027c; padding-left: 10px; display: inline-table; } .box-account .box-head a { float: right; clear: right; } .box-account { margin: 64px 0 0 0; } .box-account .box-account { padding: 0 0 10px; background-color: #ffffff; margin: 0; } .welcome-msg + .box-rewardpoints-summary{ margin-top: 24px; } .box-account .edit-actions, .box-account .edit-actions a, .box .edit-actions, .box .edit-actions a { color: #cb027c; } .dashboard .col2-set { margin: 0; } .box { margin-bottom: 0; } .box .box-title { padding: 25px 15px 15px; border: 0; background-color: #ffffff; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; position: relative; border-radius: 0; } .rewardpoints-index-index .box-account.box-info.box-rewardpoints-summary { border: 0; } .box-account.box-recent { overflow: hidden; display: block; min-height: 100%; height: auto !important; position: relative; max-height: 100%; } .box .box-content { background-color: #f7f7f7; padding: 15px; border: 0; border-top: 0; border-radius: 0; min-height: 125px; } .box-account .box .box-content, .box-account .box .box-title { padding: 15px; } .box .box-content, .box .box-content p, .box .box-content a, .box-rewardpoints-summary .info-summary p, .box-rewardpoints-summary .info-summary a { font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0; line-height: 18px; margin-top: 0 !important; margin-bottom: 0 !important; } .box-rewardpoints-summary .info-summary p { line-height: 35px; } .box-rewardpoints-summary .info-summary strong { font-weight: 400; } .box-rewardpoints-summary .info-summary .rewardpoints-title { font-size: 14px; font-weight: 600; line-height: 18px; text-transform: uppercase; margin: 0; color: #222222; margin-top: 50px; font-family: 'Open Sans', sans-serif; } .box-rewardpoints-summary .info-summary .rewardpoints-title, .box-rewardpoints-summary .info-summary .rewardpoints-title-content { display: block; position: relative; max-width: 500px; } .box .box-content p { padding-bottom: 20px } .box h3, .box h4 { font-size: 14px; font-weight: bold; line-height: 18px; text-transform: uppercase; margin: 0; color: #1d1d1b; } .box .box-title h3, .box .box-title h4 { float: left; font-size: 14px; font-weight: 600; line-height: 18px; text-transform: uppercase; margin: 0; color: #222222; font-family: 'Open Sans', sans-serif; } .customer-area .box-account .data-table tbody td.view span a { width: auto; font-size: 10px; } .customer-area .my-account a:not([class*="img"]) { font-size: 12px; font-family: 'Open Sans', sans-serif; opacity: 0.8; } .customer-area .my-account a:not([class*="img"]):hover { opacity: 1; } .box address { text-align: left; margin: 0 0 20px 0; } .top-buttons-set.buttons-set { clear: both; margin: 15px 0 0; opacity: 1 !important; padding: 0 0 8px; text-align: right; } .addresses-list .box { margin-bottom: 20px; } .addresses-list li.item { border: none; border-radius: 0; padding: 0; margin: 0; list-style: none; } .addresses-list a { font-weight: normal; } .addresses-list li.empty p { font-weight: 500; opacity: 0.6; } .my-account .addresses-list .addresses-additional .btn-general { min-width: 100%; } .my-account .form-block:nth-of-type(1) .form-list:nth-of-type(1), .my-account .form-block:nth-of-type(1) { margin-top: 0 !important; } .data-table.orders tbody tr.selected { background-color: #d4d4d4; } .order-detail a:hover { cursor: pointer; } /* CART */ .data-table thead th { background-color: transparent; } .data-table thead th { font-weight: 600; padding: 4px 0 !important; color: #3e3e3e; white-space: nowrap; vertical-align: middle; font-size: 10px; text-transform: uppercase; } .data-table thead th { text-align: center; } .data-table.orders thead th, .box-account .data-table thead th { text-align: left; padding: 15px 10px !important; } .data-table thead th, .cart .cart-collaterals h4 { padding: 0 0 4px 0; } .data-table thead tr { border: 0; } .customer-account-index.customer-account .data-table thead tr { background-color: #f7f7f7; } .data-table span.nobr, .customer-area .box-account th { font-family: 'Open Sans', sans-serif; font-size: 10px; color: #3e3e3e; text-transform: uppercase; opacity: 0.6; } .data-table.orders span.nobr { font-size: 13px; } .data-table.orders th span.nobr { font-size: 10px; } .customer-area .box-account .data-table tbody th, .customer-area .box-account .data-table tbody td, .customer-area .box-account .data-table tbody td span:not(.separator) { border-bottom: 0; border-right: 0; font-family: 'Open Sans', sans-serif; font-size: 12px !important; letter-spacing: 0; opacity: 1; font-weight: 500 !important; text-align: center; } .first.last th[colspan = '2'] { text-align: left; } .data-table thead th h4, .cart-collaterals h4 { font-weight: 600; padding: 0; color: #3e3e3e; white-space: nowrap; vertical-align: middle; font-size: 16px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; text-align: left; margin: 0; } #checkout-review-table tr:not(:first-child) { border: none; border-top: 1px solid #eeeeee; } .data-table tbody tr + tr:last-child { border-bottom: none !important; } .data-table tbody th, .data-table tbody td { border-bottom: 0; border-right: 0; padding: 15px 10px; line-height: 1.3; } .data-table tbody th em, .data-table tbody td em { font-style: normal; } .data-table tbody th a, .data-table tbody td a, .data-table tbody td .separator { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #3e3e3e; font-weight: 600; text-transform: uppercase; line-height: 21px; } .data-table.orders tbody td a, .data-table.orders tbody td .separator { font-size: 10px; } .data-table.orders a.link-reorder { color: #cb027c; } .data-table td.last, .data-table th.last { border-right: 0; } .customer-area .box-account .data-table tbody td.date, .customer-area .box-account .data-table tbody td.date span { background-color: #cb027c; color: white !important; font-weight: 600 !important; } .customer-area .box-account .data-table tbody td.total span { color: #cb027c; } .customer-area .box-account .data-table tbody td.ship, .customer-area .box-account .data-table tbody td.total, .customer-area .box-account .data-table tbody td.status { background: #f9f9f9; } .customer-area .box-account .data-table tbody td.status { text-transform: uppercase; } .customer-area .box-account .data-table tbody td span.separator { display: inline-block; } .cart-table tbody tr { background-color: #ffffff; } #shopping-cart-table tbody tr:not(:nth-of-type(1)) { border-top: 1px dotted #f5f5f5; } /* MY ORDERS */ .data-table tfoot, .data-table tfoot tr, .data-table tfoot tr td { border: none !important; } #my-orders-table h3 { font-weight: 600; color: #3e3e3e; white-space: nowrap; vertical-align: middle; font-size: 1em; font-family: 'Open Sans', sans-serif; } .order-info-box { margin-top: 25px; } /* SHOPPING TOTALS */ .checkout-types .btn-general { float: right; padding: 0px; max-width: 176px; max-height: 60px; min-height: 60px; width: 100%; height: 100%; } .checkout-types button.btn-general[title^="Continue"] { float: left; } #opc-review #shopping-cart-totals-table tr:not(:first-child) { border-top: 1px solid #f3f3f3; } #shopping-cart-totals-table-footer .a-right { color: #ffffff; text-transform: uppercase; font-size: 16px; text-align: right !important; padding-right: 0; } #shopping-cart-totals-table-footer .a-right strong { font-size: 10px; color: #3e3e3e; line-height: 21px; font-weight: 400; } #shopping-cart-totals-table-footer .a-right .price { text-align: right !important; float: right; padding-right: 0; color: #cb027c; font-size: 26px; position: relative; font-weight: 700; } .cart .totals .price { text-align: right !important; float: right; font-size: 28px; color: #cb027c; font-weight: 600; line-height: 21px; } #shopping-cart-totals-table-footer .price span { font-weight: 600; font-size: 28px; color: #cb027c; line-height: 21px; } .cart .shipping { border-bottom: 1px solid #d7d7d7; } .cart .cart-collaterals h2 { padding: 0; margin: 0; font-size: 13px; font-weight: 100; text-transform: none; border: 0; background-color: #ffffff; color: #4a4a4a; position: relative; border-radius: 0; } .cart .cart-collaterals h2 + * { padding: 0; font-size: 13px; border: 0; border-top: 0; border-radius: 0; background-color: #ffffff; } .cart-collaterals form#discount-coupon-form { display: block; width: 100%; overflow: hidden; } .cart-collaterals .totals { display: block; width: 100%; margin-top: 20px; overflow: hidden; } .cart .totals td, #opc-review td { padding: 0 15px 15px 15px; vertical-align: top; color: #1d1d1b; } #shopping-cart-totals-table-footer td { padding: 15px; } #shopping-cart-totals-table p { font-size: 12px; color: #8a8a8a; margin: 0; } .cart button.button.btn-proceed-checkout { float: right; } button.button.btn-proceed-checkout { font-size: 16px; padding: 15px 34px; margin-top: 15px; margin-left: 7px; border-radius: 30px; -webkit-box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.8); box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.8); background-color: #cb027c; color: #ffffff; vertical-align: top; font-weight: 600; } button.button.btn-proceed-checkout span { background: none; display: inline; border: 0; background: transparent; padding: 0; font-weight: normal; font-size: 14px; text-align: center; color: #ffffff; line-height: 1.2em; border-radius: 0; float: left; } .customer-area button.btn-general { float: right; margin-right: 0; } .customer-area button.btn-general.btn-continue-shopping{ float: left; } .cart .cart-table-wrap { border: none; border-radius: 0; background: #ffffff; display: block; padding: 15px; margin-bottom: 20px; box-shadow: none; } .cart-table-wrap .cart-price .price { display: block; text-align: right; font-family: 'Open Sans', sans-serif; color: #1d1d1b; font-size: 20px; } .data-table input.qty { display: inline-block; vertical-align: middle; height: 38px; width: 40px !important; font-size: 15px; text-align: center; color: #4a4a4a; border: 0; padding: 0; background: none; font-family: 'Open Sans', sans-serif; margin: auto; } .data-table td.product-qty { display: table-cell; } .data-table .qty-holder { padding: 3px 20px; border-radius: 25px; background: none; height: 46px; display: inline-block; vertical-align: middle; margin-right: 0; width: auto; } .data-table .table_qty_inc, .data-table .table_qty_dec { width: 10px; height: 10px; display: inline-block; overflow: hidden; opacity: 0.2; cursor: pointer; border: none; padding: 0; margin: 0; vertical-align: middle; text-indent: -999px; } .data-table .table_qty_inc:hover, .data-table .table_qty_dec:hover { opacity: 0.7; } .data-table .table_qty_dec { background: transparent url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_minus_qty.png) 0 6px no-repeat; } .data-table .table_qty_inc { background: transparent url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_plus_qty.png) -4px -4px no-repeat; } .data-table button.button > span, button.button.btn-discount > span, button.button.btn-gf-small > span { background: #ffffff; border: 0; color: #1d1d1b; line-height: 20px; padding: 0; font-size: 11px; font-weight: bold; width: auto; } .cart-table .btn-empty:hover, .cart-table .btn-continue:hover, .cart-table .btn-update:hover, .btn-discount:hover { opacity: 1; } .cart-table .btn-empty span, .cart-table .btn-continue span, .cart-table .btn-update span, .btn-discount span { font-weight: bold; font-size: 12px; } .item-options dt { clear: both; float: left; } .item-options dt { font-weight: bold; font-style: normal; } .item-options dd { padding-left: 5px; margin: 0; } .gift-messages { display: block; position: relative; overflow: hidden; width: 100%; height: 100%; background: #f5f5f5; margin-top: 20px !important; padding: 20px; } @media (min-width: 1200px) { .customer-area .box-account .data-table tbody th, .customer-area .box-account .data-table tbody td, .customer-area .box-account .data-table tbody td span:not(.separator) { padding: 10px 10px; color: #222222; line-height: 18px; } .customer-area .box-account .box-account tbody tr { border-bottom: 1px solid #eeeeee; } .customer-area .box-account .data-table tbody td.date, .customer-area .box-account .data-table tbody td.date span { background-color: #cb027c; color: white !important; font-weight: 600 !important; } .customer-area .box-account .data-table tbody td.date { padding: 10px 0; } } @media (min-width: 992px) { .cart-table tbody td.pr-img-td { text-align: left; border-right: 0; width: auto; } } @media (max-width: 1199px) { .data-table.cart-table tbody tr { clear: both; display: table; padding: 25px 0; } .data-table.cart-table tbody td { display: table-cell; border-width: 0; text-align: center !important; } .data-table.cart-table tfoot tr.first td { padding-top: 15px; } .data-table.cart-table tbody tr.first td.action-td { top: 0; right: 0; position: relative; } .cart-table button.button { margin-bottom: 10px; margin-left: 0; } .cart-table button.button.btn-empty { margin-left: 16px; } .cart-table .qty-holder { margin: 0; } .my-account .data-table tbody tr { margin: 40px 0 0 0 !important; padding-top: 0; } .my-account .data-table tbody td { text-align: left; border-width: 0; min-height: 60px; line-height: 60px; display: inline-block; position: relative; overflow: hidden; width: 25%; float: left; padding: 0 15px; margin: 0; font-size: 13px; background-color: #f9f9f9; } .my-account .data-table tbody td:last-child, .my-account .data-table tbody td.number, .my-account .data-table tbody td.date { border-width: 0; min-height: 40px; line-height: 40px; position: relative; overflow: hidden; float: none; } .my-account .data-table tbody td.number { width: calc(100% - 90px); float: left; background: none; } .my-account .data-table tbody td.date { background-color: #cb027c; width: 90px; min-width: 90px; text-align: center; padding: 0; } .my-account .data-table tbody td.date span { font-size: 13px; color: white; font-weight: 600; } .my-account .data-table tbody td.ship { text-align: left; width: 50%; } .my-account .data-table tbody td.total { text-align: right !important; float: left; width: calc(50% - 100px); } .my-account .data-table tbody td.total span { float: right !important; text-align: right !important; color: #cb027c; font-size: 16px; } .my-account .data-table tbody td.total:before, .my-account .data-table tbody td.status:before { font-family: 'Open Sans', sans-serif; font-size: 20px; color: #222222; opacity: 0.3; font-weight: 300; text-transform: uppercase; content: "|"; display: inline-block; width: auto; height: auto; position: absolute; left: 0; top: 0; } .my-account .data-table tbody td.status { text-align: right; width: 100px; text-transform: uppercase; } .my-account .data-table tbody td:last-child { width: 100%; clear: both; display: block; text-align: right; border-bottom: 0; background: none; } .my-account .data-table tbody td:last-child span { text-align: right; float: right; } .my-account .data-table tbody td:last-child a:first-child { padding-right: 10px; } .my-account .data-table tbody td:last-child span.separator {; display: none; } .customer-area .box-account .box-account tbody tr { border-top: 1px solid #eeeeee; } .customer-area .box-account .box-account tbody tr { border-bottom: 0; } } /* CHECKOUT */ .onepage-content { position: relative; min-height: 700px; margin: 0 0 50px 0; } .onepage-content .reviewcart { position: absolute; top: calc(30px + 80px + 15px + 5px); left: 0; z-index: 19; width: 100%; background: #ffffff; padding: 0; } /* Improved One Page Checkout with tabs */ .block-progress .block-title { background: none; margin: 0 0 34px; padding: 0; } .checkout-onepage-index .col-main { padding: 0; border: 0; } .checkout-onepage-index .page-title { padding-right: 40px; width: auto; } .checkout-onepage-index .page-title h1 { background: none; padding: 0; } .opc { position: relative; overflow: hidden; min-height: 480px; padding-top: 30px; text-align: center; border: 0; background: transparent; } .opc .form-block { margin-top: 0; } .opc .buttons-set, .buttons-set { margin: 25px 0 0; opacity: 1 !important; } .opc .buttons-set .btn-general, .buttons-set .btn-general { top: 0 !important; float: right; } .opc .buttons-set p.required { margin: 0; padding: 0 0 10px; } .opc .buttons-set .back-link { display: none; } .opc .buttons-set a { color: #cb027c; } .opc .ul { list-style: disc outside; padding-left: 18px; } .opc p + ul { padding-top: 10px; } .opc li.section { display: inline; } .opc li.active .step-title a, .opc li.allow .step-title a { border: 1px solid #cb027c; } .opc .step-title, .opc .allow .step-title { border: 1px solid #fbfaf6; height: 69px } .opc .step { padding: 15px; position: absolute; border: 0; top: 100px; left: 0; z-index: 1; background: #ffffff; min-height: 480px; border: none; background: none; width: 100%; text-align: left; background: transparent; } .opc .step-title .number, .opc .allow .step-title .number, .opc .active .step-title .number { float: none; display: block; margin: 0 0 0 15px; margin-bottom: 10px; } .opc .step-title { position: relative; float: left; text-align: center; padding: 15px 11px 0; margin-left: -1px; background: none; width: 16%; } .opc .step-title a { display: none; } .opc .step-title h2 { font-size: 12px; color: #bbbbbb; clear: both; margin-bottom: 10px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; } .opc .allow .step-title { cursor: pointer; background: none; } .opc .allow .step-title .number { background: #1d1d1b; border-color: #1d1d1b; color: #ffffff; } .opc .allow .step-title h2 { color: #1d1d1b; } .opc .active .step-title { color: #ef0606; cursor: default; border: 1px solid #bbafa0; border-bottom: 1px solid #fbfaf6; z-index: 2; background: #fbfaf6; } .opc .active .step-title .number { background: #cb027c; border-color: #ffffff; color: #ffffff; } .opc .step-title h2, .opc .allow .step-title h2, .opc .active .step-title h2 { width: 100%; text-align: center; } .opc .step-title .number { background: white; color: #cccccc; width: 30px; height: 30px; line-height: 29px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-bottom: 10px; padding: 0; position: relative; z-index: 2; border: 1px solid #cccccc; } .opc .active .step-title .number, .opc .allow .step-title .number { background-color: #cb027c; border-color: #cb027c; color: #cb027c; } .opc .active .step-title .number:before, .opc .allow .step-title .number:before { display: block; color: white; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 30px; height: 30px; font-family: "FontAwesome"; content: "\f00c"; margin-top: 1px; } .opc .active .step-title h2, .opc .allow .step-title h2 { color: #cb027c; text-transform: uppercase; font-weight: 600; } .opc .form-list .wide, .opc .form-list li.fields .field { width: 645px; margin: 0 0 8px; } .opc .form-list li.wide select { width: 390px; } .opc .form-list li.wide input.input-text { width: 254px; } .opc .form-list .control input { margin: 8px 0 0 25px; } .opc .form-list li.control label { float: left; } .opc form .form-list li.wide { margin-bottom: 8px; } .opc form .address-select { margin: 8px 0 20px; } .opc:first-of-type .step { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .opc:first-of-type .step[style*='display:none;'], .opc:first-of-type .step[style*='display: none;'] { display: block !important; } .opc:first-of-type li:last-child .step-title a { width: 50% } #checkout-step-review.step { width: 645px; } #checkoutSteps { padding-bottom: calc(100% - 400px); } #opc-shipping_method .buttons-set { border-top: 1px solid #e4e4e4; } /* Improved One Page Checkout with Progress Bar */ .block-progress .block-title { background: none; margin: 0 0 34px; padding: 0; } .checkout-onepage-index .col-main { padding: 0; border: 0; } .checkout-onepage-index .page-title { padding-right: 40px; width: auto; } .checkout-onepage-index .page-title h1 { background: none; padding: 0; } .opc#checkoutSteps > li > div.step-title { padding-left: 30px; } .opc .buttons-set .please-wait, #rewardpoints-mask .please-wait { position: absolute; z-index: 99; top: inherit; margin: 0; font-size: 14px; background: transparent; padding: 20px 20px 20px 25px; white-space: nowrap; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; left: 0; width: auto; } #rewardpoints-mask { display: none !important; } .opc .form-list input.input-text.validation-failed, .form-list .validation-failed { border-bottom: 1px solid #eb340a !important; } .opc .validation-advice { clear: both; min-height: 13px; margin: 3px 0 0; padding-left: 0; font-size: 9px; font-weight: 400; line-height: 13px; color: #eb340a; font-family: 'Open Sans', sans-serif; } .opc .step-title, .opc .allow .step-title, .opc .active .step-title { width: 20%; position: relative; text-align: center; border: none; background: none; padding: 0; overflow: visible; height: 80px; display: inline-block; vertical-align: top; } .is-logged .opc .step-title, .is-logged .opc .allow .step-title, .is-logged .opc .active .step-title { width: 25%; } .opc .section:last-child .step-title { width: 12%; } .opc .step-title h2, .opc .allow .step-title h2, .opc .active .step-title h2 { width: 100% !important; } .opc .section .step-title h2 { position: absolute; left: calc(-50% + 60px); padding-left: 0 !important; text-align: center; font-size: 11px; } .opc .form-list .input-box { margin-bottom: 12px; } .opc .form-list .control { margin: 10px 0 0 0; clear: both; float: left; } .opc .form-list .field, .opc .form-list .wide { } .opc .form-list li fieldset, .form-list li fieldset { margin-bottom: 0px; } .opc .form-list label, .form-list label, .form-list label, .form-list label { float: left; width: auto; text-align: left; padding: 2px 0 0 0; text-transform: none; margin-bottom: 0; font-size: 12px; line-height: 14px; } .opc .form-list label + .input-box, .form-list label + .input-box { margin-top: 5px; } .form-list li.control { margin-bottom: 16px; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width: 25%; display: inline-block; padding-right: 5%; } .form-list .customer-dob .dob-year { width: 50%; min-width: 50%; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text, .form-list .customer-dob .dob-year input.input-text{ width: 100%; } .opc .form-list label.required em, .form-list label.required em { float: none; right: -9px; top: 5px; color: #222222; opacity: 0.5; font-size: 12px; display: inline-block; } .form-list .validation-failed label.required em { color: #eb340a; } .opc .form-list li.fields { margin: 0; } .opc .form-list div.fields, .form-list div.fields { width: 100%; overflow: hidden; margin: 0 0 8px; } .opc .form-list .wide, .opc .form-list li.fields .field, .form-list li.fields .field { width: 100%; margin: 0; } .opc .form-list li.wide .input-box, .form-list .input-box { clear: both; float: left; margin-right: 0; border-radius: 0 !important; width: 100%; overflow: hidden; position: relative; } .opc .form-list li.wide select { max-width: 660px; width: auto; } .opc .form-list select#billing-address-select { width: 100%; max-width: 100%; } .opc .form-list li.wide input.input-text { width: 100%; } .opc .form-list .control input { margin: 8px 0 0 25px; } .opc form .form-list li.wide { margin-bottom: 8px; } .opc form .address-select { margin: 8px 0 20px; } .opc:first-of-type .step { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .opc:first-of-type .step[style*='display:none;'], .opc:first-of-type .step[style*='display: none;'] { display: block !important; } .opc:first-of-type .section .step { left: 100%; margin-top: 30px; } .opc:first-of-type .allow .step { left: -100%; margin-top: 30px; } .opc:first-of-type .active .step { left: 0; margin-top: 30px; } .opc:first-of-type li:last-child .step-title a { width: 0; } .opc:first-of-type li:first-child .step-title a { width: 100%; } .opc:first-of-type li.active .step-title a { width: 100%; left: 50px; } .opc:first-of-type li.active#opc-review .step-title a { width: 0 !important; } .opc:first-of-type .step-title a { display: block; height: 1px; border-bottom: 1px dotted #cccccc; width: 100%; text-indent: -3000px; position: absolute; top: 15px; z-index: 0; left: 50px; } .opc:first-of-type .allow .step-title a { } #opc-login p.required { display: none; } #opc-login h3 { margin-bottom: 18px; opacity: 0.6; font-weight: 400; } #opc-login .col-2 { float: left; } #opc-login .col-2 form fieldset h4 { display: none; } #opc-login .col-2 { display: block; width: 300px; } #opc-login .col-2 fieldset { width: 300px; } #opc-login .col-2 .input-box { width: 188px; margin: 0; float: left; } #opc-login .col-2 .input-text { width: 182px; } #opc-login .col-2 .form-list label { text-align: left; } #opc-login .col-2 .form-list label { width: 110px; } #opc-login .form-list li.control label { float: none; } #opc-login .form-list li.control input { margin: 0 8px 0 0; } #opc-login .col-1 { float: right; } #opc-login .col-1 { width: 290px; } #opc-login .col-1 h4, #opc-login .col-1 .ul { display: none; } #checkout-step-review.step { width: 100%; } #checkout-step-login .form-block { margin-top: 0; padding: 0; } #checkout-step-login .form-block ul.form-list { overflow: hidden; display: block; width: 100%; position: relative; } #checkout-step-login .form-block div.register-block { overflow: hidden; display: block; width: 100%; position: relative; background: #f5f5f5; margin-top: 20px !important; padding: 20px 20px 30px; } #checkout-step-login .form-block div.register-block h4 + p { margin: 0 !important; } #opc-review .data-table td.last { min-width: 100px; } #opc-review .step { padding: 30px 20px; margin-top: 30px; } #opc-review .item-options { margin: 0; } #opc-review .buttons-set { padding: 20px 15px; border: 0; overflow: visible; } #opc-review .buttons-set p { margin: 0; line-height: 40px; } #opc-review .buttons-set .please-wait { height: 40px; line-height: 40px; top: 60px; left: 0; } #opc-review .buttons-set .please-wait span { left: 25px; margin: 0; width: auto; } #opc-review .buttons-set .btn-general { margin: 0; } #opc-shipping_method .buttons-set { border-top: 0; } .opc .radio label, .radio label { text-transform: none !important; line-height: 15px !important;; font-size: 14px !important; } #co-shipping-method-form .sp-methods .form-list { margin-top: 0 !important; } ul#payment_form_purchaseorder li > label { padding-left: 0 !important; } ul#payment_form_purchaseorder li > label:before { content: none; } label[for*=s_method_flatrate_flatrate] { padding-top: 4px !important; } .opc .radio input[type="radio"]:checked + label, .radio input[type="radio"]:checked + label, .radio span.no-display + label { color: #cb027c; opacity: 1; } .opc .checkbox label { text-transform: none !important; color: #cb027c; line-height: 15px !important;; font-size: 14px !important; padding-left: 5px; } .checkbox.checkbox-primary.control + .checkbox { margin-top: 2px; } .opc .radio label.sp-option { text-transform: none !important; color: #cb027c; line-height: 10px !important;; font-size: 16px !important;; } .opc #opc-shipping .step-title { display: none; } .opc .sp-methods .radio label span.price { text-transform: none !important; color: #cb027c; line-height: 22px !important; font-size: 18px !important; clear: both; float: left; padding-top: 0; margin-top: -7px !important; } .opc .sp-methods .radio label span.method-title { text-transform: none !important; color: #1d1d1b !important; line-height: 21px !important; font-size: 12px !important; clear: both; float: left; } .sp-methods { margin: 0 0 8px; display: block; position: relative; width: 100%; height: 100%; overflow: hidden; } .sp-methods dd { clear: both; width: 100%; float: left; position: relative; display: block; } .sp-methods#dd_method_purchaseorder dd ul { padding: 20px 0; } .sp-methods dt { padding: 25px 0 0 0; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 20px; color: #222222; line-height: 21px; display: block; position: relative; width: 100%; height: 100%; overflow: hidden; } .sp-methods h5 { display: none; } .sp-methods dd + dt { padding-top: 10px; } #checkout-payment-method-load.sp-methods dt + dt { padding: 10px 0 !important; margin: 0; } .sp-methods dt:first-child { margin: 0px 0 9px 0; } .sp-methods #rewardpoints-mask img[title*="Loading"] { display: inline-block !important; } .sp-methods dt:first-child.checkbox { padding-left: 25px; } .sp-methods dt + dd:last-child { margin-bottom: 0; } .sp-methods label { top: 0; margin: 0 !important; padding: 0 !important; display: inline-block; vertical-align: middle; position: relative; padding-left: 5px !important; } #checkout-shipping-method-load .sp-methods li { line-height: 20px; float: left; width: 50%; margin: 0; padding: 20px; } #checkout-shipping-method-load dd .form-list li { padding: 20px 0; } #checkout-payment-method-load.sp-methods dt > ul > li { background: white; padding: 10px 20px 10px 25px; margin: 0; display: block; overflow: hidden; } #checkout-payment-method-load.sp-methods .radio label:before, #checkout-payment-method-load.sp-methods .radio label:after { margin-top: 1px !important; } #checkout-payment-method-load.sp-methods .radio label:after, .opc .sp-methods .radio label::after, .sp-methods .radio label::after { top: 5px !important; } #checkout-payment-method-load.sp-methods dl.rewardpoints-sp-methods .radio label:after { top: 5px !important; margin-left: 0; margin-top: 0px; right: -19px; left: initial; opacity: 1; } .opc .sp-methods li:nth-child(odd) { clear: both; } .gift-messages h3 { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #222222; line-height: 19px; margin-top: 0px !important; margin-bottom: 0px !important; } /* SIDEBAR CART */ .cart .row { margin-top: 30px; } .cart .cart-collaterals { margin-bottom: 0px; background: #ffffff; padding: 0; } .cart .checkout-types { width: 100%; } .checkout-types, .checkout-types li { padding: 0; } /* Not Used */ .cart .discount h2 { position: relative; cursor: default; } .cart .discount h2:before { content: "\e80b"; width: 26px; height: 26px; border: 0; font-family: 'porto'; position: absolute; right: 0; top: 50%; margin-top: -13px; border-radius: 0; color: #4a4a4a; text-align: center; line-height: 24px; background-color: #ffffff; font-size: 14px; display: none; } .cart h4.discount-title { margin: 20px 0; font-size: 16px; font-weight: bold; border: 0; color: #1d1d1b; position: relative; border-radius: 0; background: transparent; padding: 0; } .cart-table .btn-update, .cart-table .btn-empty, .cart-table .btn-continue { float: right; } .cart-table .btn-empty { margin-left: 0; } .cart .discount { position: relative; background-color: #ffffff; margin-top: 20px; } .cart .discount, .cart .shipping { padding: 15px; } .cart .shipping .sp-methods { margin: 15px 0 0; padding: 15px 0 0; margin-bottom: 20px; } .cart button.btn-gf.button span { font-weight: normal; font-size: 10px; } .cart button.btn-gf.button.btn-update span { color: #cb027c; opacity: 1; } .cart .shipping h2:before { content: "\e80b"; width: 26px; height: 26px; display: block; border: 0; font-family: 'porto'; position: absolute; right: 0; top: 50%; margin-top: -13px; border-radius: 0; color: #4a4a4a; text-align: center; line-height: 24px; background-color: #ffffff; font-size: 14px; } .cart .discount h2:hover:before, .cart .shipping h2:hover:before { background: transparent !important; border: 0 !important; color: #1d1d1b !important; } .cart .totals tr { border: 0; } #shopping-cart-totals-table { background-color: #ffffff; width: 100%; display: none; } #checkout-step-review #shopping-cart-totals-table { display: block; } #shopping-cart-totals-table-footer { width: 100%; } #shopping-cart-totals-table-footer tr { border-top: 1px solid #dcdcdc; } .order-review #shopping-cart-totals-table td, .order-review #shopping-cart-totals-table-footer td { padding: 15px 20px; width: 70%; } .order-review #shopping-cart-totals-table td:last-child, .order-review #shopping-cart-totals-table-footer td:last-child { width: auto; } .cart .totals .price { display: block; text-align: right; font-family: 'Open Sans', sans-serif, sans-serif;; color: #1d1d1b; font-size: 20px; } .cart-collaterals > * { margin-bottom: 0; } .cart .shipping { border-bottom: 1px solid #d7d7d7; display: none; } .cart .cart-collaterals h4, .cart .cart-table thead { white-space: nowrap; vertical-align: middle; border-bottom: 1px solid #3e3e3e; } .cart .cart-collaterals h2, .cart .totals h2 { padding: 0; margin: 0; font-size: 13px; font-weight: 100; text-transform: none; border: 0; background-color: #ffffff; color: #4a4a4a; position: relative; border-radius: 0; font-family: 'Open Sans', sans-serif; } .cart .cart-collaterals .totals h2, .cart .totals h2 { display: none; } .cart .cart-collaterals h2 + * { padding: 0; font-size: 13px; border: 0; border-radius: 0; background-color: #ffffff; } .cart .shipping-form { padding: 15px; } #shopping-cart-totals-table-footer td { padding: 15px; } #shopping-cart-totals-table tfoot { float: right; } #shopping-cart-totals-table p { font-size: 12px; color: #8a8a8a; margin: 0; } .cart button.button.btn-proceed-checkout { float: right; } button.button.btn-proceed-checkout { font-size: 16px; padding: 15px 34px; margin-top: 15px; margin-left: 7px; border-radius: 30px; -webkit-box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.8); box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.8); background-color: #cb027c; color: #ffffff; vertical-align: top; font-weight: 600; } button.button.btn-proceed-checkout span { background: none; display: inline; border: 0; background: transparent; padding: 0; font-weight: normal; font-size: 14px; text-align: center; color: #ffffff; line-height: 1.2em; border-radius: 0; float: left; } .cart .cart-table-wrap { border: none; border-radius: 0; background: #ffffff; display: block; padding: 0; margin-bottom: 20px; box-shadow: none; } .cart-table-wrap .cart-price .price { display: block; text-align: center; font-family: 'Open Sans', sans-serif; color: #cb027c; font-size: 20px; } .cart-table .btn-empty span, .cart-table .btn-continue span, .cart-table .btn-update span, .cart .shipping button span { font-weight: bold; font-size: 12px; } .cart .discount button span { font-size: 11px; color: #ffffff; line-height: 21px; font-weight: 600; } .cart-table .btn-empty:hover, .cart-table .btn-continue:hover, .cart-table .btn-update:hover, .btn-discount:hover { opacity: 1; } .cart-table .btn-empty:hover span, .cart-table .btn-continue:hover span, .cart-table .btn-update:hover span { background: transparent !important; border: 0 !important; color: #1d1d1b !important; } .cart-table tbody td.pr-img-td { max-width: 120px !important; width: 120px; padding: 5px 0 5px; } .cart-table tbody .first > td.pr-img-td { padding-top: 10px; } .item-options dt { clear: both; float: left; } .item-options dt, .item-options dd { display: inline-block; float: left; text-transform: uppercase; font-size: 11px; } .cart-table td.product-name-td { padding-left: 10px !important; } .product-name-td .item-options dt { display: none; font-weight: bold; font-style: normal; } .item-options dd, .item-options dt, #checkout-review-table-wrapper .item-options p { padding-left: 0; margin: 0; font-size: 13px; color: #626262; line-height: 21px; } #checkout-review-table-wrapper .item-options dt + dd, #checkout-review-table-wrapper .item-options dd + p { padding-left: 5px; } /* CART */ .cart { margin-bottom: 60px; } .cart .checkout-types { width: 100%; } .cart .shipping h2:before { content: "\e82a"; width: 26px; height: 26px; display: block; border: 0; font-family: 'porto'; position: absolute; right: 0; top: 50%; margin-top: -13px; border-radius: 0; color: #4a4a4a; text-align: center; line-height: 29px; background-color: #ffffff; font-size: 11px; } .cart .discount p, .cart .shipping p { font-size: 13px; padding-top: 15px; } .cart .discount h2.opened:before, .cart .shipping h2.opened:before { content: "\e82b"; } .cart .totals tr { border: 0; } .cart .discount { position: relative; background-color: #ffffff; margin: 0; } .cart .discount:after { content: ""; position: absolute; top: -24px; left: 30px; border: 12px solid transparent; border-bottom-color: #ffffff; display: block; width: 0; } .cart .discount, .cart .shipping { padding: 15px 0; position: relative; margin-left: 0 !important; margin-right: 0 !important; display: block; overflow: hidden; } .cart .discount .btn-general { top: 0; padding: 0 18px; margin: 0; height: 50px; } .cart .discount .discount-form, .cart .discount .discount-form div { padding: 0; float: left; display: inline-block; margin: 0; } .cart .discount .discount-form .input-box { width: calc(100% - 130px); min-width: calc(100% - 130px); display: inline-block; float: left; overflow: hidden; left: 0; } .cart .discount .discount-form .input-box label { position: absolute; top: 0; font-size: 12px; color: #626262; line-height: 21px; padding: 15px 15px; left: 0; white-space: nowrap; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; } .cart .discount-form input.input-text { height: 50px; border: 1px solid #e4e4e4; width: auto; min-width: 100%; padding: 0 15px; } .cart .discount-form button.btn-general { min-width: 130px; max-width: 130px; } .cart .checkout-types .btn-general span { line-height: 20px; } .cart .discount h2:hover:before, .cart .shipping h2:hover:before { background: transparent !important; border: 0 !important; color: #1d1d1b !important; } .cart .review-total-items { padding: 0 15px; text-transform: uppercase; color: #1d1d1b; } #opc-review .review-total-items { padding: 0; } #checkout-review-table-wrapper .review-total-items { border-bottom: 1px solid #222222; padding-bottom: 5px; } .cart .review-total-items span { font-weight: bold; } #checkout-review-table-wrapper td > div{ margin: auto; display: block; position: relative; vertical-align: middle; height: 100%; padding: 20px 0; } #checkout-review-table-wrapper td span.cart-price { margin: auto; position: relative; height: auto; vertical-align: middle; } #checkout-review-table-wrapper td { display: table-cell; height: 100%; } #checkout-review-table-wrapper #checkout-review-table { margin-top: 20px; } #checkout-review-table-wrapper .data-table tr td a, #checkout-review-table-wrapper .data-table tr td { width: 100%; height: 100%; min-height: 100%; max-height: 100%; vertical-align: middle; position: relative; } #checkout-review-table-wrapper .data-table tr td.product-image-cell { max-width: 100px; width: 100px !important; min-width: 100px; } #checkout-review-table-wrapper .data-table tr td a.product-image { max-width: 100px; min-width: 100px; width: auto; z-index: 1; margin: auto; height: auto !important; min-height: auto !important; left: 50%; top: 50%; transform: translateY(-50%)translateX(-50%); display: block; position: absolute !important; padding: 0; } #checkout-review-table-wrapper .data-table .product-image img { max-width: 100px; min-width: 100px; width: auto; } .cart .block-table { padding: 0 15px; margin: 0 0 15px 0; } #opc-review .block-table { background: #ffffff; margin: 0; padding: 15px 0; } .cart .data-table td { color: #1d1d1b; } .cart td.action-td.last { width: auto; max-width: 16px; } .cart.reviewcart .data-table tbody tr { border: 1px solid #dcdcdc; } #shopping-cart-table.data-table tfoot tr.first td { border-top: 1px solid #f0f0f0 !important; } .cart-table tfoot td { padding: 10px 0 0 0; } td.product-name-td div p, td.product-name-td h2 { text-align: left; } td .product-sku p { font-size: 10px; color: #cccccc; } .cart.reviewcart .product-name-cell { min-width: 110px; } .onepage-content .data-table tbody th, .onepage-content .data-table tbody td, .cart.reviewcart .data-table tbody th, .cart.reviewcart .data-table tbody td { border-bottom: 0; border-right: 0; } .onepage-content .data-table tr, .cart.reviewcart .data-table tr { border: none; } .cart .cart-price { display: block; text-align: right; font-family: 'Open Sans', sans-serif; color: #1d1d1b; font-size: 20px; margin: 0; padding: 0; } .cart.reviewcart .product-sku { color: #8d8e8e; font-size: 10px; } .cart.reviewcart .qty { color: #cb027c; margin-top: 10px; font-weight: bold; } .cart .data-table h2, .cart .data-table h3 { color: #1d1d1b; } #opc-review tfoot tr .price, #opc-review tfoot tr .total-points { display: block; text-align: right; font-family: 'Open Sans', sans-serif; color: #1d1d1b; font-size: 20px; font-weight: 600; } #opc-review td .product-sku + .product-name { padding-top: 5px; } /* CART EMPTY */ .cart-empty { margin-top: 20px; min-height: 400px; position: relative; } .cart-area > .minicart-area .cart-empty { min-height: 10px; } .container-bg-empty { width: 100%; min-height: 150px; position: relative; display: none; margin-bottom: 20px; } .bg-empty { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150px; margin: auto; height: 150px; background: transparent url(/media/wysiwyg/galaperfumeries/homepage/bg_error.png); background-size: cover; } .cart-empty .container-text-empty p.textbase { text-align: center !important; } /* ERROR 404 */ .error-404 { margin-top: 20px; min-height: 400px; position: relative; } .container-text { min-height: 400px; } .container-text-error { min-height: 300px; } .container-text-error, .container-widget-newproducts, .container-text { width: 100%; position: relative; display: block; overflow: hidden; height: 100%; } .container-text .buttons-set { text-align: center; } .container-text .buttons-set button.btn-general { text-align: center; margin: auto; float: none !important; clear: both !important; } .container-widget-newproducts h2 + p[class*="textbase"] { margin-top: 0 !important; } /* ERROR MESSAGE */ .cart-table .item-msg { clear: both; min-height: 13px; margin: 3px 0 0 !important; padding-left: 0; font-size: 9px; font-weight: 400; line-height: 13px; color: #eb340a; font-family: 'Open Sans', sans-serif; float: left; } /*--- RESPONSIVE ---*/ /* MOBILE MENU */ @media (min-width: 768px) { .opc { padding-left: 10%; } } @media (max-width: 991px) { .header-container.sticky-header, .header-container.sticky-header.type12, .cms-index-index .header-container.sticky-header.type8 { position: fixed; left: 0; top: 0 !important; width: 100%; z-index: 50 !important; bottom: auto; } .header-container.sticky-header.type8 .header-wrapper { display: block; } .menu.header-container.sticky-header.type8 .header-wrapper .main-nav { } .cms-index-index .header-container.type8 .menu-icon a { color: #ffffff !important; } .cms-index-index .header-container.sticky-header.type8 .menu-icon a, .header-container.type8 .menu-icon a, .customer-area .menu-icon a { color: #000000 !important; } .menu-icon [title*="Menu"] i { width: 38px; margin-top: 0; opacity: 0.8; left: 0; height: 32px; overflow: hidden; background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_hamburger-menu.svg) 0px 0px no-repeat; display: block; position: relative; background-size: contain; } .menu-icon [title*="Menu"] i:before { content: none; } .header-container.type8 .header { padding-left: 15px !important; padding-right: 15px !important; } .header-container.sticky-header.type8 .header { padding-top: 0 !important;; padding-bottom: 0 !important;; } .header-container.type8.sticky-header .header > .logo { padding-top: 0 !important;; } .header-container.type8 .menu-icon { display: inline-block; vertical-align: middle; height: 48px; margin-right: 0; margin-left: 15px; padding-top: 5px; } .top-container .category-banner { min-height: auto; } .category-bubble { display: none; } } /* HEADER */ @media (max-width: 1024px) { .top-offset-div { display: none; } .top-message-div, .top-header-div { width: 50%; } } @media (max-width: 991px) { .top-offset-div { display: none; } .top-header-div { display: none; } .top-message-div { width: 100%; } } @media (max-width: 640px) { .header-container.type8 .menu-icon { margin: 1px 0 0 20px; } } @media (max-width: 480px) { .header-container.type8 .menu-icon { margin: 0 0 0 20px; } .header-container.type8.sticky-header .menu-icon { margin: 0 5px 0 20px; } } /* HOME */ @media (max-width: 480px) { .home-products.row { clear: both; margin-top: 40px; } } /* OWL CAROUSEL */ .owl-carousel.owl-theme .owl-controls.clickable .owl-buttons div:hover { opacity: 0.7; filter: Alpha(Opacity=70); } @media (min-width: 1160px) { } /* LOGIN */ @media (max-width: 991px) { .col-contentblock { display: block; overflow: hidden; float: none; clear: both; } .account-login .new-users { margin-bottom: 64px; } } /* PRODUCT VIEW */ @media (max-width: 767px) { .product-view .product-shop-box { padding: 15px; min-height: auto; height: auto !important; overflow: visible; position: relative; margin: 0; } } /* CUSTOMER AREA */ @media (max-width: 1023px) { .cart .cart-price, .cart-table-wrap .cart-price .price { text-align: center; } .cart-collaterals { margin-top: 35px; } .cart .cart-collaterals h4, .cart h4 { padding-top: 5px; } } @media (max-width: 767px) { td.product-name-td { width: 100%; display: block; } td.product-name-td { display: table-row !important; width: 100% !important; position: relative; } .cart-table-wrap .data-table td:not(.action-td) { text-align: center !important; display: block !important; width: 100%; height: auto; position: relative; float: none; margin: 20px 0; padding-left: 0 !important; padding-right: 0 !important; } .cart-table-wrap .data-table td:not(.product-name-td) span { display: inline-block; } .data-table.cart-table tbody tr.first td.action-td { position: absolute !important; right: 24px; } .cart-table-wrap .data-table tr { display: table-row !important; } .cart-table button.button#empty_cart_button { float: right; } .cart-table-wrap .data-table tfoot tr.first td { display: block !important; } .cart-table-wrap .data-table td.pr-img-td, .cart-table-wrap .data-table td.pr-img-td a img { width: auto !important; margin: 20px auto 0 !important; min-width: 80%; } .cart .row { margin-top: 0; } } /* NEWSLETTER FOOTER FORM */ @media (max-width: 767px) { .footer-newsletter { padding: 40px 0; } } @media (max-width: 480px) { .newsletter-footer-box button.button { width: 100%; margin: 10px 0 0 0; } .newsletter-footer-box button.button > span { border-left: 2px solid #1d1d1b;; width: 100%; } } /* CONTENT CMS PAGES */ .cms-page-view .main-container.col1-layout.cms-row-first { display: none; } .cms-page-view .main-container.cms-row-title { min-height: auto; border-bottom: 1px solid #cccccc; padding: 20px 0 0 0; } .cms-page-view .main-container.cms-row-title .col-main { padding-bottom: 0; } .cms-page-view .main-container.cms-row-title h1 { color: #1d1d1b; font-size: 56px; font-weight: bold; } .cms-page-view .main-container.cms-row-content { font-size: 16px; color: #4a4a4a; } /* COMMUNITY BANNERS */ .block-banners { width: 100%; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .block-banners .full { width: 100%; } .block-banners .item-cita { max-height: 170px; text-align: center; padding-bottom: 37px; } .block-banners .banner608 { max-height: 608px; } .banner-right-space { padding-right: 20px !important; } .block-banners .inside487 { width: 70%; padding: 0; } .block-banners .row { margin-left: 0px; margin-right: 0px; } .block-banners .row-bottom-space { margin-bottom: 20px; } .block-banners .row .col-md-6, .block-banners .full .row .col-md-12, .block-banners .row-banner .col-md-12, .block-banners .row-banner .col-md-3 { margin: 0; padding: 0; } .block-banners .full560 { background-image: url('/media/wysiwyg/galaperfumeries/homepage/full560.jpg'); background-repeat: no-repeat; height: 560px; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 112px 30px 20px 91px; } .block-banners .half-fullw-halfh { background-image: url('/media/wysiwyg/galaperfumeries/homepage/half-fullw-halfh.jpg'); background-repeat: no-repeat; width: 100%; height: 294px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 20px 30px !important; } .block-banners .half-halfw-halfh-1 { background-image: url('/media/wysiwyg/galaperfumeries/homepage/half-halfw-halfh-1.jpg'); background-repeat: no-repeat; width: 100%; height: 294px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; padding: 20px 30px !important; } .block-banners .half-halfw-halfh-2 { background-image: url('/media/wysiwyg/galaperfumeries/homepage/half-halfw-halfh-2.jpg'); background-repeat: no-repeat; width: 100%; height: 294px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; overflow: hidden; padding: 20px 30px !important; } .block-banners .half-full { background-image: url('/media/wysiwyg/galaperfumeries/homepage/half-full.jpg'); background-repeat: no-repeat; width: 100%; height: 608px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 20px 30px !important; } .block-banners .full487 { background-image: url('/media/wysiwyg/galaperfumeries/homepage/full487.jpg'); background-repeat: no-repeat; background-color: black; width: 100%; height: 487px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 20px 30px 20px 91px !important; } .block-banners .date { vertical-align: middle; padding-right: 10px; } .block-banners h1 { color: #ffffff; font-size: 82px; line-height: 84px; letter-spacing: -1px; margin-bottom: 0px; text-align: left; font-weight: 700; max-width: 90%; } .block-banners h2 { color: #ffffff; font-size: 76px; line-height: 72px; letter-spacing: -1.12px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50); margin-bottom: 0px; text-align: left; font-weight: 700; padding: 27px 0 0 0; clear: both; float: left; } .block-banners h3 { color: #000000; font-size: 66px; line-height: 84px; letter-spacing: -1.8px; margin-bottom: 0; text-align: center; font-weight: 700; padding: 27px 0 0 0; } .block-banners h4 { color: #ffffff; font-size: 64px; line-height: 52px; letter-spacing: -1.53px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50); -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50); -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50); margin-bottom: 1px; text-align: left; padding: 27px 0 0 0; clear: both; float: left; } .block-banners h5 { color: #ff7d31; font-weight: 600; font-size: 22px; line-height: 66px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50); -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50); -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50); margin-bottom: 1px; text-align: left; float: left; } .block-banners .post-date { padding: 44px 0 0 0; } .block-banners .post-date span { float: left; color: #ff7d31; font-size: 34px; font-weight: bold; width: 60px; height: 60px; display: inline-block; border: 2px solid; border-radius: 50%; line-height: 58px; margin-right: 10px; } .block-banners h4.h4-sm-3 { color: #ffffff; font-size: 34px; line-height: 30px; letter-spacing: -0.47px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50); -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50); -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50); text-align: left; } .block-banners label { font-weight: 600; color: #cb027c; font-size: 20px; letter-spacing: -0.1px; line-height: 32px; text-align: left; white-space: nowrap; text-shadow: none; float: left; } .block-banners p { color: #000000; font-size: 18px; line-height: 22px; letter-spacing: -0.1px; font-weight: 300; } .block-banners .banner-text-content { max-width: 80%; } .block-banners .banner-text-content p { color: #ffffff; font-size: 16px; line-height: 22px; font-weight: 300; text-align: left; } p.white487 { color: white; padding: 20px 0 0 0; text-align: left; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50); -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50); -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50); font-weight: 600; clear: both; float: left; } .block-banners .semibold { font-weight: 600 !important; } .block-banners .light { font-weight: 300 !important; } .block-banners a { float: left; background-color: transparent; color: white; display: inline-block; font-size: 12px; font-weight: 500; border: 2px solid #d7d7d7; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; max-height: 32px; padding: 4px 24px 6px 21px; margin-left: 0; position: relative; margin-top: 20px; clear: both; } .block-banners p.button { color: white; display: inline-block; font-size: 12px; font-weight: 700; } /* MANUFACTURERS */ .manufaturers-grid li.item { padding: 10px 15px; float: left; text-align: center; width: 20%; } @media (max-width: 1024px) { .manufaturers-grid li.item { width: 20%; } } @media (max-width: 767px) { .manufaturers-grid li.item { width: 25%; } } @media (max-width: 480px) { .manufaturers-grid li.item { width: 50%; } } .manufaturers-grid li.item a { width: 100%; display: block; min-height: 70px; } .manufaturers-grid li.item a.title { border: 1px solid #dddddd; margin-bottom: 10px; padding: 5px; display: flex; align-items: center; } .manufacturer-index-view .page-title { display: block; text-align: center; } .manufacturer-index-view .category-logo { display: block; text-align: center; margin-bottom: 20px; max-width: 290px; margin-left: auto; margin-right: auto; } .manufacturer-index-view .category-logo img { max-height: 150px; max-width: 100%; } .manufacturer-index-view .category-description { display: block; text-align: center; font-size: 16px; } .manufacturer-index-view .category-view { margin-bottom: 20px; width: 100%; } /* COMMUNITY BANNERS RESPONSIVE */ @media (max-width: 1024px) { .block-banners .inside487 { width: 90%; } .block-banners .post-date { padding: 10px 0px 0px 0; } .block-banners h1, .block-banners h2 { font-size: 64px; line-height: 1em; padding-top: 0; } .banner-right-space { padding: 0 !important; margin-bottom: 20px !important; } .block-banners .row-bottom-space > div { padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 991px) { .block-banners .full560 { height: 660px !important; padding-top: 30px; } .block-banners .full560, .block-banners .full487 { padding-left: 30px !important; } .block-banners h1 { padding-top: 0 !important; } .block-banners .banner-text-content { padding-top: 20px !important; max-width: 100% !important; } #opc-review .buttons-set p { float: right !important; } } @media (max-width: 560px) { .block-banners h1 { font-size: 40px; line-height: 1em; padding: 20px 0; } .block-banners h2 { font-size: 40px; line-height: 1em; } .block-banners .banner-text-content { padding-top: 0; } .block-banners h3 { font-size: 32px; } .block-banners h4 { font-size: 34px; line-height: 30px; } .block-banners .inside487 { width: 100%; } .block-banners .post-date { padding: 20px 0 0 20px; } .block-banners h2 { font-size: 34px; line-height: 30px; padding: 20px 0 0 0; } p.white487 { padding: 20px 0 0 0; } .block-banners a { float: left; background-color: transparent; color: white; display: inline-block; font-size: 12px; font-weight: 500; border: 2px solid #d7d7d7; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; max-height: 32px; padding: 4px 24px 6px 21px; margin-left: 0px; position: relative; margin-top: 20px; } } /* onePageCheckout Gala */ @media (max-width: 767px) { /* Ocultar metodos de pago inactivos */ .opc#checkoutSteps li.section > .step-title h2 { display: none !important; } } .legal-content { margin-top: 0; margin-bottom: 48px;} /* Reward Points */ #reward_sales_point { height: 50px !important; text-align: left; font-size: 36px; margin-right: 5px; border: none; background: transparent; width: 120px !important; padding: 0 !important; float: left; display: flex; flex: 1 1 auto; min-width: 50px; } .sp-methods #cart-rewards-form { width: 100%; min-width: 300px; } .rewards-sales-rules h5 { font-size: 28px; } .rewardpoints-slider-input .input-point { text-align: left; display: inline-block; width: 300px; line-height: 50px; margin-top: 10px; } .rewardpoints-slider-input .input-point span span { font-size: 16px; } .rewardpoints-slider-input .input-point span span img { width: 32px; height: 32px; vertical-align: middle; } .user-points { font-size: 16px; } .block-content li img.reward-point-img { display: none !important; } /* GIFT MESSAGE */ .opc .gift-messages-form { margin: 0; background: #f5f5f5; border: 0; border-top: 1px solid #dddddd; padding: 0 20px; border-radius: 0; } .opc .gift-messages-form .inner-box { padding: 0; height: auto; overflow: visible; } .gift-messages p.control { margin-top: 5px !important; } .gift-messages p.control label { float: none; margin: 0; line-height: 1em !important; display: inline-block; vertical-align: middle; font-size: 12px !important; padding: 2px 0 0 0; } .gift-messages p.control label:after { padding-top: 0 !important; } /* COOKIES */ .global-site-notice { background: #222; color: white; border: none; opacity: .99; } .global-site-notice .notice-inner{ display: flex; padding: 15px 15px; justify-content: space-between; } .global-site-notice .notice-inner p { border: 0; padding: 0; line-height: 18px; } .global-site-notice .notice-inner .notice-text { display: flex; margin: 0 30px 0 0; } .global-site-notice .notice-inner .actions { display: flex; padding: 0; } .global-site-notice .notice-inner .actions button { top: 0; height: 45px; } .global-site-notice .notice-inner .actions a span { line-height: 42px; } .global-site-notice .notice-inner .actions .btn-remove:after { background-position: 0 -24px; } /* WE ARE HIRING */ .wearehiring-block { margin: 40px 0; } .wearehiring-block h4 { font-size: 22px; color: #888888; letter-spacing: -1px; } /* CART RESPONSIVE */ @media (max-width: 1199px){ .data-table.cart-table tbody td.action-td { position: relative; top: 0; z-index: 1; } } @media only screen and (max-width: 767px) { td.product-name-td div p, td.product-name-td h2 { text-align: center; } } @media only screen and (max-width: 480px) { body:not(.cms-index-index) .checkout-types .btn-general, .customer-area button.btn-general { max-width: 100%; margin-bottom: 10px; margin-left: auto; margin-right: auto; display: block; float: none; } .cart-table button.button { width: 100% !important; text-align: center; } .cart button.btn-gf.button span { width: 100% !important; text-align: center !important; } .data-table.cart-table tbody td.action-td .btn-remove2 { position: absolute; right: 0; top: 20px; } } /* MY ACCOUNT RESPONSIVE */ @media only screen and (max-width: 560px) { .my-account .data-table tbody td.total:before, .my-account .data-table tbody td.status:before { display: none; } .customer-account .col-left.f-left, .customer-account .sidebar, .customer-area .col-left.f-left, .customer-area .sidebar{ text-align: center !important; } .my-account .data-table tbody td, .my-account .data-table tbody td.total span, .my-account .data-table tbody td.total, .my-account .data-table tbody td:last-child span, table#my-orders-table td.view.last { text-align: center !important; float: none; !important; width: 100% !important; } .my-account .data-table tbody td:last-child a:first-child { padding: 0; } .customer-area .main-account-container { padding: 0; } .box-rewardpoints-history .data-table td { padding: 15px 0; } .box-rewardpoints-history .data-table p { clear: both; text-align: left; } .opc .buttons-set .please-wait, #rewardpoints-mask .please-wait { display: inline-block; position: relative; margin: auto; width: auto; height: auto; top: 0; right: 0; background: white; left: 0; float: none; } .opc:first-of-type .active .step { left: 0; margin-top: 0; padding: 0; } #checkout-review-table-wrapper .data-table tr td.product-image-cell { max-width: 80px; width: 80px !important; min-width: 80px; } #opc-review .data-table td.last { min-width: auto; padding: 0; } #checkout-review-table-wrapper .data-table tr td a.product-image { max-width: 80px; min-width: 80px; } #checkout-review-table-wrapper .data-table .product-image img { max-width: 80px; min-width: 80px; width: auto; } #opc-review .data-table td.last .cart .cart-price { font-size: 18px; } .data-table tbody td .separator { font-size: 14px; } .opc:not(.opc-login) .section:last-child .step-title { width: 25%; float: right; } .opc#checkoutSteps > li > div.step-title { padding-left: 0; } .opc:first-of-type li .step-title a , .opc:first-of-type li.active .step-title a { left: 30px; } .opc .section .step-title .number { margin-left: 20px; margin-right: 20px; } .sp-methods #cart-rewards-form { width: 100%; min-width: auto; } .form-list input.input-text { min-width: calc(100% - 180px); } .rewardpoints-slider-input .input-point span span { font-size: 14px; } .rewardpoints-slider-input .input-point span span img { height: 24px; width: 24px; } } @media only screen and (max-width: 320px) { .rewardpoints-name-img { display: none; } } /* Checkboxes */ @media only screen and (max-width: 480px) { .checkbox input[type*='checkbox'] + label { width: auto; display: inline-block; } } /* Doofinder */ .df-fullscreen { font: 13px/1 'Open Sans',Arial,Helvetica,sans-serif !important; } .df-fullscreen .df-panel__title, .df-fullscreen .df-selected-filters__title { text-align: left !important; } .df-fullscreen .df-panel__content, .df-fullscreen .df-selected-filters__content { text-align: left !important; } .df-fullscreen .df-selected-filters__title, .df-mobile .df-selected-filters__title, .df-panel__title { text-transform: uppercase !important; } .df-fullscreen .df-searchbox { border: 1px solid #ccc !important; padding: 0 10px !important; } .df-slider .noUi-handle { border: 1px solid #cb027c !important; background: #cb027c !important; box-shadow: unset !important; } .df-slider .noUi-horizontal .noUi-handle { border-radius: 50% !important; } .df-fullscreen .df-branding { display: none !important; } .df-fullscreen .df-slider .noUi-pips { display: none !important; } [data-layout=grid][data-browser-support~=cssgrid] .df-results .df-card { border: 1px solid #ffffff !important; } .df-fullscreen .df-card:hover, [data-layout=grid][data-browser-support~=cssgrid] .df-card:hover { background-color: transparent !important; border: 1px solid #eee !important; } /* PROMOCIONES */ .home-products-promotions { margin-top: 30px; } .owl-item.first.col-sm-6 { width: 50% !important; } .owl-top-narrow { margin: 0px !important; } .owl-top-narrow .category-products .products-grid.columns4 li.item, .home-products-promotions .filter-products .owl-item .item { padding: 0px !important; } .home-products-promotions .filter-products .owl-item .item .item-area { border: none; } .home-products-promotions .filter-products .products div.item .details-area h2.product-name { text-align: left; } .home-products-promotions .filter-products .products div.item .details-area h2.product-name a { font-size: 20px; color: #222222; line-height: 21px; text-align: left; } .home-products-promotions .filter-products .products div.item .details-area div.product-shortdescription { padding: 0px; } .home-products-promotions .filter-products .products div.item .details-area div.product-shortdescription p { font-size: 16px; color: #626262; line-height: 21px; text-align: left; } div#amshopby-page-container .category-title + img { width: 100%; height: auto; } /* PRODUCT LIST */ /* GRID - POSITION ITEMS */ .home-products.row { margin: 0 0 95px !important; } .category-products .products-grid li.item { float: left; padding: 10px !important; } p ~ .category-products { padding-top: 20px; } .filter-products .products div.item { padding: 20px 5px !important; } .home-products.row .fullwidth.col-sm-12 { padding: 0; } .home-products .category-products .products-grid.columns4 li.item, .home-products .filter-products .owl-item .item { float: left; padding: 0 !important; margin-top: 20px; } .category-products .products-grid li.item .item-area, .filter-products .owl-item .item .item-area { width: 100%; position: relative; max-width: 100%; height: 100%; overflow: hidden; min-height: 324px; padding: 10px 5% 16px; min-width: 100px; transition: all 0.2s; -webkit-transition: all 0.2s; box-sizing: border-box; max-height: 100%; } .category-products .products-grid li.item .item-area .details-area { position: relative; width: 100%; left: 0; height: 100%; padding: 0; top: 5px; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; max-width: 280px; margin: auto; } .item .details-area h2.product-name, .item h2.product-name { position: relative; text-align: center; width: 100%; left: 0; } .item-price-box { top: -1px; position: relative; left: 0; width: 100%; height: 100%; } .item-price-box .price-box, .price-box { top: 10px; position: relative; margin: 0; height: 100%; -webkit-transition: all 0.2s; /* Safari */ transition: all 0.2s; -webkit-transition-delay: 0.3s; /* Safari */ transition-delay: 0.3s; } .item .price-action-box { position: absolute; opacity: 0; width: 100%; top: 100px; -webkit-transition: all 0.2s; /* Safari */ transition: all 0.2s; -webkit-transition-delay: 0.2s; /* Safari */ transition-delay: 0.2s; } .item .product-image-area { position: relative; background: #ffffff; overflow: hidden; border: none; border-radius: 0; padding: 0; z-index: 0; min-width: 100px; left: 0; } .category-products .products-grid li.item .product-image-area .product-image, .products-grid li.item .product-image { width: 100%; display: block; position: relative; z-index: 0; overflow: hidden; background: #ffffff; max-height: 177px; text-align: center; opacity: 1; } .product-image-area .product-image:before, .products-grid li.item .product-image:before { content: " "; display: block; height: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .category-products .products-grid li.item .product-image-area .product-image img, .products-grid li.item .product-image img { transition: all .3s; width: 200px; margin: auto; height: auto; position: relative; display: block; padding-top: 4px; padding-bottom: 4px; } .category-products .products-grid li.item .product-image-area .product-image img + img, .products-grid li.item .product-image img + img { display: none; } .filter-products .products div.item .details-area { padding: 10px; display: block; text-align: center; min-height: 105px; } .item p.old-price.special-price, .regular-price { top: 0; width: 100%; left: 0; } .home-products-promotions .col-sm-12 { padding: 0; } #promotion_product .product-image-area { max-height: 177px; } .home-product-tabs .carousel-nav .carousel-cell a, .home-product-tabs ul li a { float: left; list-style: none; text-decoration: none; width: 100%; display: inline-block; } .home-product-tabs .carousel-nav .carousel-cell a:hover, .home-product-tabs ul li a:hover { color: #CB027C; } /* MINICART */ .mini-cart .totals { padding: 10px 20px 25px 20px; text-align: right; font-size: 18px; color: #1d1d1b; font-weight: 700; border-top: 1px solid #e4e4e4 !important; } .mini-cart .totals .label { display: none; } .mini-cart p.cart-empty { padding: 20px; } .mini-cart .mini-products-list .product-details { left: 0; display: inline-block; float: left; height: 100%; width: calc(100% - 84px); position: absolute; min-height: 80px; margin-left: 84px; padding-right: 4px } .mini-cart .mini-products-list.large { max-height: 400px; overflow: hidden; overflow-y: auto; } .mini-cart .mini-products-list .product-details-content { padding: 10px 2px 22px 0; width: calc(100% - 30px); display: inline-block; height: 100%; position: relative; top: 0; left: 0; float: left; } .mini-cart .mini-products-list li { border: 0; padding: 5px 0 10px 0; min-height: 115px; display: flex; } .mini-cart .mini-products-list li:not(:first-child) { border-top: 1px dotted #cccccc; } .mini-cart .mini-products-list li .product-image { border-width: 0; padding: 0; width: auto; border-radius: 0; padding-left: 10px; } .mini-cart .mini-products-list li .product-image img { width: auto; } .mini-cart .product-name { margin: 10px 0 0 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .mini-products-list li .product-name a { color: #777777; font-size: 13px; text-transform: uppercase; } .mini-cart .qty-price { color: #cb027c; font-size: 1.2em; } .mini-cart .totals .price-total .price { color: #cb027c; font-size: 26px; position: relative; } .mini-cart .totals .price-total .price-total-before { font-size: 9px; font-weight: 400; color: #222222; opacity: 1; position: relative; padding: 10px 8px 5px 0; vertical-align: top; display: inline-block; text-transform: uppercase; } .mini-cart .actions { position: relative; width: 100%; display: flex; background: #ececeb; } .mini-cart .actions .btn-cart { animation: none; min-height: 80px; height: auto; width: auto; flex-grow: 1; } .mini-cart .actions .btn-cart:hover, .mini-cart .actions .btn-cart:focus { opacity: 1; } .mini-cart .actions .btn-checkout { position: relative; float: right; border: none; color: white; font-weight: 600; } .mini-cart .actions .btn-view-cart { border: none; } .mini-cart .actions .btn-view-cart span, .mini-cart .actions .btn-view-cart:hover span { color: #626262 !important; } .mini-cart .actions .btn-checkout span, .mini-cart .actions .btn-checkout:hover span { color: white; } .minicart-close-container { width: 20px; max-width: 20px; overflow: hidden; display: inline-block; position: relative; height: 60px; float: right; right: 0; } .option-detail { display: none; } /* STYLES */ .home-product-tabs { width: 100%; margin-left: auto; margin-right: auto; /*min-height: 26px;*/ /*max-height: 26px;*/ border-bottom: 1px solid #f5f5f5; margin-bottom: 10px; } .home-product-tabs .carousel-nav, .home-product-tabs ul { list-style-type: none; text-align: center; margin: 80px auto 30px auto; padding: 0; display: table; overflow: hidden; } .home-product-tabs .carousel-nav .carousel-cell, .home-product-tabs ul li { list-style: none; float: left; margin: 0 17px 0 17px; text-align: center; } .home-products.row .line-more-products { border-bottom: 1px solid #f5f5f5; text-align: center; padding-top: 70px; } .home-products.row .line-more-products a.btn-more-products { padding: 19px 34px 21px 34px; border: 1px solid #c4c6c8; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; color: #626262; font-size: 12px; line-height: 17px; font-weight: 600; transition: all 0s; top: 10px; background-color: white; } .btn-gf, button.button.btn-gf { border-bottom: none; color: #222222; font-size: 14px; text-transform: uppercase; line-height: 1.4em !important; font-weight: 400; } .btn-gf-small, button.button.btn-gf-small, .btn-gf-small a { border: none; color: #222222; font-size: 12px; text-transform: uppercase; line-height: 17px; font-weight: 400; transition: all 0s; } .home-product-tabs .carousel-nav .carousel-cell.active.btn-gf-small a, .home-product-tabs ul li.active.btn-gf-small a { font-weight: 700; border-bottom: 2px solid #cb027c; padding-bottom: 6px; } .btn-gf-small.disabled { opacity: 0.6; } .category-products .products-grid li.item .details-area .product-name a, .filter-products .products div.item .details-area h2.product-name a { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 15px; color: #222222; line-height: 21px; text-transform: uppercase; text-decoration: none; font-weight: 600; display: block; width: 100%; } .category-products .products-grid li.item .details-area .product-name a { max-width: 200px; margin: auto; } .item .special-price, .item .regular-price { margin: 0; clear: both; display: block; vertical-align: middle; position: absolute; width: 100%; bottom: 44px; text-decoration: none; float: left; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 18px; color: #cb027c; line-height: 21px; } .item .price-box { position: relative; } .item .price-box .special-price span.price, .item .price-box .regular-price span.price, .item .price-box .minimal-price span.price { text-decoration: none; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 18px; color: #cb027c; line-height: 21px; } .item .price-box span[id^="old"] { color: grey !important; font-weight: 400; font-size: 16px !important; text-decoration: line-through; } .item .price-box .minimal-price span[id^="old"] { display: none; } .item p.old-price span.price:nth-child(2) { color: #c4c6c8; padding-right: 5px; text-decoration:line-through; } .item .price-box p.minimal-price span.price-label { white-space: nowrap; display: inline-block; color: #4a4a4a; text-transform: uppercase; line-height: 1.8em; font-size: 10px; padding-top: 3px; vertical-align: top; } .item .price-from, .item .price-to { margin-top: 20px; white-space: nowrap; display: inline-block; color: #4a4a4a; text-transform: uppercase; line-height: 1.2em; font-size: 10px; padding-top: 3px; vertical-align: top; vertical-align: middle; width: 100%; text-decoration: none; font-family: 'Open Sans', Helvetica, Arial, sans-serif; } .item .details-area div.product-shortdescription { color: #626262; font-size: 13px; line-height: 15px; font-weight: 400; padding: 0 15px; -webkit-transition: all 0.3s; /* Safari */ transition: all 0.3s; -webkit-transition-delay: 0.4s; /* Safari */ transition-delay: 0.4s; display: none; } .item .details-area div.product-shortdescription p { position: relative; text-align: center; width: 100%; left: 0; text-transform: none; opacity: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; } .item .details-area div.product-productformat, .item div.product-productformat { position: absolute; top: -9px; z-index: 2; left: 0; margin: auto; width: 100%; opacity: 0.7; color: grey; font-size: 10px; line-height: 16px; font-weight: 400; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; text-transform: uppercase; } .item div.product-productformat {top:0;text-align: center;} .item a.addtocart.outofstock { border: none; color: #262626; font-size: 14px; font-weight: 400; text-transform: uppercase; line-height: 18px !important; text-decoration: none; opacity: 0.9 !important; margin-top: 10px !important; display: block; } .category-products .products-grid.columns4 { margin-left: 0; margin-right: 0; } /* MEDIA QUERY */ @media (min-width: 768px) { /* disable Flickity for large devices */ .carousel:after { content: ''; } .home-product-tabs .carousel-nav, .home-product-tabs ul { display: table !important; } } /* MEDIA QUERY */ @media (min-width: 590px) { .item .item-area.out-of-stock_style:hover .product-image-area, .item .item-area.out-of-stock_style:hover .details-area > p, .item-area.out-of-stock_style:hover .details-area > h2, .item-area.out-of-stock_style:hover .details-area > div[class^="product"], .item-area.out-of-stock_style:hover .details-area > a, .item-area.out-of-stock_style:hover .details-area > .item-price-box .price-box { opacity: 0.3; } .home-product-tabs .carousel-nav .carousel-cell.active, .home-product-tabs ul li.active, .home-product-tabs .carousel-nav .carousel-cell:hover, .home-product-tabs ul li:hover { float: left; list-style: none; opacity: 1; } .btn-gf-small:hover, button.button.btn-gf-small:hover, button.button.btn-gf-small a:hover { text-decoration: none; opacity: 1; } .btn-gf-small a::after { display: block; content: attr(title); font-weight: bold; height: 1px; color: transparent; overflow: hidden; visibility: hidden; } .category-products .products-grid li.item .item-area:hover { overflow: visible; border: none; transition-delay: 5s; -webkit-transition-delay: 5s; top: 1px; } .category-products .products-grid li.item .item-area:hover a.product-image:before { height: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } .category-products .products-grid li.item .item-area:hover .details-area { top: -5px; -webkit-transition: all 0.3s; transition: all 0.3s; } .category-products .products-grid li.item .item-area:hover div.product-productformat { top: -200px; opacity: 0; z-index: -10; transition: all 0.3s; -webkit-transition: all 0.3s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } .category-products .products-grid li.item .item-area:hover div.product-shortdescription { opacity: 0; top: 0px; transition: all 0.2s; -webkit-transition: all 0.2s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } .category-products .products-grid li.item .item-area:hover div.item-price-box .price-box { top: 0; transition: all 0.3s; -webkit-transition: all 0.3s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } .category-products .products-grid li.item .item-area:hover div.item-price-box .price-action-box { top: 20px; opacity: 1; transition: all 0.3s; -webkit-transition: all 0.3s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } .item .item-price-box .price-action-box .actions a.addtocart.outofstock:hover { transition: all 0s; -webkit-transition: all 0s; border: none; } } /* MEDIA QUERY */ @media (max-width: 1199px) and (min-width: 992px) { } /* MEDIA QUERY */ @media (max-width: 991px) { .owl-top-narrow { margin: 0; } } /* MEDIA QUERY */ @media (max-width: 767px) { .home-product-tabs { width: 100%; max-height: none; padding: 10px 0 0; } .home-products.row { margin-top: 20px !important; } .home-product-tabs .carousel-nav, .home-product-tabs ul { margin: 0; width: 100%; border-left: 0; border-right: 0; border-top: 0; font-size: 0; padding: 0; position: relative; text-align: center; top: 0; white-space: nowrap; display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .home-product-tabs .carousel-nav::-webkit-scrollbar, .home-product-tabs ul::-webkit-scrollbar { display: none; } .home-product-tabs .carousel-nav .carousel-cell, .home-product-tabs ul li { padding: 20px 5px 0 !important; float: none !important; display: inline-block; margin: 0 20px; position: relative; flex: 1 0 auto; } .carousel:after { content: 'flickity'; display: none !important; } .btn-gf-small, button.button.btn-gf-small, .btn-gf-small a { font-size: 15px; padding-top: 12px; line-height: 28px; } } /* MEDIA QUERY */ @media (max-width: 767px) and (min-width: 609px) { .category-products .products-grid li.item { padding-right: 0 !important; } li.item.nth-child-2np1.nth-child-3np1.nth-child-4np1.nth-child-5np1.nth-child-6np1.nth-child-7np1.nth-child-8np1 { padding-left: 0 !important; } } @media (max-width: 590px) { .item .item-area.out-of-stock_style { opacity: 0.5; } .category-products .products-grid.columns4 li.item, .filter-products .owl-item .item { width: 100%; } .category-products .products-grid.columns4 li.item { padding-bottom: 15px !important; } .category-products .products-grid li.item .item-area, .filter-products .owl-item .item .item-area { border: none; width: 80%; margin: auto; } .category-products .products-grid li.item .item-area:hover { top: 0; } .category-products .products-grid li.item .item-area div.product-shortdescription { opacity: 0; } .category-products .products-grid li.item .item-area div.item-price-box .price-box { top: -2px; } .category-products .products-grid li.item .item-area div.item-price-box .price-action-box { top: 15px; display: flex; width: 100%; } .category-products .products-grid li.item .item-area div.product-productformat { top: 20px; opacity: 0; z-index: -10; } .category-products .products-grid li.item .item-area div.item-price-box .price-action-box { top: 15px; opacity: 1; } .item-area.out-of-stock_style div { transition-delay: 0s; } .category-products .products-grid li.item .item-area, .filter-products .owl-item .item .item-area { min-height: 380px; } } /* MEDIA QUERY */ @media (max-width: 480px) { .category-products .products-grid.columns4 li.item, .filter-products .owl-item .item { height: auto; } .category-products .products-grid li.item .details-area, .filter-products .products div.item .details-area { padding: 0; } .category-products .products-grid li.item .item-area, .filter-products .owl-item .item .item-area { overflow: visible; } .home-products { margin-bottom: 40px; } .cms-index-index .home-products > div { padding-left: 0; padding-right: 0; } } /* DISPLAYS NONE */ .item .details-area a.addtowishlist { visibility: hidden; display: none; } .item .minimal-price-link { display: none; } .item .details-area p.product-sku { display: none; } .item .old-price .price-label { display: none; } div.item-price-box div.price-box span.label { margin-left: -5px; font-size: 12px; color: #222222; } .item .product-manufacturer p { margin: 0 0 5px 0; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; color: #222222; line-height: 21px; text-transform: uppercase; text-decoration: none; font-weight: 600; display: block; width: 100%; } a.addtowishlist { color: #ed4949; background-color: transparent; font-size: 17px; display: inline-block; height: 32px; width: 32px; line-height: 32px; border: none; border-radius: 0; text-align: center; display: none; } .icon-wishlist:before { content: ' '; } a.addtowishlist .icon-wishlist { background: transparent url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_wishlist.png) 0 0 no-repeat; } .product-label { position: absolute; font-size: 14px; font-weight: 700; color: #ffffff; line-height: 1; top: -23px; z-index: 3; display: none; } .product-label span { position: relative; padding: 10px 10px 10px 7px; font-size: 14px; font-weight: 600; text-transform: uppercase; border-radius: 50%; width: 46px; height: 46px; line-height: 28px; } span.sale-product-icon { background-color: #1d1d1b; display: block; text-align: center; } .category-breadcrumb { font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 30px 0; } /* PRODUCT VIEW */ .product-view { margin-bottom: 32px; } .product-view .product-img-box { margin-bottom: 0; position: relative; } .product-img-box .col-md-12 { position: inherit; } span.glyphicon.glyphicon-search { display: none; } .product-view .product-img-box li.etalage_thumb, .product-view .product-img-box li.etalage_small_thumbs li { padding: 0; border: none; border-radius: 0; background: #ffffff; max-width: 100%; } .product-view .product-img-box img.zoomImg { z-index: 0; } .etalage { margin: 10px auto 0; } li.etalage_small_thumbs { top: 10px !important; } .product-view .product-img-box .etalage a.fancy-images { position: absolute; right: 10px; bottom: 10px; z-index: 99; display: none; color: #000000; } .col1-layout .product-options { float: left; width: 100%; border: 0; color: #4a4a4a; margin: 14px 0 0 0; } .col1-layout .product-options p { display: none; } .product-view .product-essential .product-shop { padding-right: 8%; padding-left: 20px; } .product-view .product-shop-box { padding: 25px 0 0 0; } .product-view .product-shop-box p { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #222222; line-height: 19px; } .product-view .product-short-description span.product-manufacturer { display: block; } .product-view .product-img-box .etalage-control { position: absolute; width: calc(100% - 35px); height: 0; left: 15px; visibility: hidden; transition: all 0.3s; z-index: 2; margin-top: 20%; } .product-view .product-img-box .etalage-control a { position: relative; display: inline-block; width: auto; float: left; } .product-view .product-img-box .etalage-control a.etalage-next { margin: 0; right: 0; float: right; top: 0; text-align: right; } .product-view i.ico-pass { text-align: right; } .availability, .product-view .product-shop-box .availability { color: #11c9c9; font-weight: 400; text-transform: uppercase; border-radius: 0; padding: 3px 0; top: 0px; float: left; font-size: 12px; } .availability.in-stock span { display: none; } .availability.out-of-stock span { color: #c4c6c8; } .availability span { font-weight: 400; left: 0; font-size: 10px; } .product-view .simple-product-price { padding: 0; } .alert-stock.link-stock-alert a { top: 5px; position: relative; line-height: 28px; color: #cb127b; } .grouped-items-table .out-of-stock, .simple-items-table .out-of-stock { opacity: 0.5; } #wishlist-table .availability { margin-top: 20px; } .product-view .col-availability p { width: 100%; text-align: left; padding-left: 0; left: 0; } .product-view .col-options { margin-bottom: 0; padding: 0; float: left; text-align: left; } .product-view .col-options, .product-view .col-price { min-height: 60px; } .product-view .col-options, .product-view .col-price.configurable { display: flex; justify-content: space-between; align-content: center; align-items: center; } .product-view .col-options, .product-view .col-price.configurable .price-box { top: 0; } .product-view .product-sku { float: left; margin-right: 10px; font-size: 11px; } .product-description p { font-size: 12px; color: #626262; line-height: 17px; } .product-view .product-manufacturer a { font-size: 13px; font-weight: 400; line-height: 21px; color: #cb027c; opacity: 0.7; font-family: 'Open Sans', sans-serif; } .product-view .product-manufacturer a:hover { opacity: 1; } .product-view .product-description { margin-top: 25px; } .prev-next-products { float: right; position: absolute; right: 40px; top: 10px; } .ratings .rating-links { display: none; } .product-view .product-name { padding: 4px 0 16px; } .product-view .product-name h1 { margin: 0; font-size: 28px; font-weight: 600; line-height: 34px; color: #1d1d1b; } .product-view .product-type h2 { margin: 0; font-size: 14px; font-weight: 400; line-height: 1; color: #626262; font-family: 'Open Sans'; } .product-view .product-short-description p { margin: 0 0 20px 0; font-size: 14px; font-weight: 400; line-height: 21px; color: #626262; font-family: 'Open Sans'; } .product-view .container-table-prices .product-labels { padding: 0 !important; top: 0; position: relative; float: left; height: 100%; text-align: left; margin: 0 !important; display: table-column; overflow: hidden; min-height: 78px; left: 0; } .product-view .container-table-prices .col-price-btn { padding: 5px 0 0 0; } .product-view .container-table-prices .product-labels .product-label { font-size: 14px; font-weight: 700; color: #ffffff; line-height: 1; z-index: 3; display: block !important; width: 48px; height: 48px; padding: 10px 5px !important; border-radius: 56%; margin: 0; top: 50%; position: absolute; transform: translateY(-50%); } .product-label.new-label { background: #ededed; } .product-label.discount-label { background-color: #cb027c; } .product-view .product-labels .product-label > span { padding: 0 !important; margin: 0 !important; height: 100%; display: block; background: none !important; width: 100%; border: none !important; position: relative; font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 29px; } .product-view .product-labels .product-label.new-label span.new-product-icon { font-size: 11px !important; color: #626262 !important; } .product-view .product-labels .product-label span.sale-product-icon span { font-weight: 100; padding: 0; } .product-view .product-labels .product-label.discount-label span.sale-product-icon { color: white; font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 29px; } .grouped-items-table tr:not(:first-child):before, .simple-items-table tr:not(:first-child):before { margin: 0 !important; content: ""; display: block; width: 100%; left: 0; height: 1px; position: absolute; border-top: 1px dotted #dddddd; } .product-collateral { position: relative; margin-top: 0; } /* INFO DETALS */ .info-details-container { background: #f7f7f7; } .product-collateral.info-details-product { margin-top: 40px; } .product-collateral#related-products { margin-bottom: 10px; } .related-products-module .filter-products .products .item { padding: 5px; } .related-products-module .filter-products .owl-item .item .item-area { max-height: 100% !important; padding-bottom: 0; } .product-view .product-pre-collateral { width: 100%; text-align: center; float: left; clear: both; margin-top: 60px; } .product-view .product-pre-collateral h2 { margin: 15px 0; font-size: 32px; font-weight: 400; line-height: 1; color: #1d1d1b; } .price-filter-slider .ui-slider .ui-slider-range { background: #cb027c; border: none; box-shadow: none; border-radius: 0; height: 3px; cursor: pointer; } .price-filter-slider .ui-slider span.ui-slider-handle { min-height: 16px; top: 4px; background-image: none !important; background: white !important; border: 2px solid #cb027c; border-radius: 50% !important; } .price-filter-slider .text-box input, .price-filter-slider .text-box span { margin-top: 0; padding-top: 0 !important; } .product-view .configurable-price-from-label { display: none; } .product-view .price-label { display: none; } .product-view .product-shop .price-box .old-price, .product-view .product-shop .price-box .special-price { display: flex; } .product-view .product-shop .col-availability { margin-left: 15px; width: calc(100% - 30px); height: auto; display: block; position: relative; padding: 0; } .col1-layout .product-view .product-info { float: left; width: 100%; border: 0; margin-top: 20px; padding-bottom: 0; } .col1-layout .product-view .product-details { display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; float: left; flex-direction: column; margin-top: 20px; width: 100%; } } .product-grouped .col-availability { display: none; } .product-view .grouped-items-table, .product-view .simple-items-table { position: relative; display: flex; width: 100%; } .product-view .grouped-items-table tbody, .product-view .simple-items-table tbody { display: flex; width: 100%; flex-flow: row wrap; } .product-view .grouped-items-table tr, .product-view .simple-items-table tr { display: flex; width: 100%; justify-content: space-between; flex-flow: row nowrap; } .product-view .grouped-items-table tr > td, .product-view .simple-items-table tr > td{ display: flex; align-items: center; padding: 10px 2px; } .product-view .grouped-items-table tr > td:nth-of-type(1), .product-view .simple-items-table tr > td:nth-of-type(1){ justify-content: flex-start; } .product-view .grouped-items-table tr > td.a-right, .product-view .simple-items-table tr > td.a-right{ flex: 1; } .product-view .grouped-items-table tr > td.a-right > div, .product-view .simple-items-table tr > td.a-right > div{ width: 100%; display: flex; justify-content: flex-end; padding-right: 20px; } .product-view .grouped-items-table tr > td.a-right > div .price-box, .product-view .simple-items-table tr > td.a-right > div .price-box{ margin: 0; height: auto; top:0; } .product-view .grouped-items-table .product-view .simple-items-table tr > td:nth-of-type(3), .product-view .simple-items-table tr > td:nth-of-type(3){ justify-content: flex-end; } .product-view .grouped-items-table tr > td .btn-cart span, .product-view .simple-items-table tr > td .btn-cart span{ -webkit-animation: none; -o-animation: none; animation: none; } .product-view .container-table-prices .grouped-items-table{ border-top: 1px solid #ddd; border-bottom: 1px solid #f5f5f5; margin-top: 20px; } .product-view .att-grouped p { font-size: 15px; font-weight: 600; text-transform: uppercase; white-space: nowrap; } .product-options-bottom { position: relative; } .product-options-bottom .add-to-cart { display: none; } .product-view .add-to-cart { background: none; margin: auto; } .product-view .product-shop .price-box .price { color: #cb027c !important; font-size: 20px !important; text-decoration: none; line-height: 16px; float: left; font-weight: 600 !important; } .product-view .product-shop .price-box .old-price .price.old-price-span { color: #c4c6c8 !important; font-size: 15px !important; float: left; font-weight: 400 !important; text-decoration:line-through; } .product-view .product-shop .price-no-strikethrough .price-box .old-price .price.old-price-span { text-decoration: none; } .product-view .product-shop .price-hide .price-box .old-price .price.old-price-span { display: none; } .product-view .product-shop .price-box .old-price .price.special-price-span { color: #cb027c !important; font-size: 20px !important; text-decoration: none; line-height: 16px; float: left; padding-left: 10px; font-weight: 600 !important; } .product-price-offer { float: left; margin-top: 22px; text-transform: uppercase; } .product-price-offer p { margin: 0; font-size: 12px; line-height: 1.2em; } .product-price-offer p.discount { color: #f00000; font-weight: bold; } .col1-layout .product-view .product-options + div.clearer, .col1-layout .product-view .product-info + div.clearer { border-bottom: 0; } .product-info .divider { display: none; } .product-info .loading-spp { display: flex; justify-content: flex-start; align-items: center; align-content: center; height: 40px; padding: 0; } .product-info .loading-spp .spp-please-wait { display: flex; justify-content: flex-start; align-items: center; align-content: center; } .product-info .loading-spp .spp-please-wait:before { top: inherit; transform: none; margin-top: 0; } .product-view .qty-holder { display: none; } .product-view .qty-holder a { width: 18px; height: 18px; display: block; overflow: hidden; opacity: 0.7; cursor: pointer; border: none; padding: 0; margin: 0; } .product-view .qty-holder a:hover { opacity: 1; } .product-view .qty-holder .qty_dec { background: transparent url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_minus_qty.png) 0 8px no-repeat; } .product-view .qty-holder .qty_inc { background: transparent url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_plus_qty.png) 0 0 no-repeat; } .add-to-cart .qty { margin-right: 2px; display: inline-block; vertical-align: middle; height: 38px; width: 40px !important; font-size: 15px; text-align: center; color: #4a4a4a; border: 0; background: transparent; margin-top: 2px; } .add-to-cart .top-header-msg { text-decoration: underline; margin: 20px 0 0 0; } .product-view .add-to-links { float: left; } .product-options-bottom .add-to-links { padding: 0; text-align: left; display: inline-block; vertical-align: middle; } .product-view .add-to-links a { border: 0; height: 60px; display: inline-block; text-align: center; font-size: 14px; background: transparent url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_wishlist_button.png) 15px 21px no-repeat !important; line-height: 60px; color: #4a4a4a; margin: 0 auto; padding-left: 32px; text-transform: uppercase; width: auto; opacity: 0.7; } .link-wishlist { color: #4a4a4a; border: none; } .product-view .add-to-links a:hover { opacity: 1; text-decoration: none; } .product-options-bottom .add-to-links li:first-child a { margin-left: 0; } /* PRODUCT SOCIAL SHARE */ .product-view .social-icons-links { width: 100%; } .product-view .social-icons-links li.facebook a { background-position: 2px -91px; } .product-view .social-icons-links li.twitter a { background-position: -33px -91px; } .product-view .social-icons-links li.googleplus a { background-position: -68px -91px; } .product-view .social-icons-links li.email a { background-position: -138px -91px; } .product-view .social-icons-links li a:hover { background-position-y: -120px; } .product-view .social-icons-links { max-width: 55px; position: absolute; top: 30px; right: 15px; width: 100%; z-index: 25; } .product-view .social-icons-links ul { margin: 0 auto; } .product-view .social-icons-links li { list-style: none; float: none; width: 29px; height: 29px; display: block; margin: auto; overflow: hidden; text-align: center; position: relative; margin-bottom: 2px; } .product-view .social-icons-links li.share-text { display: block; width: auto; line-height: 30px; font-size: 10px; opacity: 0.3; text-transform: uppercase; text-align: center; float: none; } /* PRODUCT COLLATERAL INFO */ .related-products-module { padding-top: 20px; } .product-collateral [class*="col-"] { padding: 0; } .product-collateral .product-collateral-content p { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #222222; letter-spacing: 0; margin-bottom: 5px !important; line-height: 18px; } .product-collateral .product-delivery-info li, .product-collateral .product-faqs-info li { clear: both; float: left; margin-bottom: 20px; } .product-collateral.info-details-product .product-collateral-content { opacity: 0.8; } .product-collateral .product-delivery-info li { min-height: 44px; padding-left: 60px; } .product-collateral .product-delivery-info li.delivery { background: transparent url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_product_delivery.png) 0 0 no-repeat; } .product-collateral .product-delivery-info li.expenses { background: transparent url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_product_expenses.png) 0 0 no-repeat; } .product-collateral .product-delivery-info li.pick { background: transparent url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_product_shop.png) 0 0 no-repeat; } .product-collateral .product-delivery-info li.stock { background: transparent url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_product_stock.png) 0 0 no-repeat; } #product-customer-reviews { margin-top: 30px; } #related-products, #review_list, #upsell-products, #crosssell-products, #related-post { margin-bottom: 40px; } #related-products h4, #review_list h4, #upsell-products h4, #crosssell-products h4, #related-post h4 { list-style-type: none; text-align: center; padding: 0; } .product-collateral .product-collateral-content { padding: 15px 24px 15px 0; } .product-collateral-content.product-faqs-info.last strong { font-weight: 600; } /* TABS (NOT USED) */ .product-tabs h3 { color: #1d1d1b; width: 100%; text-align: center; font-size: 26px; } .product-tabs { width: 100%; margin-left: auto; margin-right: auto; } .product-tabs > ul { list-style-type: none; text-align: center; margin: 20px auto 20px auto; padding: 0px; display: block; overflow: hidden; } .product-tabs > ul li { background-color: #ffffff; } .product-tabs > ul > li { float: left; list-style: none; margin: 0 3px; text-align: center; opacity: 0.4; border: 2px solid #1d1d1b; color: #1d1d1b; font-size: 12px; padding: 5px 10px 3px 10px; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; text-transform: uppercase; line-height: 1.3em !important; font-weight: 600; } .product-tabs > ul > li a { font-size: 11px; padding: 5px; color: #1d1d1b; } .product-tabs > ul > li.active, .product-tabs > ul > li:hover { float: left; list-style: none; border-color: #1d1d1b; color: #1d1d1b; opacity: 1; } .product-tabs .tab-content { padding: 30px 0; border: none; min-height: 200px; border-radius: 0; box-shadow: none; background-color: #ffffff; } /* CONFIGURABLE OPTIONS */ .not-avaiable .swatch-link { border-color: #cccccc; } .product-view .product-options .swatch-attr { padding: 0 0 0 15px; } .product-view .product-options .swatch-attr label { display: none; } .product-options dt { padding: 0 0 15px 0; font-weight: normal; } .product-options dd { margin: 0 0 20px; } .product-options dd.last { margin: -12px 0 10px; } .product-options .validation-advice { position: absolute; top: -20px; } .product-view .configurable-swatch-list { float: left; } ul li a.swatch-link { display: block; border-radius: 0; text-align: center; color: #4a4a4a; text-decoration: none; box-sizing: content-box; border: none; margin: 0 0 3px; transition: all 0s; } ul li a .swatch-label { border: none; border-radius: 0; font-weight: 600; font-size: 16px; text-transform: uppercase; color: #4a4a4a; line-height: 46px !important; text-decoration: none !important; background: #ffffff; position: relative; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 8px; } .configurable-swatch-list li:first-child a span.swatch-label { padding-left: 0 !important; margin-left: 0; } .configurable-swatch-list .wide-swatch:not(:first-child) .swatch-label:before { content: ""; position: absolute; left: -1px; display: block; top: 13px; width: 1px; height: 22px; border-left: 1px solid #cccccc; } .configurable-swatch-list .selected .swatch-link, .configurable-swatch-list .selected .swatch-label { color: #cb027c; } .configurable-swatch-list .hover span.swatch-label { color: #cb027c; } .configurable-swatch-list .not-available span.swatch-label, .configurable-swatch-list .not-available a { color: #aaaaaa; } .configurable-swatch-list .not-available .swatch-link { color: #ffffff; border-color: #cccccc; } .configurable-swatch-list .not-available.selected .swatch-link { background: none; border-color: transparent; } .product-manufacturer-logo img { margin: 16px 0; max-width: 160px; } .product-manufacturer-logo a { color: #CB027C; font-size: 11px; } #product-attribute-specs-table { border: 0; margin-top: 10px; } #product-attribute-specs-table p { margin-bottom: 5px !important; } #product-attribute-specs-table span.label { font-weight: bold; } /* RATINGS */ .product-view .product-essential .ratings { background: none; height: auto !important; margin: 0; padding: 10px 0 2px; width: 100%; } #product-review-table .rating-box { margin: 0 auto; } .ratings-list .rating-box .rating, #product-review-table .rating-box .rating { height: 14px; } .product-view .product-essential .ratings .rating-box { width: 64px; height: 22px; } .product-view .product-essential .ratings .rating-box:before { width: 126px; height: 20px; font-size: 11px; line-height: 15px; } .product-view .product-essential .ratings .rating-box .rating:before { width: 126px; height: 20px; font-size: 11px; line-height: 15px; } .product-view .product-essential .ratings .rating-box .rating { height: 14px; } /* RATINGS STARS FORM */ #product-review-table tbody tr { border: none; } .review-area { line-height: inherit; margin-left: 0; margin-top: 20px; padding: 0 10px; } .review-area .col-left { width: 75px; float: left; } .review-area .review-by { font-style: normal; font-size: 12px; color: #888888; text-transform: lowercase; } .review-area .review-by b { color: #888888; font-weight: 400; text-transform: capitalize; } .review-area .col-right { min-width: 150px; float: left; clear: both; } .review-row { background-color: #eaebec; } .review-row .data-table tbody th, .review-row .data-table tbody td { border: none; padding: 0; line-height: 1.3; } .ratings-table { margin: 0; border: none; width: auto; } .review-row .data-table tbody tr { background-color: transparent; } .add-review { padding-top: 0; } .add-review h3 { text-transform: uppercase; margin-bottom: 0; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 16px; color: #959595; line-height: 40px; } .add-review h4 { font-size: 13px; font-weight: 400; margin-bottom: 15px !important; float: left; } .add-review .stars-container { position: relative; width: 100%; min-height: 80px; height:100%; display: flex; padding: 20px 0; justify-content: center; align-items: center; } .add-review .stars-container > div { display: flex; flex-flow: row wrap; } .add-review .stars-container .stars-block, .add-review .stars-container .content-block{ overflow: hidden; display: flex; width: auto; } .add-review .stars-container .stars-block + .content-block { padding-left: 20px; } form .stars { background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_rating.svg) no-repeat 0 0; width: 150px; margin: 5px auto; float: right; position: relative; height: 28px; border: 0; } .review-form { max-width: 600px; margin: auto; } .review-form .buttons-set { margin-top: 20px; margin-bottom: 60px; } .review-form .buttons-set [title*="Cancel"] { left: 0; float: left; margin: 0; } .review-form .buttons-set [title*="Submit"] { right: 0; float: right; margin: 0; } .review-form a.button { left: 0; right: 0; float: right; margin: 0; } .review-form .form-list .input-box input, .review-form .form-list .input-box textarea { border: none !important; } /*------------------------------ MEDIA QUERY ------------------------------*/ @media (max-width: 991px) { .product-view .social-icons-links { top: 0; } .product-collateral.info-details-product .product-details, .product-collateral.info-details-product .product-delivery, .product-collateral.info-details-product .product-faqs { padding-right: 0; } .product-view .product-shop-box { padding: 20px 0 0 0; } .product-view .product-essential .product-shop { padding-right: 20px; } } @media (min-width: 481px) and (max-width: 991px) { .product-collateral.info-details-product .product-delivery { margin-top: 32px; } } @media (min-width: 768px) { .owl-top-narrow .owl-controls { position: absolute; left: -10px; top: 50%; margin: 0; width: calc(100% + 20px); right: 0; display: flex; } .owl-top-narrow .owl-controls .owl-buttons { display: flex; width: 100%; align-items: center; } .owl-theme .owl-controls .owl-buttons div { display: flex; width: 100%; } .owl-carousel.owl-theme .owl-controls.clickable .owl-buttons div.owl-prev { text-align: left; justify-content: flex-start; } .owl-carousel.owl-theme .owl-controls.clickable .owl-buttons div.owl-next { text-align: right; justify-content: flex-end; } .owl-theme .owl-controls .owl-buttons .owl-next { justify-content: flex-end; } .owl-theme .owl-controls .owl-buttons .owl-prev { justify-content: flex-start; } .products.owl-carousel i.ico-previous, .products.owl-carousel i.ico-pass { transform: scale(1.3); } .products.owl-carousel i.ico-previous:hover, .products.owl-carousel i.ico-pass:hover { transform: scale(1.4); } .product-img-box .etalage img { -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .product-img-box .etalage img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; } } @media (max-width: 767px) { .owl-controls { display: none !important; } .add-review h3 { font-size: 14px; text-transform: uppercase; margin-bottom: 0; text-align: center; } .add-review h4 { font-size: 13px; font-weight: 400; margin-bottom: 15px !important; float: none; } .stars-container .ratings-table { margin: auto; } .stars-container .stars-block, .stars-container .content-block{ float: none; clear: both; padding-left: 0; padding-right: 0; margin: auto; } form .stars { width: 150px; margin: 0 auto; float: none; } .review-form .buttons-set .btn-general { width: 50%; text-align: center; } } @media (max-width: 767px) { .filter-products .owl-wrapper .owl-item .item .item-area { max-height: 400px; min-height: 400px; } .product-collateral [class*="col-"] { margin-top: 20px; } .item .product-image-area { max-height: none; } .product-collateral .product-collateral-content { margin-right: 0 !important; border: 0 !important; padding: 15px 0 15px 0 !important; } } @media (max-width: 640px) { #related-products h4, #review_list h4, #upsell-products h4, #crosssell-products h4, #related-post h4 { text-align: left; } .col-price-btn .col-price, .col-price-btn .col-btn { padding: 0 15px; } .product-view .simple-product-label { clear: both; margin: 0 !important; } .product-view .simple-product-price { clear: both; } .product-labels.simple-product-labels { padding-left: 15px !important; padding-right: 15px !important; } } @media (min-width: 481px) { .col-price-btn .col-price, .col-price-btn .col-btn { padding: 0 15px 0 0; } } @media (max-width: 480px) { .product-info .col-price { padding: 0 15px 0 15px; } .col-price-btn .col-price, .col-price-btn .col-btn { width: 100%; } .col1-layout .add-to-box { width: 100%; } .product-view .product-shop .price-box .price { font-size: 22px !important; line-height: 12px; } .product-view .product-img-box.vertical { margin-bottom: 0; height: 100%; width: 100%; display: block; overflow: hidden; } .product-view .col-options { width: 100%; } .product-labels.simple-product-labels { padding-left: 0 !important; padding-right: 0 !important; } .product-view .container-table-prices .product-labels{ min-width: 44px !important; max-width: 44px !important; } .product-view .product-labels .product-label { float: left !important; transform: translateY(-50%) scale(0.7) !important; } .product-view .simple-product-labels.product-labels .product-label { float: right !important; } .product-view .product-options .swatch-attr { padding: 0 15px; } .product-view .configurable-swatch-list { float: none; margin: auto; text-align: center; padding: 0 15px; } .product-view .product-info .col-price > div[itemprop*="offers"] { width: 100%; margin: auto; display: block; text-align: center; float: none; height: 100%; clear: both; } .product-view .product-info .col-price .price-box { text-align: center; display: inline-block; float: none !important; clear: both; margin: 0 !important; } .product-view .product-info .col-price { width: 100%; padding: 0 20px 0 20px; text-align: center; margin: auto; clear: both; float: none; } .product-view .container-table-prices td.a-right { width: auto; font-size: 12px !important; } .product-view .att-grouped p { font-size: 1em; padding: 0; left: 0; } .product-view .product-shop .price-box p[class*='price'] .old-price-span.price { font-size: 14px !important; line-height: 20px; } .product-view .product-shop .price-box p[class*='price'] .special-price-span.price { font-size: 18px !important; line-height: 20px; } } @media (max-width: 376px) { .product-view .product-shop .price-box p[class*='price'] .old-price-span.price { position: absolute; top: -20px; right: 0; } .product-view .att-grouped p { font-size: 12px; padding: 0; left: 0; line-height: 20px; } .product-view .product-shop .price-box p[class*='price'] .special-price-span.price { line-height: 20px; } } /* PLUGINS */ .super-attribute-select.selectBox { display: none; } form .stars input[type="radio"] { position: absolute; width: 30px; margin: 0 0 0 2px !important; height: 30px; text-align: center; opacity: 0; filter: alpha(opacity=0); } form .stars input[type="radio"].star-5 { left: 104px; } form .stars input[type="radio"].star-4 { left: 78px; } form .stars input[type="radio"].star-3 { left: 52px; } form .stars input[type="radio"].star-2 { left: 26px; } form .stars input[type="radio"].star-1 { left: 0; } form .stars input[type="radio"].star-5:checked ~ span { width: 100%; background-position: 0 -20px; } form .stars input[type="radio"].star-4:checked ~ span { width: 80%; background-position: 0 -20px; } form .stars input[type="radio"].star-3:checked ~ span { width: 60%; background-position: 0 -20px; } form .stars input[type="radio"].star-2:checked ~ span { width: 40%; background-position: 0 -20px; } form .stars input[type="radio"].star-1:checked ~ span { width: 20%; background-position: 0 -20px; } form .stars label { display: block; width: 30px; height: 30px; margin: 0 !important; padding: 0 !important; text-indent: -999em; float: left; position: relative; z-index: 10; background: transparent !important; cursor: pointer; } form .stars label:hover ~ span { background-position: 0 -20px; } form .stars label.star-5:hover ~ span { width: 100% !important; } form .stars label.star-4:hover ~ span { width: 80% !important; } form .stars label.star-3:hover ~ span { width: 60% !important; } form .stars label.star-2:hover ~ span { width: 40% !important; } form .stars label.star-1:hover ~ span { width: 30px !important; } form .stars span { display: block; width: 0; position: absolute; top: 0; left: 0; height: 29px; background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_rating.svg) no-repeat -20px 0px; background-position: 0px -30px !important; } .rating-box .rating:before { font-family: "porto"; content: "\e852\20\e852\20\e852\20\e852\20\e852"; width: 64px; height: 11px; color: #cb027c; display: block; font-size: 11px; line-height: 11px; } /* DESCUBRE TU PERFUME SELECTOR */ #descubre-tu-perfume { background-color: #f5f5f5; min-height: 300px; width: 100%; background-image: url(/media/wysiwyg/galaperfumeries/homepage/selector-perfume.png); text-align: center; background-position: center -40px; } #descubre-tu-perfume .col-sm-12 { padding: 0px; width: 100%; display: block; overflow: hidden; height: 300px; top: 0; } #descubre-tu-perfume .descubre-selector-image .descubre-title { margin-top: 3.5em; z-index: 1; text-align: center; position: relative; } #descubre-tu-perfume .descubre-selector-image .descubre-title h2.h3 { top: 0; z-index: 1; text-align: center; width: 100%; position: relative; } #descubre-tu-perfume .descubre-selector-image .descubre-title p.textbase { z-index: 1; max-width: 500px; margin: auto; text-align: center; width: 100%; position: relative; display: inline-block; margin-top: 5px !important; } #descubre-tu-perfume .descubre-selector-image .descubre-title .btn-descubre-selector { position: relative; top: 30px; } #descubre-tu-perfume .descubre-selector-image .descubre-title .btn-descubre-selector .btn-general { border: .5px solid #9d5066; max-width: 240px; margin: auto; top: 0px; } /* HOVER */ #descubre-tu-perfume .descubre-selector-image .descubre-title .btn-descubre-selector .btn-general:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* gender SELECTOR */ #gender-selector { min-height: 300px; width: 100%; text-align: center; overflow: hidden; position: relative; } .gender-selector-bg { width: 100%; display: block; position: absolute; z-index: 0; height: 100%; top: 0; background: #efefef url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_texture8.svg) 6% repeat; } #gender-selector .col-sm-12 { padding: 0; width: 100%; } #gender-selector .gender-selector-title { top: 92px; z-index: 1; text-align: center; width: 100%; position: absolute; left: 0; } #gender-selector .gender-selector-image .col-sm-6 { text-align: center; position: relative; padding: 0; } #gender-selector .gender-selector-image .gender-selector-man { background: url("/media/wysiwyg/galaperfumeries/homepage/selector/selector-men.png"); background-position: left; background-repeat: no-repeat; margin-right: 0; min-height: 300px; z-index: 1; background-size: 81%; transition: all 0.6s; } #gender-selector .gender-selector-image .gender-selector-woman { background: url("/media/wysiwyg/galaperfumeries/homepage/selector/selector-women.png"); background-position: right; background-repeat: no-repeat; margin-left: 0; min-height: 300px; z-index: 1; background-size: 81%; transition: all 0.6s; } #gender-selector .gender-selector-image .col-sm-6 .btn-gender-selector { margin: auto; height: 300px; display: block; overflow: hidden; position: relative; } #gender-selector .gender-selector-image .col-sm-6 .btn-gender-selector a { padding: 100px; top: 180px; position: relative; } #gender-selector .btn-gender-selector .btn-general span { min-width: 56px; display: block; } #gender-selector .btn-gender-selector .btn-general { letter-spacing: 1.3px; } #gender-selector .gender-selector-image .gender-selector-woman .btn-gender-selector { margin-left: 22%; } #gender-selector .gender-selector-image .gender-selector-man .btn-gender-selector { margin-right: 18%; } /* HOVER */ #gender-selector .gender-selector-image .btn-gender-selector .btn-general:hover:after { opacity: 0.30; } #gender-selector .gender-selector-image .btn-gender-selector .btn-general:hover { letter-spacing: 1.4px; } /* MEDIA QUERY */ @media (min-width: 1200px) { #gender-selector .gender-selector-image .gender-selector-man, #gender-selector .gender-selector-image .gender-selector-woman { max-width: 585px; } } @media (max-width: 1199px) { .gender-selector-bg { min-height: 300px; text-align: center; background-image: url(/media/wysiwyg/galaperfumeries/homepage/selector/gender-selector.png); background-position: center; background-repeat: no-repeat; } #gender-selector .gender-selector-image .col-sm-6 { padding: 0 !important; } #gender-selector .gender-selector-image .gender-selector-man, #gender-selector .gender-selector-image .gender-selector-woman { background: none; } #gender-selector .gender-selector-image .gender-selector-woman .btn-general { left: 14%; } #gender-selector .gender-selector-image .gender-selector-man .btn-general { right: 14%; } #gender-selector > div.gender-selector-image.view-down-medium.col-sm-12 > div.col-sm-4.col-xs-8 { padding-left: 0 !important; padding-right: 0 !important; } } @media (min-width: 992px) { #gender-selector .gender-selector-title h3.h2 { font-size: 50px; color: rgba(62, 62, 62, 0.90); letter-spacing: -0.1px; font-weight: 800; position: relative; top: 0; } #gender-selector .gender-selector-title p.textbase { position: relative; top: 0; font-size: 16px; line-height: 21px; font-weight: 400; color: #626262; margin-top: 20px !important; } #gender-selector .gender-selector-image .gender-selector-man, #gender-selector .gender-selector-image .gender-selector-woman { max-width: 765px; } } @media (max-width: 991px) { #gender-selector .gender-selector-image .col-sm-6 .btn-gender-selector a { padding: 50px 0; } #gender-selector .gender-selector-title { top: 65px; } #gender-selector .gender-selector-image .gender-selector-man .btn-general { right: 0; } #gender-selector .gender-selector-image .gender-selector-woman .btn-general { left: 0; } #gender-selector .gender-selector-image .gender-selector-man .btn-gender-selector { margin-right: 5px; text-align: right; } #gender-selector .gender-selector-image .gender-selector-woman .btn-gender-selector { margin-left: 5px; text-align: left; } } @media (max-width: 767px) { #gender-selector .gender-selector-image .gender-selector-man, #gender-selector .gender-selector-image .gender-selector-woman { max-width: 375px; } } @media (max-width: 591px) { .gender-selector-bg { background: #f5f5f5 url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_texture8.svg) 6% repeat; } #gender-selector .gender-selector-title > div .h2 + .textbase{ display: none; } #gender-selector .gender-selector-image .col-sm-6 .btn-gender-selector a{ top: 50%; } #gender-selector .gender-selector-image .gender-selector-woman .btn-general, #gender-selector .gender-selector-image .gender-selector-man .btn-general{ top: 0; transform: none; position: relative; height: 80px; } #gender-selector .gender-selector-image .gender-selector-woman .btn-general > span, #gender-selector .gender-selector-image .gender-selector-man .btn-general > span{ font-size: 14px; } #gender-selector .gender-selector-image .gender-selector-woman { background: url("/media/wysiwyg/galaperfumeries/homepage/selector/selector-women.png"); background-position: left; background-repeat: no-repeat; background-size: cover; left:0; right:0; } #gender-selector .gender-selector-image .gender-selector-man { background: url("/media/wysiwyg/galaperfumeries/homepage/selector/selector-men.png"); background-position: right; background-repeat: no-repeat; background-size: cover; left:0; right:0; } } @media (max-width: 480px) { #gender-selector .gender-selector-title { top: 50px; max-width: 210px; left: 50%; transform: translateX(-50%); text-align: center; } .gender-selector-title h3.h2 { font-size: 50px; } #gender-selector .gender-selector-title p.textbase { display: none; } #gender-selector .gender-selector-image .gender-selector-woman, #gender-selector .gender-selector-image .gender-selector-man{ background-image: none; } #gender-selector .gender-selector-image .col-sm-6 .btn-gender-selector a{ top: 64%; } } #banner-slider .item:first-child { background-size: cover; position: relative; } #banner-slider .item:nth-child(2) { background-size: cover; position: relative; } #banner-slider .item:last-child { background-size: cover; position: relative; } #banner-slider .slider-image-content { padding: 0; } #banner-slider .slider-text-content h2 { clear: both; } #banner-slider .slider-text-content p { padding: 0 40px; } #banner-slider .slider-image-content a { opacity: 1 !important; } #banner-slider .item > div.content { top: 30%; position: absolute; width: 100%; } #banner-slider .item > div.content.image { position: relative; width: 100%; height: 100%; } #slideshow { margin-bottom: 48px; } .full-screen-slider, #banner-slider .owl-item .item { max-height: 550px; overflow: hidden; height: 100%; position: relative; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: #f7f7f7 !important; } #banner-slider .owl-controls { position: absolute; left: 0; width: 100%; bottom: 10px; margin-top: 0; height: 20px; } #banner-slider .owl-controls .owl-pagination { width: 100%; } #banner-slider .owl-controls .owl-page { width: 22px; height: auto; } #banner-slider .owl-controls .owl-page span { background: transparent !important; border: 1px solid #ffffff; width: 13px; height: 13px; margin: 0; } #banner-slider .owl-controls .owl-page:after { content: "\00a0"; border-top: none; height: 0; width: 10px; margin-left: 12px; margin-top: -7px; float: left; } #banner-slider .owl-controls .owl-page:last-child:after { display: none; } #banner-slider .owl-controls .owl-page.active span { background: #ffffff !important; border: 1px solid #ffffff; } .owl-wrapper .main.fullwidth.container > div[class^="col"] { padding: 0; } .owl-wrapper .main.fullwidth.container > div.col-xs-10 { min-width: 350px; } /* MEDIA */ @media only screen and (max-width: 1200px) { #banner-slider .main.fullwidth.container { width: 100% !important; padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 1024px) { .cms-index-index .menu.header-container.type8 { top: 494px; } } @media only screen and (max-width: 768px) { .cms-index-index .menu.header-container.type8 { top: 371px; } .owl-item .item img { width: 100%; } } @media only screen and (max-width: 736px) { .cms-index-index .menu.header-container.type8 { top: 581px; } } @media only screen and (max-width: 667px) { .cms-index-index .menu.header-container.type8 { top: 527px; } } @media only screen and (max-width: 600px) { .cms-index-index .menu.header-container.type8 { top: 450px; } } @media only screen and (max-width: 568px) { .cms-index-index .menu.header-container.type8 { top: 448px; } } @media only screen and (max-width: 414px) { .cms-index-index .menu.header-container.type8 { top: 329px; } } @media only screen and (max-width: 375px) { .cms-index-index .menu.header-container.type8 { top: 296px; } } @media only screen and (max-width: 320px) { .cms-index-index .menu.header-container.type8 { top: 252px; } } @media only screen and (max-width: 767px) { #banner-slider .slider-text-content p { margin: 0 40px !important; } } @media only screen and (max-width: 500px) { .owl-wrapper .main.fullwidth.container > div.col-xs-10 { width: 100%; } #banner-slider .slider-text-content h2.h1 { font-size: 58px; line-height: 86px; padding-top: 20px; } #banner-slider .slider-text-content p.h5 { font-size: 16px; line-height: 22px; } #banner-slider .slider-text-content p { padding: 0; } #banner-slider .slider-text-content p { margin: 0 !important; } } @media only screen and (max-width: 480px) { .full-screen-slider, #banner-slider .owl-item .item { /*max-height: 225px !important;*/ /*min-height: 225px !important;*/ } } /*------------------------------------------------ BASICS.CSS All basic styles for Galaperfumeries.com ------------------------------------------------*/ /*------------------------------ GENERAL ------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i'); .playfair { font-family: 'Playfair Display', serif; } .openSans { font-family: 'Open Sans', sans-serif; } html, body { color: #1d1d1b; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-family: 'Open Sans', sans-serif; top: 0; -webkit-transition: top .3s; -moz-transition: top .3s; -ms-transition: top .3s; -o-transition: top .3s; transition: top .3s; } P { margin: 0px !important; } h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif; } ul, li { list-style: none !important; text-decoration: none; } .movingPageForMessage{ top: 48px !important; position: relative !important; } .page{ -webkit-transition: left .3s; -moz-transition: left .3s; -ms-transition: left .3s; -o-transition: left .3s; transition: left .3s; } .display { display: block; } .display-none { display: none; } .displayImportant { display: block !important; } .position-div-left-negative { left: -100% !important; } .position-div-normal { left: 0 !important; } .position-div-right-negative { right: -100% !important; } /*------------------------------ RESET ANIDATED STYLE ------------------------------*/ .pager li > a:hover, .pager li > a:focus, .pager .pages .current, .sorter .view-mode strong i, .sorter .view-mode a:hover i, .data-table button.button:hover > span, .link-cart:hover, .header-container.type2 .mybag-link, .header-container.type5 .top-links-container, .header-container.type6 .top-links-container, .header-container.type7 .top-links-container, .header-container.type13 .top-links-container, .header-container.type8 .top-links-container, .fixed-header ul.menu > li:hover, .main-nav ul.menu > li:hover, .fixed-header ul.menu > li.act, .main-nav ul.menu > li.act, .menu.side-menu > li:hover, .menu.side-menu > li.menu-item-has-children .nav-sublist-dropdown, .menu.side-menu > li.menu-item-has-children .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist, .block-layered-nav dt:hover:before, .block-category-nav .block-title:hover:before, .price-filter-slider .text-box input.go, .cart .crosssell button.button:hover > span, .cart .discount h2:hover:before, .cart .shipping h2:hover:before, .block.block-facebook-like .block-title a.btn-like, .btn-primary, .contacts-index-index .col-main .contact-info i, .block.block-blog-tags ul li a:hover, .postWrapper .post-date .month, .feature-box .feature-box-icon, .full-screen-slider .item > div.content .sale-bar a .icon-angle-down, .recent-posts .post-date .month, .post-a-month, .owl-theme .ow .owl-page.active span, .footer-ribbon, .owl-theme .owl-controls.clickable .owl-page:hover span, .btn-default, .btn-default:hover, a.quickview-icon, .product-options .product-swatches-container .has-swatches a.active.selected, .cms-index-index blockquote.testimonial, .expand_plus, .review-menu-block a.review-total, .image-link span.category-title, .panel-title > a, .category-products .products-grid.flex-grid .item .details-area .actions a.addtocart, .header-container.type14 .top-links-container { background: none; } .back-link small { display: none; } /*------------------------------ STYLE LEVELS & COLORS ------------------------------*/ /*--- TYPE LEVELS ---*/ .h1 { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 70px; line-height: 1.1em; letter-spacing: -0.93px; color: #ffffff; margin-top: 5px !important; margin-bottom: 5px !important; } .cms-index-index .h1 { line-height: 94px; } .h2 { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 46px; line-height: 55px; color: #222222; margin-top: 5px !important; margin-bottom: 5px !important; } .h3 { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 34px; line-height: 40px; color: #222222; margin-top: 5px !important; margin-bottom: 5px !important; } .h3-sans { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 32px; line-height: 40px; color: #222222; letter-spacing: 3px; margin-top: 5px !important; margin-bottom: 5px !important; } .h3-5 { font-family: 'Playfair Display', serif; font-size: 32px; color: #222222; letter-spacing: 0; line-height: 37px; margin-top: 5px !important; margin-bottom: 5px !important; font-weight: 600; } .h4 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 20px; color: #222222; line-height: 24px; margin-top: 5px !important; margin-bottom: 5px !important; } .h4-serif { font-family: 'Playfair Display', serif; font-size: 21px; color: #222222; letter-spacing: 0px; line-height: 24px; margin-top: 0px !important; margin-bottom: 0px !important; font-weight: 600; } .h5 { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 18px; color: #ffffff; line-height: 24px; margin-top: 0px !important; margin-bottom: 0px !important; } .h6 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 15px; color: #1a1a1a; line-height: 21px; margin-top: 0px !important; margin-bottom: 0px !important; } .label-titles { width: 100%; margin-left: auto; margin-right: auto; min-height: 22px; max-height: 22px; border-bottom: 1px solid #ddd; margin-bottom: 4px; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #222222; letter-spacing: 0; line-height: 18px; } .label-titles > span { list-style: none; float: none; margin: 0; text-align: center; display: inline-grid; opacity: 1; } .label-titles.secondary-info { border-bottom: none; } .label-titles.secondary-info > span { opacity: 0.8; } .label-titles > span > span { padding-bottom: 3px; border-bottom: 1px solid #cb027c; text-transform: uppercase; } .label-titles.secondary-info > span > span { border-bottom: 1px solid #777777; } .textbase-big { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; line-height: 21px; margin-top: 0px !important; margin-bottom: 0px !important; } .textbase { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #222222; line-height: 19px; margin-top: 0px !important; margin-bottom: 0px !important; } .textbase-small { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #222222; letter-spacing: 0; line-height: 18px; } .text-pie { font-family: 'Open Sans', sans-serif; font-size: 10px; color: #626262; letter-spacing: 0; line-height: 12px; } h1 + [class*='textbase'], h2 + [class*='textbase'], h3 + [class*='textbase'], h4 + [class*='textbase'], h5 + [class*='textbase'], h6 + [class*='textbase'] { margin-top: 8px !important; } .h1 + .textbase, .h2 + .textbase, .h3 + .textbase, .h4 + .textbase { margin-top: 40px !important; } /*--- TYPE STYLE ---*/ .light { font-weight: 300 !important; } .regular { font-weight: 400 !important; } .semi { font-weight: 600 !important; } .bold { font-weight: 700 !important; } h1.semi:after, h2.semi:after, .bold:after { content: ""; display: block !important; padding: 5px 0 0 0; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .mayus { text-transform: uppercase; } .noMayus { text-transform: none; } .underLine{ text-decoration: underline !important; } /*--- LINKS ---*/ a { text-decoration: none; color: inherit; opacity: 0.8; } a:hover, a:visited, a:focus { text-decoration: none; color: inherit; opacity: 1; } li.active a, li.act a, a.active, a.act { opacity: 1; } .disabled { opacity: 0.6; transition: all 0.2s; -webkit-transition: all 0.2s; } .disabled:hover { opacity: 1; } /*--- COLORS ---*/ .c-pink, .c-pink:hover, a.c-pink span { color: #cb027c !important; } .c-pink-dark, .c-pink-dark:hover, a.c-pink-dark span { color: #9d5066 !important; } .c-black, .c-black:hover, a.c-black span { color: #373737 !important; } .c-blue-dark, .c-blue-dark:hover, a.c-blue span { color: #67939a !important; } .c-white, .c-white:hover, a.c-white span { color: white !important; } /*--- BACKGROUNDS COLORS ---*/ .bgc-pink { background-color: #cb027c !important; } .btn-general.bgc-pink:hover, .btn-cart.bgc-pink:hover { background-color: #b5006e !important; } .bgc-black { background-color: #707070 !important; } .btn-general.bgc-black:hover, .btn-cart.bgc-black:hover { background-color: #545454 !important; } .bgc-grey { background-color: #f5f5f5 !important; } .btn-general.bgc-grey:hover, .btn-cart.bgc-grey:hover { background-color: #d5d5d5 !important; } .bgc-white { background-color: white !important; } .btn-general.bgc-white, .btn-cart.bgc-white:hover { opacity: 0.8; } .btn-general.bgc-white:hover, .btn-cart.bgc-white:hover { opacity: 1; } .bgc-blue { background-color: #0275cb !important; } .btn-general.bgc-blue:hover, .btn-cart.bgc-blue:hover { background-color: #0060a7 !important; } .bgc-transparent, .bgc-transparent:hover { background-color: transparent !important; } .bgc-outline { border: 1px solid #cccccc; } /*--- IMG ---*/ img.parallax { position: absolute; top: 0px; z-index: -1; width: 100% !important; } img.cover { position: absolute; top: 0; min-width: 100%; width: auto; min-height: 200px; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s; left: 0; } /*--- PAGER ---*/ .pager { display: flex; text-align: center; clear: left; top: 0; padding: 20px 0; width: 100%; position: relative; justify-content: flex-end; } .pager .pages { text-align: center; display: flex; flex-flow: row wrap; justify-content: flex-end; } .pager .pages ol { display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: center; } .pager .pages li { height: 100%; font-size: 16px; margin: 0 6px !important; border-radius: 0; display: flex; flex-flow: row nowrap; align-items: center; width: auto; } .pager .pages li:first-child { margin-left: 0 !important; } .pager .pages li:last-child { margin-right: 0 !important; } .pager li > a, .pager li > span { background: transparent !important; padding: 0; border: 0; border-radius: 0; margin: 0 !important; display: flex; color: #cccccc; height: auto; align-items: center; } .pager .pages .current { color: #cb027c; } .pager li > a:hover, .pager li > a:focus { color: #CB027C; background: #ffffff; } .pager li:hover { color: #1d1d1b; } .pager li > a.next:hover, .pager li > a.next:focus, .pager li > a.previous:hover, .pager li > a.previous:focus { color: #1d1d1b; } /* Previous */ i.ico-previous { background-size: auto; background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_pass_previous.svg) -36px 0px no-repeat; width: 30px; height: 30px; top: 1px; display: flex; justify-content: center; position: relative; right: 5px; padding: 0; margin: 0; opacity: 0.5; align-items: center; } i.ico-previous:active, i.ico-previous:focus { background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_pass_previous.svg) -36px -33px no-repeat; opacity: 1; } /* Pass */ i.ico-pass { background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_pass_previous.svg) 0px 0px no-repeat; background-size: auto; width: 30px; height: 30px; top: 1px; display: flex; position: relative; left: 0; padding: 0; margin: 0; opacity: 0.5; } /* Previous & pass */ i.ico-pass:active, i.ico-pass:focus { background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_pass_previous.svg) 0px -33px no-repeat; opacity: 1; } i.ico-previous:hover, i.ico-pass:hover { opacity: 1; transform: scale(1.1); } /*--- ALIGNS ---*/ /* VERTICAL ALIGN */ .valign { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } /* HORIZONTAL ALIGN */ .halign { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; } /* BOTH ALIGNS */ .vhalign { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } /* LEFT ALIGNS */ .lalign { position: relative; float: left; width: auto !important; } /* RIGHT ALIGNS */ .ralign { position: relative; float: right; width: auto !important; } @media only screen and (max-width: 768px) { .ralign { float: none; } } /*--- BOX ---*/ .content-box { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; padding: 20px 40px; max-width: 600px; margin: auto; margin-top: 20px; } .content-box:after { content: "\00a0"; position: absolute; top: -5%; bottom: -5%; left: -5%; right: -5%; max-width: 110%; max-height: 110%; opacity: 0.2; background: rgba(0, 0, 0, 0.2); -webkit-filter: blur(20px); -moz-filter: blur(20px); -o-filter: blur(20px); -ms-filter: blur(20px); filter: blur(24px); border-radius: 0; -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; -ms-border-radius: 14px; height: 98%; z-index: -1; } .alert-stock.link-stock-alert { display: inline-block; padding-left: 65px !important; top: 0; margin-top: 0 !important; line-height: 20px; opacity: 0.6; } @media only screen and (max-width: 550px) { img.cover { position: absolute; top: -50%; min-width: 100%; width: auto; min-height: 200px; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s; } } /*------------------------------ FORMULARIO ------------------------------*/ textarea { resize: none; } .form-list { margin-top: 30px !important; } .form-list li { margin: 0; } form.formulario { display: block; margin: auto; overflow: hidden; padding: 0 15px; } input.input-text { padding: 8px 8px 8px 16px; color: #696969; font-size: 12px; line-height: 20px; top: 0; height: 50px; vertical-align: top; min-width: calc(100% - 150px); border-radius: 0; box-shadow: none; } input[type="radio"], input[type="checkbox"] { vertical-align: middle; } form.formulario .fieldset, .fieldset { margin: 20px 0 0 0; } form.formulario fieldset .form-input { position: relative; width: 100%; display: block; z-index: 1; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } form.formulario fieldset .form-input.style-form-input { background-color: white; border: 1px solid black; min-height: 60px; max-height: 60px; padding: 18px 16px 22px 16px; } form.formulario fieldset .form-input.style-form-submit { border: none; height: 60px; border-radius: 0; } form.formulario fieldset .form-input + span { margin-top: 15px !important; } form.formulario fieldset .form-input .input-label { display: block; margin-top: 0px !important; z-index: 2; cursor: text; text-align: left; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } form.formulario fieldset .form-input.input-content .input-label { padding-bottom: 100px; } form.formulario fieldset .form-input .input-field { width: 100%; border: none; display: block; position: absolute; right: 100%; top: 0; height: 100%; padding: 24px 16px 22px 16px; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } form.formulario fieldset .form-input.input-content { height: 100%; min-height: 150px; } form.formulario fieldset .form-input input[type="submit"] { margin-top: 0px; right: 0; } .data-table tbody tr { border: none; } /*--- FORM WHEN ACTIVE ---*/ form.formulario fieldset .form-input.input-field:focus + .input-label, .input-filled .input-label { pointer-events: none; color: #cb027c; position: absolute; top: 6px; font-size: 12px; right: 10px; padding: 0px !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } form.formulario fieldset .form-input.input-filled .input-field { left: 0; right: 0; } /*------------------------------ BUTTON ------------------------------*/ .btn-general { min-width: 120px; } body.cms-index-index .btn-general { border: none; position: relative; height: 60px; top: 30px; z-index: 2; cursor: pointer; display: inline-block; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; padding: 0 32px; transition: all 0.3s ease-in-out; } body:not(.cms-index-index) .btn-general { border: none; position: relative; height: 50px; top: 30px; z-index: 2; cursor: pointer; display: inline-block; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; padding: 0 24px; } body.cms-index-index .btn-general span { font-size: 12px; line-height: 58px; font-weight: 600; letter-spacing: 0.2px; text-transform: uppercase; text-decoration: none; text-align: center; } body:not(.cms-index-index) .btn-general span, body.cms-index-index .btn-general[type^="submit"] span { font-size: 12px; line-height: 48px; font-weight: 600; letter-spacing: 0.2px; text-transform: uppercase; text-decoration: none; text-align: center; } body.cms-index-index .btn-general:hover { border: none; position: relative; font-size: 13px; font-weight: 600; opacity: 1; background-color: #b5006e; -webkit-box-shadow: 0px 10px 45px -15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 10px 45px -15px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 45px -15px rgba(0, 0, 0, 0.3); } .item .details-area .actions, .product-view .add-to-box .add-to-cart{ display: flex; align-items: center; justify-content: center; width: 100%; margin: 0; } .btn-cart { background-color: #ffffff; min-width: 110px; min-height: 50px; width: auto; height: auto; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; border: 1px solid #cccccc; border-radius: 0 !important; -webkit-border-radius: 1px; -moz-border-radius: 1px; overflow: hidden; cursor: pointer !important; transition: all 0s; } .product-view .btn-cart { min-height: 60px; } .btn-cart.out-of-stock { cursor: default !important; } .btn-cart.out-of-stock:hover, .btn-cart.out-of-stock:focus { border: 1px solid #cccccc; -webkit-animation: none; -o-animation: none; animation: none; } .btn-cart:hover, .btn-cart:focus { border: 1px solid #cb027c; opacity: 1 !important; } .btn-cart i.icon-cart { display: flex; background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_cart.svg) 0px 0px no-repeat !important; width: 20px; height: 22px; transition: all 0s; opacity: 0.6; background-size: cover !important; transform: scale(0.90) !important; flex: 0 1 auto; flex-wrap: wrap; margin-top: -1px; } .btn-cart:hover i.icon-cart, .btn-cart i.icon-cart:hover, .btn-cart:focus i.icon-cart, .btn-cart i.icon-cart:focus { background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_cart.svg) 0px -21px no-repeat !important; opacity: 1; } .btn-cart > span { font-size: 12px; line-height: 20px; display: flex; color: #626262; width: auto; height: auto; padding: 12px 12px; transition: all 0s; text-align: center; border: none; align-items: center; justify-content: space-between; flex-wrap: nowrap; text-transform: uppercase; } .btn-cart:hover > span:first-of-type, .btn-cart:focus > span:first-of-type { -webkit-animation-name: btn-hover; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */ animation-name: btn-hover; animation-duration: 0.5s; } .btn-cart > span > span{ padding-left: 8px; width: calc(100% - 20px);} .btn-cart.out-of-stock > span { text-align: center; opacity: 0.6; } .btn-cart:hover span, .btn-cart:focus span { color: #cb027c; } .btn-cart.out-of-stock:hover span { color: #626262; } .btn-remove { position: relative; } .btn-remove:after { content: ""; display: block; position: absolute; left: 50%; float: none; height: 14px; opacity: 0.5; width: 14px; top: 50%; transform: scale(0.8) translate(-50%, -50%); background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_close.svg) 0 -48px no-repeat; } .btn-remove:hover:after { opacity: 1; } .btn-remove.active:after { opacity: 1; background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_close.svg) 0 0px no-repeat; } .buttons-set p.required { display: none; } /*--- ANIMATIONS ---*/ .ease-in-out-animation { transition: all .4s ease-in-out; } .grow-animation { transition: all .4s ease-in-out; } .grow-animation:hover { transform: scale(1.05); } .zoom-bg-animation { -webkit-animation-name: zomm-hover; -webkit-animation-duration: 1s; animation-name: zoom-hover; animation-duration: 1s; animation-timing-function: ease-out; /* how the animation will behave */ } /* Safari 4.0 - 8.0 */ @-webkit- @keyframes zoom-hover { 0% { background-size: 81%; } 100% { background-size: 83%; } } /* Standard syntax */ @keyframes zoom-hover { 0% { background-size: 81%; } 100% { background-size: 83%; } } .zoom-effect { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; animation-timing-function: ease-out; /* how the animation will behave */ } .blur-animation { transition: all .4s ease-in-out; } .blur-animation:hover { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); } /* Safari 4.0 - 8.0 */ @-webkit- @keyframes btn-hover { 0% { padding: 0 10px; } 10% { padding: 0 9px; } 30% { padding: 0 14px; } 100% { padding: 0 12px; } } /* Standard syntax */ @keyframes btn-hover { 0% { padding: 0 10px; } 10% { padding: 0 9px; } 30% { padding: 0 14px; } 100% { padding: 0 12px; } } /*------------------------------ GRID ------------------------------*/ .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; } body:not(.cms-index-index):not(.catalog-category-view) .page > .main-container { padding: 40px 0; min-height: 400px; } .container { position: relative; } .col-contentblock{ margin-bottom: 40px; } .col-contentblock .content{ min-height: auto !important; } .view-up-large { display: block; } .view-only-medium-large { display: none !important; } .view-up-medium { display: block; } .view-down-medium { display: none; } .view-only-medium { display: none; } .view-only-mobile { display: none; } .view-only-medium-short { display: none !important; } .row-inside-col { width: 100%; display: block; } .main-container .main.fullwidth.container .col-main { padding-bottom: 0px; position: relative; } .position-nav-else { top: -47px !important; } /*------------------------------ MEDIA ------------------------------*/ @media only screen and (min-width: 1024px) { .position-nav-home { top: 550px; } } @media only screen and (max-width: 1199px) { .fullwidth .fullwidth { padding-left: 0 !important; padding-right: 0 !important; } /*.position-nav-home {*/ /*top: 550px;*/ /*}*/ .view-up-large { display: none !important; } .view-up-medium { display: block !important; } .view-only-medium-large { display: block !important; } .view-only-medium { display: block !important; } .view-down-medium { display: block !important; } .view-only-medium-short { display: none !important; } .view-only-mobile { display: none !important; } } @media only screen and (min-width: 1440px) { .container-1440 { width: 1440px !important; } } @media only screen and (max-width: 1024px) { .h1 + .textbase, .h2 + .textbase, .h3 + .textbase, .h4 + .textbase { margin-top: 16px !important; } } @media (max-width: 991px) { .view-only-medium-short { display: block !important; } .view-only-medium-large { display: none !important; } body:not(.cms-index-index) .h1 { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 46px; line-height: 55px; margin-top: 5px !important; margin-bottom: 5px !important; } .pager { justify-content: center; } .pager .pages { justify-content: center; } .pager .pages ol { justify-content: center; } .pager .pages li { font-size: 20px; margin: 0 6px !important; } } @media only screen and (min-width: 768px) { .col3-layout .col-left.sidebar { padding-right: 15px; } .col2-left-layout .col-main { padding-left: 15px; } body.cms-index-index .btn-general:hover, body.cms-index-index .btn-general:focus{ padding: 0 36px; } } @media only screen and (max-width: 768px){ /*.position-nav-home {*/ /*top: 360px !important;*/ /*}*/ } @media only screen and (max-width: 767px) { .view-up-large { display: none !important; } .view-up-medium { display: none !important; } .view-only-medium-large { display: none !important; } .view-only-medium { display: none !important; } .view-down-medium { display: block !important; } .view-only-medium-short { display: none !important; } .view-only-mobile { display: block !important; } .btn-general.bgc-white, .btn-cart.bgc-white:hover { opacity: 1; } .btn-cart > span { padding: 8px; } } @media only screen and (max-width: 767px) and (min-width: 481px) { .col-xs-12 { margin-left: auto !important; width: 100%; padding-left: 5%; padding-right: 5%; margin-right: auto !important; position: relative; float: none; } } @media only screen and (max-width: 590px) { .buttons-set { text-align: center; } .cms-index-index .btn-general, .cms-index-index .btn-general:hover { opacity: 1; width: 60%; min-width: 150px; max-width: 200px; float: none !important; margin-left: auto !important; margin-right: auto !important; } body:not(.cms-index-index) .btn-general, body:not(.cms-index-index) .btn-general:hover{ opacity: 1; width: 100%; max-width: 100%; float: none !important; margin-left: auto !important; margin-right: auto !important; } .btn-cart, .btn-cart:hover{ width: 100%; -webkit-animation: none; -o-animation: none; animation: none; } } @media only screen and (max-width: 480px) { .row { margin-left: -20px; margin-right: -20px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ padding-left: 20px; padding-right: 20px; } .container { margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px; } .h3 { font-size: 28px; line-height: 36px; } .textbase { font-size: 14px; line-height: 19px; } } .main-container .main.fullwidth.container .col-main .share-button { display: none; } .menu.header-container > .main-nav > .fullwidth.container { height: 100%; display: block; overflow: hidden; } .header .form-search #search { border: 1px solid #dddddd; height: 38px; background-color: transparent; padding: 10px 40px 10px 15px; color: #999999; width: 100%; margin: 0; font-size: 13px; line-height: 20px; border-radius: 2px; text-overflow: ellipsis; } .header .form-search .button, .form-search .searchDesktop { width: 40px; height: 38px; color: #777777; background-color: transparent; font-size: 14px; position: absolute; right: 0; top: 0; cursor: pointer; } /*.header .form-search input#search:focus {*/ /*border: 1px solid #959595;*/ /*}*/ .header .form-search input:focus { color: #626262; } /* .fixed-header ul.menu >li > a:after, .main-nav ul.menu >li > a:after { content: ''; width: 1px; height: 21px; top: 0; right: 0 !important; left: -12px; margin-top: 0 !important; border-left: 1px solid #ccc; } */ .fixed-header ul.menu > li:first-child > a:after, .main-nav ul.menu > li:first-child > a:after { border: none; } .header-container.type8 .main-nav ul.menu > li.menu-full-width > a:after, .header-container.type8 .main-nav ul.menu > li.menu-item-has-children > a:after, .header-container.type8 .main-nav ul.menu > li.menu-static-width > a:after { right: 0 !important; } .header-container.sticky-header .main-nav ul.menu > li > a:after { right: 0 !important; } .header-container.sticky-header .main-nav ul.menu > li.menu-full-width > a:after, .header-container.sticky-header .main-nav ul.menu > li.menu-item-has-children > a:after, .header-container.sticky-header .main-nav ul.menu > li.menu-static-width > a:after { margin-top: -8px !important; } .header-container.type8 .main-nav { margin: 0; min-height: 54px; height: auto; top: 0 !important; } .menu.header-container.type8 .header-wrapper { top: 110px; } .cms-index-index .menu.header-container.type8 .header-wrapper { top: 0; } .header-container.type8.sticky-header .main-nav { top: 0 !important; min-height: 38px; height: 38px; } .cms-index-index .header-container.type8:not(.sticky-header) .main-nav { background-color: #ffffff; } .header-container.type8 .main-nav .menu-logo-link a { /*width: 60px;*/ /*height: 54px;*/ display: block; margin-right: 30px; float: left; } .cms-index-index .header-container.type8:not(.sticky-header) .main-nav .menu-logo-link a { display: none; } .cms-index-index .header-container.sticky-header.type8 .header .form-search:before, .catalog-category-view .header-container.sticky-header.type8 .header .form-search:before, .header-container.sticky-header .header .form-search:before { border-bottom-color: #1d1d1b !important; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown, .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul { margin: 0 !important; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown a, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown a, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown a, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown a { color: #000000; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1 { font-weight: 600 } .fixed-header .menu > li .nav-sublist-dropdown .container ul > li a, .main-nav .menu > li .nav-sublist-dropdown .container ul > li a, .main-nav .menu > li .nav-sublist-dropdown .container .nav-sublist.level2 ul > li a { margin: 0; /*border-top: 1px solid rgba(255,255,255,.2);*/ } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1 { font-size: 12px; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .menu.header-container .header-wrapper .main-nav .menu > li .nav-sublist-dropdown.labelId-48 a { font-size: 12px; } .fixed-header .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist, .main-nav .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist { border-radius: 0; top: -4px; padding: 0px 0 5px 0; left: 100%; } .fixed-header .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist.level1, .main-nav .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist.level1 { border-radius: 0; top: 0; padding: 20px 25px 30px; left: 100%; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li { line-height: 1.3; } .bottom-mega-block { text-align: center; padding: 14px; margin-top: 0; background: #ececeb; } .bottom-mega-block .top-header-msg { color: #444444; font-size: 11px; } .fixed-header .menu > li .nav-sublist-dropdown .container ul > li a.label-offer, .main-nav .menu > li .nav-sublist-dropdown .container ul > li a.label-offer { font-weight: bold; } /*------------------------------ TOP NAV - MAIN-NAV ------------------------------*/ /*--- HOME NAV ---*/ /*--- LOGO ---*/ .cms-index-index .header > .logo { max-width: 98px; } .cms-index-index .header-container.type8:not(.sticky-header) .header > .logo { width: 85px; height: auto; display: block; /*background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/logo_header_white.png) 0 0 no-repeat;*/ } .cms-index-index .header-container.type8 .header > .logo img { /*display: none !important;*/ } .cms-index-index .header-container.type8.sticky-header .header > .logo img { display: none !important; } /*--- CART-SEARCH AREA ---*/ /*--- NAV ---*/ .top-header-links-icon.show:before { color: #f9701f; } .top-header-links { right: 17px; position: absolute; top: 20px; } .top-header-links li { float: left; vertical-align: middle; font-size: 12px; position: relative; } .top-header-links li a, .top-header-links li span { color: #646464; text-decoration: none; padding: 0 0 0 10px !important; display: block; } .cms-index-index .header-container.type8:not(.sticky-header) .top-header-links li a, .cms-index-index .header-container.type8:not(.sticky-header) .top-header-links li span { color: #d3007e; opacity: 0.8 } .cms-index-index .header-container.type8:not(.sticky-header) .top-header-links li a:hover, .cms-index-index .header-container.type8:not(.sticky-header) .top-header-links li:hover span { opacity: 1 !important; } .top-header-links li.itemUpper a { text-transform: uppercase; font-weight: 600; } .top-header-links .item a:hover { color: #a5166d !important; text-decoration: none; } .cms-index-index .header-container.type8 { position: absolute; /*top: 0;*/ left: 0; width: 100%; border-bottom: 0; z-index: 22; } .menu.header-container.type8 { position: absolute; width: 100%; z-index: 23; /* pointer-events: none;*/ } .menu.header-container.type8.sticky-header { z-index: 23; } .cms-index-index .menu.header-container.type8:not(.sticky-header) .header-wrapper { padding: 0; } .cms-index-index .header-container.type8:not(.sticky-header) .main-nav { height: 100%; padding: 20px 0 24px; top: 0 !important; } .cms-index-index .fa-navicon:before, .fa-reorder:before, .cms-index-index .fa-bars:before { color: black; } /* LANGUAGE SELECTOR */ .top-header-links { z-index: 99; } .top-header-links .itemUpper a { padding: 0 0 0 15px !important; } .top-header-links .switcher { text-align: left; } .top-header-links .switcher .selected:before, .top-header-links .switcher .first:before { content: "\e82a"; width: 0; height: 26px; display: block; border: 0; font-family: 'porto'; position: absolute; right: -5px; top: 7px; margin-top: -13px; border-radius: 3px; text-align: center; line-height: 22px; background-color: #ffffff; font-size: 10px; } .cms-index-index .top-header-links .switcher .selected:before, .cms-index-index .top-header-links .switcher .first:before { color: #a5166d; } .top-header-links .switcher > div { display: flex; justify-content: flex-start; flex-direction: column; padding: 10px 25px 5px 10px; margin-top: -10px; margin-left: 5px; border-radius: 5px; } .top-header-links .switcher.show > div { background-color: rgba(255,255,255,0.8); } .top-header-links .switcher a { order: 1; display: none; white-space: nowrap; margin: 10px 0 0 0; padding: 0 !important; width: 85px; } .top-header-links .switcher a:last-child { margin-bottom: 5px; } .top-header-links .switcher.show a { display: block; } .top-header-links .switcher a.selected, .top-header-links .switcher a.first { order: 0; display: block; position: relative; margin: 0; } /*--- GENERAL NAV ---*/ /*--- LOGO ---*/ .header > .logo { max-width: 74px; opacity: 1; } .header-container.type8 .header > .logo { display: block; padding: 0px; margin: 22px 10px 0 0; float: left; /*min-width: 74px;*/ /*min-height: 66px;*/ } .header-container.type8 .header > .logo img { width: 100%; height: 100%; } .header > .logo > .logo { margin: 0 !important; padding: 0 !important; width: 100%; display: block; height: 100%; opacity: 1; } .header-group { position: relative; overflow: visible; z-index: 100; transition: opacity 1s ease-in; } /*--- NAV ---*/ .header-container.type8 .header-wrapper { border: 0; display: block; padding: 0; /*transition: top 1s linear;*/ } body:not(.cms-index-index) .header-container.type8:not(.sticky-header):not(.menu) .header-wrapper { padding-bottom: 10px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); background: #ffffff; height: 110px; width: 100%; z-index: 8; } .header-container.type8 .header-wrapper.sticky .header.container { position: relative; height: 0; text-align: left; } .header-container.type8 .header-wrapper { border: 0; display: block; position: relative; /*transition: top 1s linear;*/ } /*.header-container.type8 .main-nav .menu-all-pages-container > ul.menu>li:before { content: ""; width: 1px; height: 21px; display: inline-block; position: absolute; top: 0px; left: -2px; margin-top: 0 !important; border-left: 1px solid #ccc; }*/ .header-container.type8 .main-nav ul.menu > li > a { margin-top: 17px; font-weight: 600; } .menu.header-container .main-nav ul.menu > li > a { color: #222222 !important; opacity: 0.8; } .menu.header-container .main-nav ul.menu > li > a.special { color: #cb027c !important; } .header-container.type8 .main-nav ul.menu > li:hover > a, .header-container.type8 .main-nav ul.menu > li.active > a { color: #cb027c !important; } .cms-index-index .header-container.type8 .main-nav .menu-all-pages-container > ul.menu > li { padding-bottom: 0 !important; } .header-container.type8 .main-nav .menu-all-pages-container > ul.menu > li { padding: 0 0 15px 0; } .header-container.type8 .main-nav .menu-all-pages-container > ul.menu > li > a { padding: 4px 10px 4px 10px !important; width: 100%; margin: 0 !important; display: inline-block; padding-left: 0; font-size: 12px; letter-spacing: 0.2px; font-weight: 600; } .header-container.type8 .main-nav .menu-all-pages-container > ul.menu > li:first-child a { border: none; } .header-container.type8 .main-nav .menu-all-pages-container > ul.menu { margin-left: 110px !important; margin-top: 4px; } .cms-index-index .header-container.type8 .main-nav .menu-all-pages-container > ul.menu, .header-container.type8.sticky-header .main-nav .menu-all-pages-container > ul.menu { margin-left: 80px !important; margin-top: 4px; } .header-container.type8.sticky-header .main-nav .menu-all-pages-container > ul.menu { margin-left: 0 !important; margin-top: 4px; } .header-container.type8.sticky-header .main-nav .menu-all-pages-container > .menu-logo-link a { width: 100%; height: 100%; } .header-container.type8.sticky-header .main-nav .menu-all-pages-container > .menu-logo-link { width: 80px; display: inline-block; height: 35px; float: left; cursor: pointer; } /* .header-container.type8 .main-nav ul.menu>li:hover>a{ color: #CB027C !important; } */ .header-container.type8 .main-nav .menu-all-pages-container > ul.menu > li.act a, .header-container.type8 .main-nav .menu-all-pages-container > ul.menu > li.active a, .header-container.type8 .main-nav .menu-all-pages-container > ul.menu > li:hover a { z-index: 1; opacity: 1; transition: all 0s; transition-delay: 0s; } .header-container.type8 .main-nav .menu-all-pages-container > ul.menu > li > a:before { content: ""; position: absolute; left: -3px; display: block; top: 3px; width: 1px; height: 15px; border-left: 1px solid #cccccc; } .header-container.type8 .main-nav .menu-all-pages-container > ul.menu > li:first-child > a:before { content: none; } /*--- Mobile nav ---*/ ul.menu.sw-mobile-menu { padding: 40px 0 !important; } .mobile-nav.side-block { position: fixed; top: 0; right: -100%; z-index: 999; width: 100%; height: 100%; transition: all 0.2s; padding: 0; display: block !important; text-align: center; background-color: #ffffff; } .mobile-nav-overlay { position: fixed; right: -100%; top: 0; width: 100%; height: 100%; background-color: rgba(34, 34, 34, .5); z-index: 998; opacity: 1; transition: right .2s linear; cursor: pointer; } body.mobile-nav-shown .mobile-nav-overlay { right: 0; filter: alpha(opacity=1); transition: all .6s; } .mobile-nav-overlay:after { content: ""; position: absolute; right: 75%; top: 40%; height: 14px; transform: scale(1.5); width: 12px; background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_close.svg) 0 -24px no-repeat; } .mobile-nav.side-block{ position:fixed; top:0; z-index:999; height:100%; overflow-y:scroll; padding-bottom:20px; transition: right .2s linear; display:block!important; right: -50%; width: 50%; } body.mobile-nav-shown .mobile-nav.side-block { right: 0; padding: 0; background-color: #ffffff; transition: all .6s; } .mobile-nav.side-block .sw-mobile-menu li { padding: 2% 0; } .mobile-nav .sw-mobile-menu li .open-child { display: none; } .mobile-nav.side-block .primary-nav.sw-mobile-menu { background-color: #ffffff; } .mobile-nav.side-block .secondary-nav.sw-mobile-menu { background-color: #f7f7f7; height: 100%; } .mobile-nav.side-block .secondary-nav.sw-mobile-menu li { display: block; float: none; clear: both; width: 100%; margin: auto; padding: 0; position: relative; text-align: center; } .mobile-nav.side-block .sw-mobile-menu li > a, .mobile-nav.side-block .sw-mobile-menu li > a span { padding: 2% 15px; margin: 0; text-align: center; } .mobile-nav.side-block .sw-mobile-menu li > a { font-size: 16px; opacity: .8; line-height: 2.4em; font-weight: 400; transition: all 0.3s; letter-spacing: 2px; } .mobile-nav.side-block .primary-nav.sw-mobile-menu li > a{ color: #cb027c; } .mobile-nav .sw-mobile-menu.secondary-nav li a { color: #222222; opacity: .6; } .mobile-nav.side-block .sw-mobile-menu li > a:hover, .mobile-nav.side-block .sw-mobile-menu li.act > a , .mobile-nav.side-block .sw-mobile-menu li.active > a, .mobile-nav.side-block .sw-mobile-menu li > a.act { opacity: 1 !important; font-weight: 600; } .mobile-nav.side-block .secondary-nav.sw-mobile-menu li.item.languages a { width: auto; display: inline-block; padding: 5px; } .mobile-nav.side-block .secondary-nav.sw-mobile-menu li:first-child > a { padding-top: 0; } .secondary-nav .menu-item a div { background-size: cover; background-repeat: no-repeat; width: 100%; display: block; height: 100%; margin: auto; text-align: center; position: absolute; top: 0; left: 0; max-height: 300px; } .secondary-nav .menu-item a div:hover { } .mobile-nav.side-block .sw-mobile-menu li.menu-item-last a span { padding-left: 5px; } /*--- ACT AND ACTIVE NAV ITEMS ---*/ /*--- Primary nav ---*/ body:not(.mobile-nav-shown) ul.menu.primary-nav > li.act > a:after, body:not(.mobile-nav-shown) ul.menu.primary-nav > li:hover > a:after, body:not(.mobile-nav-shown) ul.menu.primary-nav li > a.act:after, body:not(.mobile-nav-shown) ul.menu.primary-nav > li.active > a:after, body:not(.mobile-nav-shown) ul.menu.primary-nav > li > a.active:after { content: ""; display: block; top: 0; width: calc(100% - 24px); position: absolute; border-bottom: 3px solid #cb027c; margin: auto !important; left: 0; padding-top: 40px; padding-left: 24px; padding-right: 24px; opacity: 1; } /*--- Secondary nav ---*/ .secondary-nav li.act a:after, .secondary-nav li.hover a:after, .secondary-nav li.active a:after, .secondary-nav li a.active:after, .secondary-nav li a.act:after { content: ""; display: block; bottom: 0; width: calc(100% - 30px); position: absolute; border-bottom: 2px solid #cb027c; margin: auto !important; text-align: center; opacity: 1; } .secondary-nav li:nth-of-type(1).act a:after, .secondary-nav li:nth-of-type(1).hover a:after, .secondary-nav li:nth-of-type(1).active a:after, .secondary-nav li:nth-of-type(1) a.active:after, .secondary-nav li:nth-of-type(1) a.act:after { width: calc(100% - 15px); } .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a, .menu.header-container .header-wrapper .main-nav .menu > li .nav-sublist-dropdown.labelId-48 a, .menu.header-container .header-wrapper .main-nav .menu > li .nav-sublist-dropdown.labelId-48 .menu-item { padding-left: 0 !important; } /*--- CART-SEARCH AREA ---*/ .header-container.type8 .header { display: block; vertical-align: middle; position: relative; padding: 0; padding-left: 15px; padding-right: 15px; margin: auto; } .cart-area { position: absolute; top: -65px; margin-top: 0; z-index: 1; display: inline-block; height: 40px; right: 13px !important; text-align: right; vertical-align: middle; } .cms-index-index .cart-area { top: -2px; } .form-search i.icon-search, i.icon-search { background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_search_steps.svg) -1px 0 no-repeat; background-size: auto; width: 40px; height: 38px; display: block; position: absolute; left: 0; top: 0; padding: 0; margin: 0; opacity: 0.6; } #doofindermobilesearch.icon-search { display:none; } @media (max-width: 767px) { #search_mini_form a.button { display: block; } #doofindermobilesearch.icon-search { display:block; width: 40px; height: 40px; display: block; border: 1px solid #cbcbcb; border-radius: 50%; opacity: 0.8; position: relative; } } input:focus + button i.icon-search { background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_search_steps.svg) 0 -38px no-repeat; background-size: auto; width: 40px; height: 38px; display: block; opacity: 0.6; } .icon-search:before { content: none; } .minicart-area .img-icon-minicart { width: 40px; height: 40px; display: block; border: 1px solid #cbcbcb; border-radius: 50%; margin-right: 6px !important; } .minicart-area .img-icon-minicart.active { } .minicart-area .img-icon-minicart i { background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_cart.svg) 0px 0px no-repeat !important; width: 19px; position: absolute; left: 10px; background-size: cover !important; margin-top: 8px; opacity: 0.3; height: 21px; } .header-container.type8 .header #search_mini_form { width: auto; display: block; margin: 0; } .header-container.type8 .header .search-area { position: relative; margin: 0 10px 0 0; display: inline-block; top: 0; left: 0; height: 45px; z-index: 5; float: left; } .header-container.type8 .header .form-search { border: 5px solid #1d1d1b; } .header-container.type8 .header .search-area a.search-icon { display: block; line-height: 45px; margin: 0; color: #777777; width: 45px; } .header-container.type8 .header .form-search { width: 300px; position: absolute; right: 0; top: 0; overflow: visible; border-radius: 3px; background-color: #ffffff; border: none; } a.button.searchMobile { display: none; } #search_mobile_form { display: none; } .header .form-search .search-autocomplete ul { border: 1px solid #dddddd; background-color: #ffffff; border-top: none; } .header .form-search .search-autocomplete li { padding: 15px 15px; } .header .form-search .search-autocomplete li.selected { background-color: #f0f0f0 !important; } .header .form-search .search-autocomplete li.odd, .header .form-search .search-autocomplete li.even { background-color: #f9f9f9; } .header-container.type8 .header .mini-cart { background-color: transparent; } .minicart-area { float: left; } /*--- STICKY ---*/ .header-container.type8.sticky-header .top-header-links { right: 17px; position: absolute; top: 20px; } .header-container.type8.sticky-header .top-header-links { display: none; } .header-container.type8.sticky-header .header-wrapper { background-color: #ffffff; padding: 0 !important; transition: left .2s linear; } /*.header-container.sticky-header .header-wrapper {*/ /*position: fixed !important;*/ /*left: 0 !important;*/ /*z-index: 21 !important;*/ /*margin: 0 !important;*/ /*width: 100% !important;*/ /*box-shadow: 0 1px 2px rgba(0,0,0,0.1);*/ /*-webkit-backface-visibility: hidden;*/ /*backface-visibility: hidden;*/ /*pointer-events: all;*/ /*min-height: 110px;*/ /*transition: top .5s linear;*/ /*}*/ .header-container.sticky-header .header-wrapper { position: fixed !important; left: 0 !important; z-index: 21 !important; margin: 0 !important; width: 100% !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: all; min-height: 80px; } .menu.header-container.sticky-header .header-wrapper { background-color: transparent !important; z-index: 22 !important; box-shadow: none; top: 42px !important; min-height: 46px !important; height: 46px !important; } .header-container.sticky-header .logo img { display: none !important; } .header-container.sticky-header .logo a, .header-container.sticky-header a.logo { background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/logo_header_color.png) 0 0 no-repeat !important; display: block; transition: none; height: 60px; width: 60px; background-size: contain !important; } .header-container.sticky-header .header > .logo { display: block; padding: 0; margin: 14px 10px 0 0; float: left; opacity: 1; } .header-container.sticky-header .header { display: block; vertical-align: middle; } .sticky-header .cart-area { top: -59px; } .cms-index-index .header-container.type8:not(.sticky-header) .cart-area { top: -59px; } .header-container.type8 .main-nav ul.menu > li:last-child > a, .header-container.sticky-header .main-nav ul.menu > li:last-child.menu-full-width > a { border-right: 0 } .header-group.sticky { position: fixed; } /*------------------------------ NAV-SUBLIST-DROPDOWN ------------------------------*/ .menu.header-container .header-wrapper .main-nav .menu > li .nav-sublist-dropdown { top: 42px; border-top: 2px solid #eeeeee; z-index: 0; padding: 0; } /*--- STYLES ---*/ .fixed-header .menu > li .nav-sublist-dropdown ul li a > span, .main-nav .menu > li .nav-sublist-dropdown ul li a:not(.level3) > span { opacity: 0.8; } .main-nav .menu > li .nav-sublist-dropdown ul li a:hover > span, .main-nav .menu > li .nav-sublist-dropdown ul li.active > a > span { color: #cb027c !important; opacity: 1; } .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.group { padding-top: 10px; padding-bottom: 0px; } /*--- MEGAMENU ---*/ .mobile-nav .sw-mobile-menu > li > ul > li a { margin-left: 5px; } .mobile-nav .sw-mobile-menu > li > ul > li a.group { color: #666666; } .mobile-nav .sw-mobile-menu > li > ul > li a.group:before { opacity: 0; } .mega-columns.row { margin: 0; padding: 20px 0 20px 0; } .mega-columns a.group { /*color: #aaa !important;*/ cursor: default; } .mobile-nav .sw-mobile-menu > li > ul > li a.group:hover, .mega-columns a.group:hover { text-decoration: none; color: #dddddd; } /*------------------------------ ICON CART-DROPDOWN ------------------------------*/ /*--- STYLE ---*/ .topCartContent:before { content: ""; position: absolute; border: 6px solid transparent; display: block; right: 15px; top: -10px; border-bottom-color: white; } .header-container.type8 .header .mini-cart .topCartContent { position: absolute; right: 2px; top: 55px; width: 300px; background-color: #ffffff; border: none; z-index: 999; border-radius: 1px; padding: 0; color: #777777; margin-top: 10px; -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.41); -moz-box-shadow: 0px 2px 18px -2px rgba(0, 0, 0, 0.41); box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.41); } .cms-index-index .header-container.type8 .header .mini-cart .topCartContent { top: 40px; } .header-container.type8.sticky-header .header .mini-cart .topCartContent { top: 48px; } .header-container.type8.sticky-header .header.container { height: 0; } /*------------------------------ MEDIA ------------------------------*/ @media (min-width: 1200px) { .header-container.type8 .header.container { width: 1170px !important; padding: 0; padding-left: 15px; padding-right: 15px; margin: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .header-container.type8 .header .form-search { width: 100%; max-width: 200px; min-width: 200px; position: absolute; right: 0; top: 0; overflow: visible; border-radius: 3px; background-color: #ffffff; border-color: #959595; } } @media (max-width: 991px) { body:not(.cms-index-index) .header-container.type8:not(.sticky-header):not(.menu) .header-wrapper { box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1); } .main-nav .fullwidth .menu-wrapper, .fixed-header-area { display: none !important; } .cms-index-index .sticky-header .cart-area { top: -59px !important; } .cms-index-index .header-container.type8:not(.sticky-header) .cart-area { top: -38px; } body ul.menu.primary-nav > li.act > a:after, body ul.menu.primary-nav > li:hover > a:after, body ul.menu.primary-nav li > a.act:after, body ul.menu.primary-nav > li.active > a:after, body ul.menu.primary-nav > li > a.active:after { border: none !important; } } @media (max-width: 767px) { .menu.header-container.type8 { padding: 0 20px; } .cms-index-index .header-container.type8 .header.container { padding-left: 20px; padding-right: 20px; } ul.top-header-links, .header-container.type8.sticky-header .top-header-links { display: none !important; } .social-icons-links { clear: both; float: left; margin-bottom: 15px; } #search_mobile_form .form-search { position: fixed; top: 0; left: 0; z-index: 99999; background-color: #fff; height: 100px; width: 100vw; float: left; display: block; } #search_mobile_form .form-search input { font-size: 18px; text-align: left; margin: 20px 40px 20px 10px; float: left; height: 60px; width: calc(100% - 80px); border: none; } #search_mobile_form .form-search i.icon-search { position: relative; } #search_mobile_form .form-search button { position: absolute; right: 20px; top: 0; display: flex; height: 100%; width: 40px; } #search_mobile_form .search-autocomplete { display: none; } body.search-active .wrappermask { background-color: rgba(0,0,0,0.3); position: absolute; z-index: 99998; width: 100%; height: 100%; top: 0; left: 0; display: block; } a.button.searchMobile { display: block; } .header .form-search { display: none; } .header-container .header #search_mini_form { padding-left: 20px !important; padding-right: 20px !important; } .mobile-nav.side-block{ right: -60%; width: 60%; } .mobile-nav-overlay:after { right: 80%; } } @media only screen and (max-width: 590px) { .header-container.type8 .header .form-search { width: 100%; max-width: 250px; } body:not(.mobile-nav-shown) ul.menu.primary-nav > li.act > a:after, body:not(.mobile-nav-shown) ul.menu.primary-nav > li:hover > a:after, body:not(.mobile-nav-shown) ul.menu.primary-nav li > a.act:after, body:not(.mobile-nav-shown) ul.menu.primary-nav > li.active > a:after, body:not(.mobile-nav-shown) ul.menu.primary-nav > li > a.active:after { border: none; } .mobile-nav.side-block{ right: -70%; width: 70%; } .mobile-nav-overlay:after { right: 84%; } } @media (max-width: 480px) { .header-container.type8 .header .form-search { width: 100%; min-width: 200px; } } @media (max-width: 320px) { .header-container.type8 .header .form-search { min-width: 150px; } } /*--- NEW NAV style ---*/ .fixed-header .menu > li .nav-sublist-dropdown .container, .main-nav .menu > li .nav-sublist-dropdown .container { display: block; overflow: visible; width: 100%; height: 100%; /*min-width: 970px;*/ position: relative; min-height: 50px; max-height: 50px; } .menu.header-container.sticky-header .header-wrapper .main-nav .menu > li .nav-sublist-dropdown { top: 34px; } .menu.header-container .header-wrapper .main-nav .menu > li .nav-sublist-dropdown { top: 43px; border-top: 1px solid #eeeeee; z-index: 0; padding: 0 3000px; margin: 0 -3000px; background-color: #f7f7f7; /*transition: all 0.3s;*/ } @media only screen and (min-width: 768px) { .fixed-header .menu > li .nav-sublist-dropdown .container, .main-nav .menu > li .nav-sublist-dropdown .container { min-width: 750px; } } @media only screen and (min-width: 992px) { .fixed-header .menu > li .nav-sublist-dropdown .container, .main-nav .menu > li .nav-sublist-dropdown .container { min-width: 940px; } } @media only screen and (min-width: 1200px) { .fixed-header .menu > li .nav-sublist-dropdown .container, .main-nav .menu > li .nav-sublist-dropdown .container { min-width: 1140px; } } .fixed-header .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist.level1, .main-nav .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist.level1 { border-radius: 0; left: 0; position: absolute; top: 54px; width: 100%; background: white; margin-left: -10px; padding: 20px 25px 30px; -webkit-box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.2), inset 0px 11px 8px -10px #cccccc; box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.2), inset 0px 11px 8px -10px #cccccc; } .menu.header-container .header-wrapper .main-nav .menu > li .nav-sublist-dropdown.labelId-48 { margin-right: 0; margin-left: 0; padding: 20px 25px 30px; border-radius: 0; left: 0; position: absolute; width: calc(100% + 40px); background: white; -webkit-box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.2); } .menu.header-container .header-wrapper .main-nav .menu > li .nav-sublist-dropdown.labelId-48 ul { float: left; width: 16.66666667%; } .nav-sublist-dropdown:not(.labelId-48) .menu-item { padding: 12px 0 14px 0; } .nav-sublist-dropdown .menu-item .menu-item { padding: 0; } .nav-sublist-dropdown ul li.menu-item { display: inline-block; float: left; clear: none !important; position: inherit; width: auto; } .menu.header-container .header-wrapper .main-nav .menu > li .nav-sublist-dropdown.labelId-48 .menu-item { display: block !important; float: left; clear: both !important; } .nav-sublist-dropdown ul li.menu-item.menu-parent-item:not(:last-child) { padding-right: 25px; } .block1.col-sm-12 { display: block; overflow: visible; width: 100%; height: 100%; position: inherit; } .mega-columns.row { margin: 0; padding: 0; display: block; overflow: visible; width: 100%; height: 100%; position: relative; } .bottom-mega-block { display: none !important; } .menu.primary-nav li.menu-full-width a.label-:hover + .nav-sublist-dropdown { padding: 0 3000px; } .sticky-header .nav-sublist-dropdown ul li.menu-item:first-child { padding-left: 0; } .block1.col-sm-12 { padding: 0; } .nav-sublist-dropdown .nav-sublist li.menu-item a, .nav-sublist-dropdown .nav-sublist li.menu-item { float: none; clear: both; display: block; width: 100%; } .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a.level2 { margin-left: 0; } .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li { width: auto; padding-right: 15px; max-width: 200px; } .main-nav .menu > li .nav-sublist .container > ul { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; -o-flex-flow: column wrap; max-height: 350px; /*align-content: flex-start;*/ /*align-content: space-around;*/ margin: 0; padding: 0; } .main-nav .menu > li .labelId-46 .nav-sublist .container > ul { max-height: 300px; } /*.main-nav .menu > li .labelId-47 .nav-sublist .container > ul{*/ /*max-height: 160px;*/ /*}*/ .main-nav .menu > li .labelId-47 .nav-sublist .container > ul { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; } .labelId-47 .nav-sublist.level2 ul { display: flex; flex-flow: column wrap; } /* STATIC BLOCK INSIDE */ .nav-sublist .static-menu { height: 100%; overflow: hidden; display: block; width: 100%; } .menu__tags { float: left; } .menu__ofertaBoxes { clear: right; float: right; } .menu__ofertaBoxes, .menu__tags { width: 50%; height: 100%; } .nav-sublist .menu__tags > div { clear: none !important; width: auto !important; display: inline-block; float: left; padding-right: 50px; } .nav-sublist .women__perfumes__menu.menu__tags > div:last-child { clear: left !important; float: none !important; } .nav-sublist .menu__tags > div ul + ul { margin-top: 8px; } .menu-item .label-.level2 span, .static-menu ul li h6, .static-menu ul li h6 a, .menu.header-container .header-wrapper .main-nav .menu > li .nav-sublist-dropdown.labelId-48 a span { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #222222; letter-spacing: 0; line-height: 18px; opacity: 1 !important; padding-top: 0 !important; font-weight: 400; text-transform: none; padding-bottom: 0 !important; } .static-menu ul li h6 a:hover, .static-menu ul li:hover h6 a { color: #cb027c !important; } .main-nav .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist.level2 { position: relative; display: inline-block; left: 0; width: 100%; top: 0; } .main-nav .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist.level2 li { width: auto; } .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist .static-menu ul > li a, .main-nav .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist.level2 a { font-size: 12px; opacity: 0.6; padding: 5px 0 !important; color: #222222; } .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist .static-menu ul { padding-top: 5px; padding-bottom: 5px; } .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist .menu__tags ul > li a:hover, .main-nav .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist.level2 a:hover { opacity: 1; color: #cb027c; } .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist .menu__tags ul > li:hover a { opacity: 1; } .nav-sublist .menu__tags ul > li:not(:first-child) + li, .main-nav .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist.level2 ul > li + li { /*border-top: 1px solid #F3F3F3 !important;*/ } .main-nav .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist.level2 .container { min-width: 0 !important; } .blockContainer__static-menu { padding-right: 0 !important; } .oneColumnBoxes, .oneColumnBoxes .menu__ofertaBoxes, .oneColumnBoxes .menu__ofertaBoxes .ofertaBoxes--item { width: 100%; } .twoColumnBoxes, .twoColumnBoxes .menu__ofertaBoxes, .twoColumnBoxes .menu__ofertaBoxes .ofertaBoxes--item { width: 50%; } .twoColumnBoxes.oneRowBoxes .menu__ofertaBoxes, .menu__ofertaBoxes.oneRowBoxes .ofertaBoxes--item { width: 100% !important; } .menu__ofertaBoxes .ofertaBoxes--item { display: inline-block; height: 50%; float: left; padding: 0 5px 10px; } .oneRowBoxes .menu__ofertaBoxes .ofertaBoxes--item, .menu__tags .oneRowBoxes { height: 100% !important; } .menu__ofertaBoxes .ofertaBoxes--item a { background-color: #f5f5f5 !important; width: 100%; height: 100%; min-height: 200px; display: block; } .menu__ofertaBoxes .ofertaBoxes--item:nth-child(1) a { background: url("/media/wysiwyg/galaperfumeries/category/ofertaBoxes/ofertaBox__1.png") center center no-repeat; } .menu__ofertaBoxes .ofertaBoxes--item:nth-child(2) a { background: url("/media/wysiwyg/galaperfumeries/category/ofertaBoxes/ofertaBox__2.png") center center no-repeat; } .menu__ofertaBoxes .ofertaBoxes--item:nth-child(3) a { background: url("/media/wysiwyg/galaperfumeries/category/ofertaBoxes/ofertaBox__3.png") center center no-repeat; } .menu__ofertaBoxes .ofertaBoxes--item:nth-child(4) a { background: url("/media/wysiwyg/galaperfumeries/category/ofertaBoxes/ofertaBox__4.png") center center no-repeat; } /*------------------------------ CMS-INDEX-INDEX ------------------------------*/ .cms-index-index .box-collateral.box-related-posts.block.block-blog.block-recent-posts { padding: 40px 0 0 0; display: block; overflow: hidden; } .cms-index-index .beautytips-block { min-height: 400px; overflow: hidden; margin-top: 20px; } .cms-index-index .beautytips-block .btn-general { -webkit-box-shadow: 0px 10px 45px -15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 10px 45px -15px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 45px -15px rgba(0, 0, 0, 0.3); } .cms-index-index .beautytips-block .articles { padding-top: 0px; } .cms-index-index .beautytips-block .beautytips-article { margin-bottom: 30px; } .beautytips-block .beautytips-background .beautytips-block-text { padding-top: 100px; z-index: 1; text-align: left; position: relative; } .beautytips-block .beautytips-block-text img { width: auto; max-width: 100%; display: block; } .beautytips-block .beautytips-background { min-height: 400px; width: 100%; text-align: center; padding: 0; background: #efefef url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_texture8.svg) 6% repeat !important; } .beautytips-block .beautytips-background p { padding-top: 20px; } .beautytips-block .beautytips-background .beautytips-block-image { background: url("/media/wysiwyg/galaperfumeries/homepage/blog/chica_blog_beauty.png"); background-position: center; background-repeat: no-repeat; margin-right: 0px; min-height: 400px; } /*------------------------------ BOTH ------------------------------*/ .box-related-posts ul li { float: left; } .wordpress-index-index.is-blog .content-row, .wordpress-index-index.is-blog .sidebar-row { width: 100%; } .wordpress-index-index.is-blog .sidebar-row { display: none; } .is-blog .col-main .page-title h1, .is-blog .col-main .page-title h2 { text-align: left; margin-bottom: 15px; line-height: 60px; } .post-list h2 { clear: both; } .is-blog .mini-products-list .product { top: 0; padding: 0; margin: 0; } .is-blog .mini-products-list .product-details { float: none; width: 100%; position: relative; display: flex; margin-left: 8px; height: 100%; min-height: 100px; } .is-blog .mini-products-list .product .product-image { border: none; padding: 0; margin: 0; display: flex; justify-content: flex-start; width: auto; float: none; } li:nth-child(odd) .post-list-item .post-image { float: left; } li:nth-child(even) .post-list-item .post-image { float: right; } /* INTERIOR BLOG */ .block.block-related .product p { padding: 0 32px 0 0; } .block.block-related .item .special-price, .block.block-related .item .regular-price { margin: 0; clear: both; display: block; vertical-align: middle; line-height: 1; font-size: 20px; color: #1d1d1b; position: relative; width: 100%; bottom: inherit; } .block.block-related .item .special-price .price, .block.block-related .item .regular-price .price { font-size: 20px; } .is-blog .item .price-box { position: relative; display: flex; } .is-blog .product-add-to-cart { display: flex; justify-content: flex-end; width: auto; } .block.block-related .product { margin: 0; position: relative; padding: 5px 15px; display: flex; flex-flow: row nowrap; width: 100%; align-items: center; } .is-blog .block.block-related { border: 0; border-radius: 0; border-top: 1px solid #cccccc; padding: 30px 0 0 0; margin: 0; } .is-blog .block .block-title, .block-blog .block-title { color: #1d1d1b; padding: 20px 0 15px 0; } .block-products-list li.item { border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; } .block .block-content .mini-products-list li.item { padding: 10px 0; border: 1px solid #f5f5f5; overflow: hidden; -webkit-border-radius: 2px !important; border-radius: 2px !important; -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .05); box-shadow: 0 1px 7px rgba(0, 0, 0, .05); } .block-products-list li.item:last-child { border-bottom: 1px solid #cccccc; } .block .block-title strong span { font-size: 26px; } .wp-sidebar .block .block-title, .block-blog .block-title { border-top: 2px solid #1d1d1b; } .wp-sidebar .block.block-blog-categories a:before { content: ''; left: 0; } .block-blog ul { list-style: none; margin: 0; padding: 0; } .wp-sidebar .block .block-content li.item { padding: 7px 0; margin: 0 0 15px; font-size: 14px; display: block !important; } .wp-sidebar .block .block-content .tags-list li.item { margin: 0 0 10px; display: block !important; } .tags-list { display: block; font-size: 16px; padding: 0; } .block-account ul li a, .block.block-blog-categories a { color: #1d1d1b; text-decoration: none; } .block-account ul li a:hover, .block.block-blog-categories a:hover { text-decoration: underline; } .block-recent-posts .publish-date { font-size: 10px; } @media only screen and (max-width: 590px){ .block-products-list .btn-cart, .block-products-list .btn-cart:hover { width: 110px; } } /*------------------------------ BLOG ------------------------------*/ /*--- HEAD ---*/ .head-blog-title-logo { height: 180px; display: block; text-align: center; position: relative; width: 100%; margin: 0 0 20px 0; } .head-blog-title-logo img { padding-top: 40px; max-width: 100%; } .head-blog-title-logo-pagecol2 { display: block; text-align: center; position: relative; width: 100%; opacity: 1; margin-bottom: 40px; } .head-blog-title-logo-pagecol2 img { max-width: 100%; margin: 30px 0; } .blog-home { clear: both; } /*--- TOP NAV ---*/ .row.blog-topnav-container { display: block; height: 32px; position: relative; margin-left: 0; margin-right: 0; } .row.blog-topnav-container:after { content: ""; border-bottom: 1px solid #c4c6c7; width: 100%; height: 1px; display: block; margin: auto; position: absolute; bottom: 0px; } .row.blog-topnav-container .col-md-3 { overflow: hidden; display: block; min-height: 50px; } .row.blog-topnav-container .col-md-12 { padding: 0; overflow: hidden; display: block; } .col1-layout .list-articles-container > .col-md-12 { padding-left: 5px; padding-right: 5px; } .row.blog-topnav-container .col-md-12 div[class^="col"] { padding: 0 !important; } .row.blog-topnav-container ul.wp-topnav-container > li.item { float: left; background: none !important; } .row.blog-topnav-container ul.wp-topnav-container > li.item > a { padding: 0px 15px 13px !important; width: 100%; margin: 0 !important; display: block; text-transform: uppercase; position: relative; color: #626262; opacity: 0.8; height: 100%; } .row.blog-topnav-container ul.wp-topnav-container > li.item:first-child > a { padding-left: 0 !important; } .row.blog-topnav-container ul.wp-topnav-container li.item.active > a, .row.blog-topnav-container ul.wp-topnav-container > li.item > a:hover span, .row.blog-topnav-container ul.wp-topnav-container > li.item > a:focus span{ color: #cb027c !important; opacity: 1; } .row.blog-topnav-container ul.wp-topnav-container li.active > a > span { font-weight: 600 !important; } .row.blog-topnav-container ul.wp-topnav-container > li.item > a:before { content: ''; width: 1px; height: 18px; position: absolute; top: 0; right: 0 !important; left: 0; margin-top: 0 !important; border-left: 1px solid #cccccc; } .row.blog-topnav-container ul.wp-topnav-container > li.item:first-child > a:before { content: none; } /* Search */ .blog-search.form-search.no-padding { margin-top: 12px; } .row.blog-topnav-container .blog-search input.input-text { border: none; border-bottom: 1px solid black; height: 38px; background-color: transparent; padding: 10px 15px; color: #999999; width: 100%; position: absolute; z-index: 20; margin: 0; border-radius: 0; } .row.blog-topnav-container .blog-search button.button { position: absolute; right: 0; width: 40px; height: 36px; z-index: 21; } /* CONTAINER */ .beautytips-block .articles { padding-top: 50px; } .col2-right-layout .main-container { padding-bottom: 60px; } .col2-right-layout .container-post-view { padding-left: 15px; padding-right: 15px; } .col2-right-layout .sidebar-left, .col2-right-layout .sidebar-right { padding-left: 0; padding-right: 0; } .col2-right-layout .row.list-articles-container { padding: 0; margin-left: 0; margin-right: 0; width: 100%; float: left; } /* ARTICLE AND LEVELS */ .beautytips-block .beautytips-article { padding: 0 10px; position: relative; float: left; } .beautytips-block .beautytips-article .article-box { position: relative; float: left; min-width: 270px; z-index: 0; width: 100%; cursor: pointer; -webkit-border-radius: 2px !important; border-radius: 2px !important; } .beautytips-block .beautytips-article .article-box:after { content: "\00a0"; position: absolute; top: 10px; left: 4%; right: 4%; max-width: 94%; height: 98%; z-index: -1; } .beautytips-block .beautytips-article .article-limit-space { position: relative; border: 1px solid #f5f5f5; overflow: hidden; -webkit-border-radius: 2px !important; border-radius: 2px !important; -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .05); box-shadow: 0 1px 7px rgba(0, 0, 0, .05); background-color: #f7f7f7 !important; } .article-box .article-limit-space > a { min-width: 100%; width: auto; min-height: 320px; display: block; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s; background-size: cover !important; z-index: 0; opacity: 1; background-repeat: no-repeat !important; background-position: center center !important; } .beautytips-block .beautytips-article .article-limit-space .textbase:before { content: "\00a0"; line-height: 10px; display: block; padding: 0px; } .beautytips-block .beautytips-article .beautytips-article-text { padding: 16px 20px 24px 20px; position: absolute; bottom: 0px; z-index: 1; left: 0; width: 100%; } .post-meta-author.details { margin-bottom: 20px; opacity: 0.6; font-size: 12px; font-weight: 400; display: block; letter-spacing: 0.5px; margin-top: 0 !important; } .content-post .post-entry.textbase p { width: 100%; margin-bottom: 15px !important; } .content-post h3 { font-size: 24px; margin-top: 20px; margin-bottom: 10px; } .content-post ul, .content-post ul li { list-style: initial !important; text-decoration: none; list-style-type: disc !important; padding: 10px; margin: 0; text-align: left !important; text-indent: -20px; color: #000; list-style-image: none; list-style-position: inside !important; } .post-meta-author.details i { width: 32px; height: 32px; margin-right: 10px; float: left; } .post-meta-author.details i img { width: 100%; height: 100%; border-radius: 50%; } .post-meta-author p { display: inline-block; } .post-meta-author p .textbase-small { line-height: 15px !important; } .post-author { font-weight: 600 !important; } .beautytips-block .beautytips-article .beautytips-article-text .post-title { display: block; line-height: 22px; margin-bottom: 0px !important; } .beautytips-block .beautytips-article .beautytips-article-text .post-meta-author:before { height: 3px; } /* ARTICLE LINE BOX OF CATEGORY */ .beautytips-block .beautytips-article .box-article { height: 5px; width: 100%; position: absolute; left: 0; top: -5px; background-color: #c4c6c7; z-index: 2; } .beautytips-block .beautytips-article .box-article span { opacity: 0; z-index: 3; position: absolute; color: white; left: 21px; text-transform: uppercase; font-size: 11px; font-weight: 600; } .beautytips-block .beautytips-article .article-box { margin-bottom: 20px; min-width: 100%; } .beautytips-block .beautytips-article .article-box:hover .box-article span { opacity: 1; transition-delay: 1s; transition: all 0.3s; top: 0; } .beautytips-block .beautytips-article .article-box:hover .box-article { -webkit-animation-name: box-color-hover; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 6s; /* Safari 4.0 - 8.0 */ animation-name: box-color-hover; animation-duration: 6s; } /* Safari 4.0 - 8.0 */ @-webkit- @keyframes box-color-hover { 0% { height: 5px; top: -5px; } 1% { height: 3px; top: -2px; } 5% { height: 21px; top: -16px; } 6% { height: 20px; top: -15px; } 96% { height: 20px; top: -15px; } 97% { height: 21px; top: -16px; } 100% { height: 5px; top: -5px; } } /* Standard syntax */ @keyframes box-color-hover { 0% { height: 5px; top: -5px; } 1% { height: 3px; top: -2px; } 5% { height: 21px; top: -16px; } 6% { height: 20px; top: -15px; } 96% { height: 20px; top: -15px; } 97% { height: 21px; top: -16px; } 100% { height: 5px; top: -5px; } } /* CATEGORY NAV & COLORS */ .post-category-label { width: 100%; height: 200px; display: block; } .post-category-label { margin-bottom: 20px; background-repeat: no-repeat; background-position: center; } .post-category-label { width: 100%; display: block; background-color: #cccccc; } .post-category-label a { width: 100%; height: 100%; display: block; } .post-category-label h2 { color: #ffffff; font-style: 64px; } .article-term-default-perfume:not(.article-box), .article-term-ad-es-perfume:not(.article-box), .article-term-ad-fr-parfum:not(.article-box), .article-term-fr-parfum:not(.article-box), .article-term-ad-perfum:not(.article-box) { background-color: #c24747 !important; } .post-category-label.article-term-default-perfume, .post-category-label.article-term-ad-es-perfume { background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/perfume-default.png") } .post-category-label.article-term-fr-parfum, .post-category-label.article-term-ad-fr-parfum { background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/parfum-fr.png") } .post-category-label.article-term-ad-perfum { background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/perfum-ad.png") } .article-term-default-maquillaje:not(.article-box), .article-term-ad-es-maquillaje:not(.article-box), .article-term-ad-fr-maquillage:not(.article-box), .article-term-fr-maquillage:not(.article-box), .article-term-ad-maquillatge:not(.article-box) { background-color: #6fe4d5 !important; } .post-category-label.article-term-default-maquillaje, .post-category-label.article-term-ad-es-maquillaje { background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/maquillaje-default.png") } .post-category-label.article-term-fr-maquillage, .post-category-label.article-term-ad-fr-maquillage { background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/maquillage-fr.png") } .post-category-label.article-term-ad-maquillatge { background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/maquillatge-ad.png") } .article-term-default-salud:not(.article-box), .article-term-ad-es-salud:not(.article-box) { background-color: #f5a623 !important; } .post-category-label.article-term-salud { background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/salud-default.png") } .article-term-default-estilo-moda:not(.article-box), .article-term-ad-es-estilo-moda:not(.article-box) { background-color: #58abcd !important; } .post-category-label.article-term-default-estilo-moda, .post-category-label.article-term-ad-es-estilo-moda { background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/estilo-moda-default.png") } .article-term-default-gala:not(.article-box), .article-term-ad-es-gala:not(.article-box), .article-term-ad-fr-gala:not(.article-box), .article-term-fr-gala:not(.article-box), .article-term-ad-gala:not(.article-box) { background-color: #cb027c !important; } .post-category-label.article-term-default-gala, .post-category-label.article-term-ad-es-gala, .post-category-label.article-term-ad-fr-gala, .post-category-label.article-term-fr-gala, .post-category-label.article-term-ad-gala { background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/gala.png") } .article-term-default-cosmetica:not(.article-box), .article-term-ad-es-cosmetica:not(.article-box), .article-term-ad-fr-cosmetique:not(.article-box), .article-term-fr-cosmetique:not(.article-box), .article-term-ad-cosmetica:not(.article-box) { background-color: #9d5067 !important; } .post-category-label.article-term-default-cosmetica, .post-category-label.article-term-ad-es-cosmetica { background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/cosmetica-default.png") } .post-category-label.article-term-fr-cosmetique, .post-category-label.article-term-ad-fr-cosmetique { background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/cosmetique-fr.png") } .post-category-label.article-term-ad-cosmetica { background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/cosmetica-ad.png") } .article-term-default-belleza:not(.article-box), .article-term-ad-es-belleza:not(.article-box) { background-color: #ff788f !important; } .post-category-label.article-term-default-belleza, .post-category-label.article-term-ad-es-belleza { background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/belleza-default.png") } .article-term-default-tratamientos:not(.article-box), .article-term-ad-es-tratamientos:not(.article-box) { background-color: #699a4c !important; } .post-category-label.article-term-tratamientos { background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/tratamiento-default.png") } .article-term-default-eventos:not(.article-box), .article-term-ad-es-eventos:not(.article-box), .article-term-ad-fr-evenements:not(.article-box),.article-term-fr-evenements:not(.article-box), .article-term-ad-esdeveniments:not(.article-box) { background-color: #9a77b2 !important; } .post-category-label.article-term-default-eventos, .post-category-label.article-term-ad-es-eventos { background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/eventos-default.png") } .post-category-label.article-term-fr-evenements, .post-category-label.article-term-ad-fr-evenements { background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/evenements-fr.png") } .post-category-label.article-term-ad-esdeveniments { background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/events-ad.png") } /* GALA.AD (ES) */ /*.article-term-ad-perfume:not(.article-box) {*/ /* background-color: #c24747 !important;*/ /*}*/ /*.post-category-label.article-term-ad-perfume {*/ /* background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/perfume-ad.png")*/ /*}*/ /*.article-term-ad-maquillaje:not(.article-box) {*/ /* background-color: #6fe4d5 !important;*/ /*}*/ /*.post-category-label.article-term-ad-maquillaje {*/ /* background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/maquillaje-ad.png")*/ /*}*/ /*.article-term-ad-salud:not(.article-box) {*/ /* background-color: #f5a623 !important;*/ /*}*/ /*.post-category-label.article-term-ad-salud {*/ /* background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/salud-ad.png")*/ /*}*/ /*.article-term-ad-estilo-moda:not(.article-box) {*/ /* background-color: #58abcd !important;*/ /*}*/ /*.post-category-label.article-term-ad-estilo-moda {*/ /* background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/estilo-moda-ad.png")*/ /*}*/ /*.article-term-ad-cosmetica:not(.article-box) {*/ /* background-color: #9d5067 !important;*/ /*}*/ /*.post-category-label.article-term-ad-cosmetica {*/ /* background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/cosmetica-ad.png")*/ /*}*/ /*.article-term-ad-belleza:not(.article-box) {*/ /* background-color: #ff788f !important;*/ /*}*/ /*.post-category-label.article-term-ad-belleza {*/ /* background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/belleza-ad.png")*/ /*}*/ /*.article-term-ad-tratamientos:not(.article-box) {*/ /* background-color: #699a4c !important;*/ /*}*/ /*.post-category-label.article-term-ad-tratamientos {*/ /* background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/tratamiento-ad.png")*/ /*}*/ /*.article-term-ad-eventos:not(.article-box) {*/ /* background-color: #9a77b2 !important;*/ /*}*/ /*.post-category-label.article-term-ad-eventos {*/ /* background-image: url("/media/wysiwyg/galaperfumeries/blog/titles/eventos-default.png")*/ /*}*/ /* INSIDE ARTICLE */ .col2-right-layout .beautytips-block .articles > .row { margin: 0; } .cms-index-index .row.list-articles-container { padding: 30px 0; } .list-articles-container .container-post-category, .list-articles-container .container-post-view-background, .list-articles-container .container-post-related { padding-top: 15px; } .list-articles-container .yarpp-related { margin: 0 0 20px 0; } .list-articles-container .yarpp-related li:first-child:before, .yarpp-related li:after { content: ""; display: block; width: 100%; left: 0; height: 1px; border-bottom: 1px solid #c4c6c7; } .list-articles-container .yarpp-related li a { padding: 20px 10px; display: block; } .list-articles-container .yarpp-related li a span { display: block; } .container-post-view-background { background: #f7f7f7; width: 100%; display: block; overflow: hidden; padding-left: 15px; padding-right: 15px; } .container-post-view-background .post-view { margin-bottom: 20px; position: relative; z-index: 1; } .container-post-view .post-view .post-title h1.h3-5 { padding-top: 20px; } .container-post-view .post-view .content-post { background: white; padding: 0 18px 40px; display: block; overflow: hidden; border: 1px solid #f5f5f5; -webkit-border-radius: 2px !important; border-radius: 2px !important; -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .05); box-shadow: 0 1px 7px rgba(0, 0, 0, .05); } .container-post-view .post-view .content-post .image-copyright--provider { font-family: 'Open Sans', sans-serif; font-size: 10px; color: #222222; letter-spacing: 0; line-height: 16px; } .container-post-view .post-view .post-entry .body-el-text { padding: 10px 0; } .container-post-view .post-view .post-entry.continue-reading-post { padding-bottom: 10px; } .container-post-view .post-skips { margin-top: 5px; display: flex; overflow: visible; } .container-post-view .post-skip { height: 100%; width: 100%; line-height: 50px; overflow: visible; padding: 0; margin: 0; display: flex; align-items: center; } .container-post-view a.post-skip i { transform: scale(0.9); } .container-post-view a.post-skip span { opacity: 0.4; } .container-post-view a.post-skip:hover span, .container-post-view a.post-skip:focus span { opacity: 1; } /* Previous */ .container-post-view a.post-skip.post-skip-previous { text-align: left; justify-content: flex-start; } .container-post-view .post-skip.post-skip-previous i.ico-previous{ right: 5px; } .container-post-view .post-skip.post-skip-previous:active i.ico-previous, .container-post-view .post-skip.post-skip-previous:focus i.ico-previous { background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_pass_previous.svg) -36px -33px no-repeat; opacity: 1; } /* Pass */ .container-post-view a.post-skip.post-skip-next.right { text-align: right; justify-content: flex-end; } .container-post-view .post-skip.post-skip-next i.ico-pass{ left: 5px; } .container-post-view .post-skip.post-skip-next:active i.ico-pass, .container-post-view .post-skip.post-skip-next:focus i.ico-pass { background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_pass_previous.svg) 0px -33px no-repeat; opacity: 1; } /* Pass & previous */ .container-post-view .post-skip.post-skip-next:hover, .container-post-view .post-skip.post-skip-previous:hover { opacity: 1; } .container-post-view .post-skip.post-skip-next:hover i, .container-post-view .post-skip.post-skip-previous:hover i, .container-post-view .post-skip.post-skip-next i:hover, .container-post-view .post-skip.post-skip-previous i:hover { opacity: 1; transform: scale(1); } .container-post-view .post-skip.post-skip-previous:active span, .container-post-view .post-skip.post-skip-previous span:focus span, .container-post-view .post-skip.post-skip-next:active span, .container-post-view .post-skip.post-skip-previous:focus span { color: #cb027c; } .container-post-view .post-view .content-post .post-author, .container-post-view .post-view .content-post .post-date { display: block; width: 100%; } .container-post-related .beautytips-block { margin-left: -15px; margin-right: -15px; min-height: 100%; } .col2-right-layout .beautytips-block .articles { padding: 0; } .post-list-item .featured-image { width: 100%; max-height: 450px; min-height: 450px; background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .post-view a.featured-image-link { opacity: 1; } .post-view .featured-image { width: 100%; height: 20em; background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .wordpress-term-view .post-list li.item { margin-bottom: 0 !important; } .block-recent-posts li .featured-image { width: 280px; max-height: 180px; min-height: 180px; background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .post-tag.details, .post-category.details { text-transform: uppercase; font-size: 12px; font-weight: 600; color: #8a8a8a; } .post-entry-separator { margin: 30px 0; clear: both; display: block; height: 1px; } .post-entry-separator span { width: 30px; height: 1px; border-top: 1px solid #1d1d1b; display: block; } .continue-reading { clear: both; margin: 20px 0; } /* MEDIA QUERY */ @media only screen and (min-width: 1200px) { .beautytips-block .beautytips-background .beautytips-block-text p { max-width: 500px; } .row.blog-topnav-container .col-md-12 .col-md-3.col-sm-3.col-xs-4 { padding-left: 5px !important; } .list-articles-container .container-post-related .beautytips-block .beautytips-article { padding: 0; } } @media (max-width: 1199px) { .beautytips-article-container .beautytips-article .post-category-label { margin-bottom: 10px; } .blog-search.form-search.no-padding { width: 100%; display: block; height: 100%; overflow: hidden; position: absolute; } } @media only screen and (min-width: 992px) { .col2-right-layout .beautytips-block li.item.beautytips-article { width: 100%; } .container-post-related .beautytips-block { padding: 0 15px; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .cms-index-index .beautytips-block .articles .row { margin: 0; } .cms-index-index .box-collateral.box-related-posts.block.block-blog.block-recent-posts { padding: 40px 8px 0 8px; display: block; overflow: hidden; } .beautytips-block .beautytips-article { padding: 0 7px; } .h4-serif { font-size: 20px; } .col1-layout .list-articles-container > .col-md-12 { padding-left: 10px; padding-right: 10px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .beautytips-block .beautytips-article:last-child { display: none; clear: left; } .container-post-related .beautytips-block { padding: 0 8px; } } @media (min-width: 992px) { .beautytips-block .beautytips-article .article-limit-space { max-height: 300px; min-height: 300px; } .row.blog-topnav-container .col-md-12 { padding: 0 15px 0 0; } .wordpress-term-view .beautytips-block .beautytips-article, .wordpress-post-view .beautytips-block .beautytips-article { padding: 0; } } @media (max-width: 991px) { .beautytips-block .beautytips-article .article-limit-space { max-height: 280px; min-height: 280px; } .col2-right-layout .content-row + .container-post-related { padding: 40px 0 0 0; } .block-recent-posts li .featured-image { width: 100%; } .block-recent-posts li .col-2 { padding: 0; margin: 10px 0 20px 0; } .container-post-view-background { background: none; padding-left: 0; padding-right: 0; } .col2-right-layout .sidebar-left, .col2-right-layout .sidebar-right { padding-left: 0; padding-right: 0; } .col2-right-layout .container-post-view { padding-left: 0; padding-right: 0; } .beautytips-block .beautytips-background .beautytips-block-image { background-position: center bottom; background-size: 120%; } } @media only screen and (min-width: 768px) { .beautytips-block .articles { padding: 0; padding-top: 15px; } .article-box:hover .article-limit-space > a { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; } .beautytips-block .beautytips-article .article-box:hover:after { content: "\00a0"; position: absolute; top: 5%; left: 7%; right: 7%; max-width: 94%; max-height: 94%; opacity: 0.3; background: rgba(0, 0, 0, 0.72); -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; -ms-border-radius: 14px; height: 98%; z-index: -1; } } @media only screen and (max-width: 767px) { .row.blog-topnav-container .col-md-12 div[class^="col"] { padding: 5px 0 !important; } .is-blog .col2-right-layout .sidebar-left { display: none; } .container-post-view-background { height: 100%; padding-bottom: 10px; } .beautytips-background .beautytips-block-image img { width: 35%; bottom: 0; position: absolute; left: 50%; transform: translateX(-50%); } .beautytips-block .beautytips-background { background-image: none; position: relative; min-height: 400px; } .container-post-related .beautytips-block { padding: 10px 0 0 0; } .beautytips-block .articles { padding: 40px 10px 40px 10px; } .beautytips-block .beautytips-article:last-child { display: block; } .beautytips-block .beautytips-article { padding-left: 15px; padding-right: 15px; } .beautytips-block .beautytips-article .article-box { min-width: 250px; } .beautytips-block .beautytips-article .article-limit-space { min-height: 300px; } .container-post-view .post-view .content-post { padding: 0 32px 40px; } .container-post-view .post-view .content-post:after { content: "\00a0"; position: absolute; top: 5%; left: 2%; right: 2%; max-width: 96%; max-height: 94%; opacity: 0.3; background: rgba(0, 0, 0, 0.72); -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; -ms-border-radius: 14px; height: 98%; z-index: -1; } .beautytips-block .beautytips-background .beautytips-block-image.col-xs-12 { top: 0; position: absolute; z-index: 0; width: 100%; left: 50%; bottom: 0; transform: translatex(-50%); max-height: 500px; overflow: hidden; background-image: none; } .beautytips-block .beautytips-background .beautytips-block-image a { width: 60%; top: 200px; position: relative; padding: 0; opacity: 0.9; margin: 0; } .beautytips-block .beautytips-background .beautytips-block-text { z-index: 1; text-align: center; position: relative; padding-top: 60px; padding-left: 0; padding-right: 0; } .beautytips-block .beautytips-background .beautytips-block-text p { padding: 20px 40px 0; max-width: 600px; margin: auto !important; text-align: center; } .beautytips-block .beautytips-background .beautytips-block-text a.btn-general { top: 110px; } .list-articles-container .content-row .container-post-view { padding-left: 0; padding-right: 0; width: 100%; } .container-post-view .post-skip { padding: 0 15px; } .wordpress-term-view .col2-right-layout .beautytips-block li.item.beautytips-article, .wordpress-post-view .col2-right-layout .beautytips-block li.item.beautytips-article { width: 50%; } } @media only screen and (max-width: 590px) { .head-blog-title-logo { margin: 0; } .beautytips-block .beautytips-article { min-width: auto; } .beautytips-background .beautytips-block-image img { width: 70%; } .beautytips-block .beautytips-background .beautytips-block-image a { top: 200px; width: 60%; height: auto; padding: 0px; } .beautytips-block .beautytips-background .beautytips-block-text p { display: none; } .beautytips-block .beautytips-background .col-xs-1 { width: 5%; } } @media only screen and (max-width: 540px) { .beautytips-block .beautytips-article { min-width: inherit; display: block; width: 100%; margin: auto; clear: both; } .beautytips-block .beautytips-article .article-box { width: 100%; margin: auto; display: block; clear: both; float: none; } .beautytips-block .beautytips-article .beautytips-article-text { padding: 16px 10px 24px 10px; text-align: left; } .beautytips-block .beautytips-background .beautytips-block-text p { padding: 20px 20px 0; } .row.blog-topnav-container { height: auto; float: left; width: 100%; padding-bottom: 15px; } .row.blog-topnav-container ul.wp-topnav-container > li.item { float: left; background: none !important; clear: both; display: block; width: 100%; text-align: center; padding: 5px 0; } .row.blog-topnav-container .col-md-12 { max-width: 100%; overflow: hidden; display: block; } .row.blog-topnav-container ul.wp-topnav-container > li.item > a:before { border-left: none; } .row.blog-topnav-container ul.wp-topnav-container > li.item > a { padding: 5px 15px !important; } .row.blog-topnav-container ul.wp-topnav-container > li.item:first-child > a { padding-left: 15px !important; } .wordpress-term-view .col2-right-layout .beautytips-block li.item.beautytips-article, .wordpress-post-view .col2-right-layout .beautytips-block li.item.beautytips-article { width: 100%; margin-bottom: 20px; } .is-blog .mini-products-list .product-details { float: none; width: 100%; position: relative; display: flex; min-height: 100px; height: 100%; margin: 0 0 20px 0; text-align: center; justify-content: center; } .block.block-related .product { margin: 0; flex-flow: column wrap; justify-content: center; } .is-blog .product-add-to-cart { width: 100%; position: relative; flex-flow: column wrap; } .is-blog .mini-products-list .product .product-image{ width: 100%; position: relative; flex-flow: column wrap; } .block .actions a { float: none; margin: 5px 0; width: 80%; max-width: 100%; } .block.block-related .product p { padding: 0; } } @media (max-width: 480px) { .beautytips-block .beautytips-background .beautytips-block-image a { top: 240px; width: 80%; } .beautytips-background .beautytips-block-image img { width: 80%; } .beautytips-block .beautytips-background .beautytips-block-text a.btn-general { top: 40px; } .beautytips-block .beautytips-background { min-height: 450px; } .container-post-view-background { background: #fff; } .row.blog-topnav-container .blog-search input.input-text { display: none; } .cms-index-index .main-container.beautytips-block { display: none; } .beautytips-block .beautytips-block-text img{ margin: auto; } } /* NEWSLETTER */ /* GRID */ .footer-newsletter [class*='col-'] { padding: 0; } .footer-newsletter .row { margin: 0; display: flex; justify-content: space-between; align-items: center; } /* CONTAINER */ body:not(.catalog-product-view):not(.cms-index-index) .footer-newsletter{ margin-top: 32px; } .footer-newsletter { height: auto; min-height: 220px; overflow: hidden; background-color: #91cad2; background: url(/media/wysiwyg/galaperfumeries/newsletter/bg_newsletter.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding-left: 0; padding-right: 0; } .newsletter-footer-box { text-align: left; } /* IMG */ .footer-newsletter img { width: auto; display: block; max-width: 100%; } /* CONTENT */ .footer-newsletter .text-and-button-newsletter { margin-top: 30px; } .footer-newsletter .textbase:before { display: inline; } .footer-newsletter h4 span.h2 { font-size: 56px; line-height: 45px; } .newsletter-container-title { background-color: transparent; border: 0; padding: 0; } /* INPUT BOX */ input#newsletter_footer::placeholder { color: #d1d1d1; } .footer-newsletter .input-button-newsletter { margin-top: 16px; max-width: 480px; width: 100%; display: inline-block; z-index: 1; position: relative; } .footer-newsletter .input-button-newsletter:after { content: "\00a0"; position: absolute; top: 8px; left: 2%; right: 0; max-width: 98%; opacity: 0.4; background: #5c8d93; -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(14px); border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; -ms-border-radius: 14px; height: 40px; z-index: -1; } .footer-newsletter .checkbox input[type*='checkbox'] + label { line-height: 17px; } .footer-newsletter .checkbox label a { color: #67939a; font-weight: 500; } .validation-failed { background: #faebe7!important; border: none !important; border-bottom: 1px solid #eb340a!important; } .newsletter-footer-box .input-box:not(.accept) { box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.25); } .newsletter-footer-box input.input-text { padding: 8px 8px 8px 16px; color: #696969; font-size: 12px; line-height: 20px; height: 45px; min-width: calc(100% - 120px); border: none; vertical-align: top; max-width: 100%; width: calc(100% - 120px); } .newsletter-footer-box .input-button-newsletter .btn-general, .newsletter-footer-box .input-button-newsletter .btn-general:hover { width: 120px; min-width: 120px; height: 45px; min-height: 45px; top: 0; padding: 0; animation-name: none; -webkit-animation-name: none; line-height: 45px; position: absolute; overflow: hidden; } .input-button-newsletter button.btn-general:hover, .input-button-newsletter button.btn-general:focus { padding: 0; } .newsletter-footer-box .btn-general span { height: 45px; background-color: #cb027c; border: 1px solid #cb027c; color: #ffffff; font-size: 12px; line-height: 43px !important; border-radius: 0; border-left: 0; text-transform: uppercase; display: block; } .newsletter-footer-box .input-box.accept { float: left; margin-top: 0; } .newsletter-footer-box .checkbox label:before { margin-top: 0; border: none; } .footer-bottom .fullwidth .col-lg-6 { width: 50%; float: left; max-width: 50%; display: flex; } .footer-container .col { display: flex; flex-flow: column wrap; align-items: flex-start; } .footer-bottom > .fullwidth .container-leftside { max-height: 350px; min-height: 350px; padding: 60px 20px 0 0; justify-content: flex-end; } .footer-bottom > .fullwidth .container-rightside { max-height: 350px; min-height: 350px; justify-content: flex-start; padding: 60px 0 0 20px; } /* FOOTER */ .footer-middle { background-color: #efefef; } .footer-middle-2 { background-color: #ffffff; padding-top: 60px; padding-bottom: 20px; } .footer-bottom { padding-top: 0; padding-bottom: 0; background-color: white; display: block; overflow: hidden; } .footer-bottom .col + .col { padding-left: 8% !important; } .footer-bottom .row { margin-left: 0; margin-right: 0; } .footer-bottom .fullwidth .col-lg-6 { float: left; background: #f7f7f7; } .footer-bottom .fullwidth .col-lg-6.container-rightside { background-color: #f7f7f7; } .footer-bottom .fullwidth .footer-bottom-leftside { margin: 0; padding: 0; width: 100%; max-width: 540px; justify-content: flex-start; display: flex; } .footer-bottom .fullwidth .footer-bottom-rightside { margin: 0; float: left; padding: 0; width: 100%; justify-content: flex-end; max-width: 540px; display: flex; } .footer-bottom p, .footer-bottom a { color: #1d1d1b; } .footer-middle .block, .footer-bottom { text-align: left; line-height: 1.5; } .footer-bottom ul.links li { padding: 0; border-right: 0; display: block; text-align: left; } .footer-bottom ul.links li:first-child { padding-left: 0; } .footer-middle ul.links li { padding: 0; border-right: 0; font-size: 11px; clear: both; float: left; display: block; line-height: 2em; } .footer-middle ul.links li:first-child { padding-left: 0; } .footer-bottom ul.links li i, .footer-middle ul.links li i { display: none; } .footer-middle ul.links li a { font-size: 12px; color: #222222; letter-spacing: 0; line-height: 28px; } .footer-middle .block-content { margin-bottom: 30px; } .footer-middle .block-title { border-top: 1px solid #dddddd; padding-top: 10px; text-transform: uppercase; } .footer-middle .block-title a { font-weight: 400; color: #f9701f; font-size: 12px; } .footer-bottom .block-title { font-family: 'Open Sans', sans-serif; font-size: 12px; letter-spacing: 0; line-height: 18px; font-weight: 700; flex-flow: row wrap; padding-bottom: 10px; display: flex; text-align: left; } .footer-bottom .block-title:after { content: "\00a0"; line-height: 12px; display: block; } .footer-bottom ul.links { display: flex; flex-flow: column wrap; } .footer-bottom .row-inside-col { max-width: 180px; } .footer-bottom .row-inside-col:last-child:before { content: "\00a0"; line-height: 22px; display: block; } .footer-middle ul.links { padding: 0; margin-top: 20px; } .footer-bottom ul.links li a { text-transform: none; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #222222; letter-spacing: 0; line-height: 18px; opacity: 0.8; } .footer-bottom ul.links li p { text-transform: none; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #222222; letter-spacing: 0; line-height: 18px; } .footer-bottom ul.links.payment-icons li + li { padding-top: 24px; } .footer-bottom ul.links li + li { padding-top: 10px; } .footer-bottom ul.links li a span { text-transform: none; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #cb027c; letter-spacing: 0; line-height: 18px; } .footer-bottom img.payments { width: auto; float: left; height: auto; max-width: 100%; } .validation-advice#advice-required-entry-checkbox{ margin-left: -24px; } img.bg-influencer-newsletter { margin-top: -62px; margin-bottom: -48px; } /* HOVER */ .footer-bottom ul.links li a:hover { color: black !important; opacity: 1 } /* COPY */ .footer-legal { background: #222222; padding: 20px 0; } .footer-legal .copyright { color: #cccccc; font-size: 11px; margin: 0; text-align: right; padding-right: 2%; } .footer-legal .copyright a { text-decoration: none; color: #ffffff; } .footer-legal .copyright a:hover { text-decoration: underline; } /* MEDIA */ @media (min-width: 992px) { } @media (max-width: 1199px) { .footer-newsletter .newsletter-container-title { background-color: transparent; border: 0; padding: 0; margin: 20px 0 0 0; } .footer-newsletter .newsletter-container-image { display: block; margin: 0; } .footer-newsletter .newsletter-container-box { padding: 0px; margin-left: 0px; float: left; z-index: 1; margin-top: 10px; } .newsletter-footer-box { text-align: left; margin-top: 10px; } .footer-newsletter .newsletter-container-title img { display: block; margin-bottom: 0px; } .footer-newsletter .newsletter-container-image { float: left; } .footer-newsletter .newsletter-container-image img { width: auto; z-index: 0; height: auto; padding: 0; float: right; } .newsletter-footer-box .input-box.accept, .newsletter-footer-box .input-box.accept .checkbox { margin-top: 5px; } .footer-newsletter .text-and-button-newsletter { margin-top: 10px; } .footer-bottom .fullwidth .footer-bottom-leftside, .footer-bottom .fullwidth .footer-bottom-rightside{ max-width: 435px; } .footer-bottom .col + .col { padding-left: 6% !important; } } @media (max-width: 991px) { .footer-bottom { background-image: none; padding-top: 0; padding-bottom: 0; } .footer-container .col { width: auto; min-width: auto; } .footer-bottom .fullwidth .col-lg-6 { width: 100%; min-width: 100%; } .footer-bottom .fullwidth .col-lg-6.container-rightside { width: 100%; background-color: #f0f0f0; } .footer-bottom .fullwidth .col-lg-6.container-rightside, .footer-bottom .fullwidth .col-lg-6.container-leftside{ padding: 60px 0; display: flex; justify-content: center; float: none; } .footer-bottom .fullwidth .footer-bottom-leftside, .footer-bottom .fullwidth .footer-bottom-rightside { width: 100%; display: flex; clear: both; float: none; justify-content: space-between; } .footer-newsletter .fullwidth { min-width: 750px; } .footer-newsletter .newsletter-footer-box { text-align: left; margin-top: 0; } .footer-newsletter .text-and-button-newsletter { margin-top: 10px; } .footer-newsletter .newsletter-container-box { float: left; z-index: 1; } .footer-newsletter .newsletter-container-box p.textbase.c-black.semi { max-width: 500px; } .footer-newsletter .newsletter-container-image img { transform: scale(0.9, 0.9); } .footer-bottom .fullwidth .footer-bottom-leftside, .footer-bottom .fullwidth .footer-bottom-rightside{ max-width: 600px; padding: 0 15px; } } @media (min-width: 768px) { img.bg-influencer-newsletter { margin-top: -16px; margin-bottom: -48px; } } @media (max-width: 767px) { .footer-bottom .col { float: none; width: auto; display: flex; text-align: center; align-items: baseline; justify-content: space-between; } .footer-bottom .col:before { display: block; padding: 10px; content: ""; } .footer-bottom .block-title { line-height: 16px; } .footer-bottom .block-title:after { line-height: 8px; padding-bottom: 2px; } .footer-bottom a.logo { width: 100%; text-align: center; } .footer-bottom a.logo img { display: block; margin: 0 auto; } .footer-bottom div { clear: both; text-align: left; margin: 0; display: block; float: none; width: 100%; } .footer-bottom ul.links.payment-icons li + li { padding-top: 15px; } .footer-bottom img.payments { float: none; } .footer-legal .copyright { text-align: center !important; margin: 10px 0; } .footer-newsletter { max-height: 100%; height: 100%; margin-top:0; } .footer-newsletter .fullwidth { min-width: 750px; width: 100%; } .footer-newsletter .fullwidth.container { min-width: 200px; } .footer-newsletter .row { margin: 10px 0 0 0; width: 100%; } .footer-newsletter .newsletter-container-box .newsletter-container-title { margin: auto; text-align: center; display: inline-block !important; } .footer-newsletter .newsletter-container-box { width: 100%; z-index: 1; padding: 0 15px !important; text-align: center; } .footer-newsletter .newsletter-container-image { width: 100%; } .footer-newsletter .block-content { margin-top: 0; padding-top: 20px; } .footer-newsletter .newsletter-footer-box { text-align: left; margin-top: 0; max-width: 400px; margin-left: auto; margin-right: auto; float: none; } .footer-newsletter .newsletter-footer-box .input-box.accept { text-align: center; width: 100%; } .newsletter-footer-box p.textbase.c-black.semi { width: 100%; max-width: 500px; display: block; margin: auto !important; text-align: center; } .footer-newsletter .text-and-button-newsletter { margin-top: 0; } .footer-newsletter .input-button-newsletter { max-width: inherit; min-width: 250px; margin: auto; margin-top: 40px !important; width: 100%; display: block; z-index: 1; position: relative; padding: 0; } .footer-newsletter .input-button-newsletter:after { max-width: 70%; margin: auto; } .validation-advice#advice-required-entry-newsletter_footer:before { border-top: 5px solid #ffffff; border-bottom: 0; top: 57px; } .footer-legal .col-sm-4 { padding: 20px 0px 10px; } .footer-bottom div, .footer-bottom .col { text-align: center; display: block; } .footer-bottom .fullwidth .col-lg-6.container-rightside, .footer-bottom .fullwidth .col-lg-6.container-leftside { width: 100%; height: 100%; min-height: 100%; max-height: 100%; padding: 50px 0 60px; display: block; } .footer-bottom .fullwidth .footer-bottom-leftside, .footer-bottom .fullwidth .footer-bottom-rightside { display: block; } .footer-bottom .col{ float: none !important; } .footer-bottom .fullwidth .col-lg-6{ float: none !important; } .footer-bottom .col + .col{ padding-left: 0 !important; padding-top: 3%; } .footer-bottom .row-inside-col { max-width: 100%; } .footer-bottom ul.links li { text-align: center; } .footer-bottom .block-title { text-align: center; justify-content: center; } } @media (max-width: 590px) { .footer-newsletter .newsletter-footer-box .input-box.accept { text-align: center; width: 100%; padding: 0px; } } @media (max-width: 500px) { .footer-newsletter .newsletter-container-box p.textbase.c-black.semi { max-width: 92%; } .newsletter-footer-box button.button { margin: 0; } .newsletter-footer-box .input-box.accept .checkbox { margin-top: 10px; } .newsletter-footer-box button.button { width: 120px; } .newsletter-footer-box .input-button-newsletter .btn-general, .newsletter-footer-box .input-button-newsletter .btn-general:hover { width: 100px; min-width: 100px; top: 0; padding: 0; position: absolute; } .newsletter-footer-box input.input-text { width: calc(100% - 100px); min-width: calc(100% - 100px); } } @media (max-width: 420px) { .footer-newsletter .container { padding-left: 0; padding-right: 0; } } /* BANNER CATEGORY */ .product-category-page.row { padding-bottom: 100px; height: 100%; } .top-container .category-banner { background-repeat: no-repeat; background-position: center; height: 300px; width: 100%; background-color: #efefef; } @keyframes categoryBannerZoom { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } .top-container .category-banner .titles-category-banner { display: inline-block; margin: auto; text-align: center; } .top-container .category-banner h4.pre-title-category { font-family: 'Open Sans', sans-serif; width: auto; font-size: 20px; letter-spacing: 12px; line-height: 32px; font-weight: 300; text-transform: uppercase; padding-left: 10px; } .top-container .category-banner h1.title-category { font-family: 'Playfair Display', serif; font-size: 70px; letter-spacing: 0.24px; line-height: 60px; position: relative; text-transform: uppercase; } .top-container .category-banner .banner-image { width: 100%; } .category-banner .owl-theme .owl-controls { position: relative; margin-top: -30px; height: 30px; } .category-banner .banner-text { position: absolute; top: 30%; width: 100%; color: #ffffff; } .category-banner .banner-text h2 { font-size: 50px; color: #ffffff; } .category-banner .banner-text p { font-size: 26px; font-weight: 300; } /* LEFT BANENR */ #category_leftbanner { max-width: 220px; overflow: hidden; margin: auto; text-align: center; } #category_leftbanner img { width: 100%; height: 100%; z-index: 20; display: block; margin: auto; text-align: center; position: relative; } .banner-maincategory img { width: 100%; max-width: 220px; height: auto; } /* COLS */ .col2-left-layout .col-left.sidebar { padding-right: 5%; } .col2-left-layout .col-left.sidebar .filter-outside { display: none; } .category-banner h1, .catalogsearch-result-index .page-title h1, .manufacturer-index-view .page-title h1 { text-align: center; color: #1d1d1b; font-size: 66px; font-weight: bold; margin-bottom: 5px; line-height: 1.1em; } .category-banner h2, .catalogsearch-result-index .page-title h2, .manufacturer-index-view .page-title h2 { text-align: left; color: #999999; font-size: 18px; margin-bottom: 0; } .block-nav-title { clear: both; float: left; margin-bottom: 15px; display: none; width: 100%; } .block-nav-title h3 { text-transform: uppercase; } /* BLOCK LEFT NAV */ .block-layered-nav, .block-category-nav { padding: 0; border: 0; clear: both; float: left; width: 100%; box-shadow: none; } .block-layered-nav dt.category_filter { display: none !important; } .block.block-category-nav { margin-bottom: 0; } a span.count { padding-left: 5px; } .block-category-nav dt.closed span, .block-layered-nav dt.closed span { color: #222222; } .block-category-nav dt.active span, .block-layered-nav dt.active span { font-weight: 600; } .block-layered-nav dt.opened:before, .block-category-nav dt.block-title.has-children.opened:before { content: "\e82b"; width: 0; height: 26px; display: block; border: 0; font-family: 'porto'; position: absolute; right: 15px; top: 16px; margin-top: -13px; border-radius: 3px; text-align: center; line-height: 22px; background-color: #ffffff; font-size: 10px; pointer-events: none; } .block-layered-nav dt.closed:before, .block-category-nav dt.block-title.has-children.closed:before { content: "\e82a"; width: 0; height: 26px; display: block; border: 0; font-family: 'porto'; position: absolute; right: 15px; top: 16px; margin-top: -13px; border-radius: 3px; text-align: center; line-height: 22px; background-color: #ffffff; font-size: 10px; pointer-events: none; } .block-layered-nav dd, .block-category-nav .block-content { padding: 0; font-size: 13px; border: 0; border-radius: 0; background-color: transparent; } .block-layered-nav dd, .block-category-nav dd { padding: 0; font-size: 12px; border: 0; border-top: 0; border-radius: 0; background-color: transparent; clear: both; float: left; width: 100%; } .block-layered-nav dt:hover:before, .block-category-nav dt:hover:before, .block-layered-nav dt:hover, .block-category-nav dt:hover { background-color: transparent; color: #cb027c !important; } .block.block-layered-nav .block-content, .block.block-category-nav .block-content { background-color: transparent; clear: both; float: left; width: 100%; } .block.block-layered-nav, .block.block-category-nav { margin-top: 0; border-radius: 0; } .block-layered-nav .content-has-children, .block-category-nav.content-has-children { padding-bottom: 40px; } .block-category-nav .block-title { border-radius: 0; width: calc(100% - 10px); } .block-layered-nav .currently ol, .block-category-nav .currently ol { border: 0; border-width: 0; background-color: transparent; padding: 10px 0; margin: 0; } .block.block-layered-nav .block-content dd.price ol, .block.block-category-nav .block-content dd.price ol { background-color: #ffffff; } .block-layered-nav dd li, .block-category-nav dd li { padding: 0; position: relative; } .block-layered-nav dd li + li, .block-category-nav dd li + li { padding: 0; } .block-layered-nav dd.price ol li:hover, .block-category-nav dd.price ol li:hover { background: #ffffff; } .block-layered-nav dd ol li:hover a, .block-category-nav dl.category-list dd ol li:hover a { color: #cb027c; } .block-layered-nav dd ol li a, .block-category-nav dl.category-list dd a { padding: 12px 0 0 0; font-size: 12px; color: #222222; line-height: 16px; display: block; cursor: pointer; float: left; width: 100%; background: none; } .block-layered-nav #narrow-by-list dd ol.configurable-swatch-list li { width: 100%; margin: 0; } .block-layered-nav #narrow-by-list dd ol li a.swatch-link { margin: 0; line-height: 30px !important; } .block-layered-nav #narrow-by-list dd ol li a span.swatch-label { border: none; background: none; height: 100% !important; text-align: left; display: inline; border-radius: 0 !important; padding: 0 !important; font-size: 13px !important; color: #777777 !important; line-height: 30px !important; } .block-layered-nav dd ol li a.amshopby-attr-selected:after, .block-category-nav dl.category-list ol li a.active:after { background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_close.svg) 0 0 no-repeat; content: ""; display: block; z-index: 1; right: 14px; top: 14px; position: absolute; transition: all 0.3s; height: 14px; width: 12px; transform: scale(0.8); } .block-layered-nav dt, .block-category-nav dt { border-bottom: 1px solid #ededed; line-height: 1.5em; padding: 5px 20px 5px 0; width: 100%; display: block; margin-bottom: 0; font-weight: 600; clear: both; float: left; position: relative; text-transform: uppercase; font-size: 12px; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt { background: none; } .block-layered-nav dt:first-child, .catalog-category-view .block-category-nav div > dl > div:first-child > .block-title { margin-top: 0; } .block-category-nav + .block-layered-nav, .block-layered-nav dt:not(.category_filter):not(:first-child), .block-category-nav dl > div > dt, .catalog-category-view .mobile-filters .block-category-nav div > dl > div:first-child > .block-title { margin-top: 15px; } .main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed { background: none; } div.block-layered-nav dd .single-choice a.amshopby-attr, div.block-layered-nav dd .single-choice a.amshopby-attr:hover { background-image: none; } div.block-layered-nav dd a.amshopby-attr-selected, .block-category-nav dl.category-list ol li a.active { background-image: none; color: #cb027c; font-weight: 600; width: 100%; cursor: pointer; } div.block-layered-nav.amshopby-collapse-enabled dl dt.category_filter { display: none; } div.amshopby-overlay { z-index: 20; } /* TEXT DISPLAY SELECTION */ .block.block-layered-nav.amshopby-collapse-enabled.amshopby-filters-top { display: none; } /* PRICE */ .slider-range.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all { margin: 20px 0 15px; height: 4px; background: #eeeeee; } input#minPrice { float: left; } .ui-slider .ui-slider-handle { background: #cb027c !important; width: 15px !important; height: 15px !important; margin-top: 0 !important; border-radius: 0 !important; margin-left: -10px; } /* FANCYBOX */ .fancybox-opened .fancybox-skin { border-radius: initial; } .fancybox-inner { border-radius: initial; } a.fancybox-close { background: transparent url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/fancy_close.gif) 0 0 no-repeat; width: 50px; height: 50px; } a.fancybox-close:before { content: ""; font-family: "porto"; } /* TOOLBAR */ .catalog-category-view .category-products .toolbar .infobar, .catalog-category-view .category-products .toolbar .sorter, .catalog-category-view .toolbar .pager, .catalogsearch-result-index .toolbar .pager, .manufacturer-index-view .toolbar .pager { display: none !important; } .catalog-category-view .toolbar-category-bottom .toolbar .pager, .catalogsearch-result-index .toolbar-category-bottom .toolbar .pager, .manufacturer-index-view .toolbar-category-bottom .toolbar .pager{ display: flex !important; } .container .btn-filters { display: none; z-index: 1; } .toolbar .pager { float: none; margin: 0 0 4px 0; } .toolbar .sort-by, .my-account .pager { float: right; margin-right: 15px; margin-bottom: 4px; } .toolbar .pager .amount { float: left; margin: 0; line-height: 30px; margin-right: 10px; display: block; } .toolbar .infobar { float: left; display: none; width: 100%; border-bottom: 2px solid #4a4a4a; margin-bottom: 15px; } .toolbar .sorter { float: left; clear: both; display: block; width: 100%; border-top: 1px solid #ededed; padding: 20px 4px 16px 0; } .infobar .total-items { color: #4a4a4a; font-size: 14px; float: left; margin-right: 20px; } .infobar span { font-weight: bold; } .infobar span.items-number { font-size: 24px; font-weight: bold; color: #f9701f; } .top-container .category-banner { height: 100%; width: 100%; background: #f5f5f5 url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_texture8.svg) 6% repeat; background-position: center; } .top-container .category-banner > .fullwidth.container { height: 300px; width: 100%; background-position: center; background-repeat: no-repeat; max-width: 1140px; } .top-container .category-banner > .fullwidth.container > .row .titles-category-banner { padding-top: 60px; } .toolbar-category { clear: both; } .toolbar-category-bottom .infobar, .toolbar-category-bottom .sorter { display: none; } /* TOP NAV */ .row.top-category-row { margin-left: 0; margin-right: 0; } .top-block-category-nav { height: 100px; } .fullwidth.main.container .col-md-12.top-container-category-nav { padding: 0; } ul.top-category-list { height: 100%; float: right; } ul.top-category-list li { display: inline-block; height: 100%; position: relative; float: left; } ul.top-category-list li:hover, ul.top-category-list li.active, ul.top-category-list li a.active { background: #f3f3f3; box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.1); } ul.top-category-list li a.active:before{ content: none; } ul.top-category-list li a { height: 100%; width: 100%; padding: 10px 15px; display: block; text-align: center; opacity: 1; } ul.top-category-list li a img{ display: block; width: 60px; height: 60px; padding: 4px; } ul.top-category-list li a span { font-family: 'Open Sans', sans-serif; font-size: 11px; color: #222222; text-align: center; } ul.top-category-list li a span:before { position: relative; z-index: 20; display: block; } ul.top-category-list li + li:before { content: " "; display: inline-block; border-right: 1px solid #ededed; left: 0; top: 30px; height: 40px; position: absolute; z-index: 20; } ul.top-category-list li:last-child a span:after { z-index: -100000; } .top-category-row .col-main.col-sm-12 { padding-bottom: 0; padding-left: 0; padding-right: 0; } /* TOP NAV RESPONSIVE */ @media (max-width: 560px) { .top-block-category-nav { height: 100%; overflow: hidden; } ul.top-category-list { height: auto; position: relative; float: left; margin: 40px 0 0 0; width: 100%; border-bottom: 1px solid #c4c6c7; padding-bottom: 30px; } ul.top-category-list li { display: inline-block; height: auto; float: left; width: 100%; text-align: center; } ul.top-category-list li a { height: auto; padding: 15px; } ul.top-category-list li a span:before, ul.top-category-list li + li:before { display: none; } ul.top-category-list li a span { font-size: 12px; font-weight: 600; font-family: 'Open Sans', sans-serif; text-transform: uppercase; color: #626262; } } /* SORT BY */ .toolbar-category-row .toolbar { margin: 0; } .dropdown-menu.open { display: none; } button.btn.dropdown-toggle.btn-default { display: none; } img.v-middle { display: none; } /* SLIDER PRICE */ .price { white-space: nowrap !important; } .ui-slider .ui-slider-handle { background: transparent url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/slider_handle.png) 0 0 no-repeat !important; margin-top: -10px !important; } .ui-slider > .ui-corner-all:nth-child(2) { margin-left: 0 !important; background: #ededed !important; } .price.price-filter-slider { margin: 15px 0 10px !important; white-space: normal !important; clear: both; display: inline; overflow: visible !important; } .price.price-filter-slider > div { clear: both; float: left; width: 100%; } .price-filter-slider .text-box { clear: both; float: none; display: flex; margin: 0; width: 100%; padding: 0; max-width: 100%; min-width: 100%; flex-wrap: nowrap; -webkit-flex-flow: row nowrap; justify-content: space-between; } .price-filter-slider .text-box > span:nth-child(1) { display: none; } .price-filter-slider .text-box > span { float: left; width: 15%; line-height: 21px; text-transform: uppercase; } .price-filter-slider .text-box input.go { display: none; } .price-filter-slider .text-box .range-input-left, .price-filter-slider .text-box .range-input-right { padding: 5px 5px !important; width: 43% !important; border-radius: 18px !important; text-align: center !important; background: #eeeeee !important; color: #4a4a4a !important; float: left; margin-right: 10px; } .price-filter-slider .text-box .range-input-right { margin-left: 10px; margin-right: 0; } .price-filter-slider .text-box input#minPrice, .price-filter-slider .text-box input#maxPrice { background: transparent !important; border: transparent !important; font-size: 15px !important; color: #4a4a4a !important; display: flex; width: auto !important; min-width: 40px; flex-wrap: nowrap; padding: 0; } /* MEDIA */ @media only screen and (max-width: 991px) { .block-layered-nav dt, .block-category-nav .block-title { font-size: 12px; white-space: normal; overflow: hidden; text-overflow: ellipsis; } .block.block-layered-nav.col-md-2 { margin-bottom: 0; } .top-container .category-banner h4.pre-title-category, .top-container .category-banner h1 { text-align: left; } .top-container .category-banner > .fullwidth.container > .row .titles-category-banner { padding-top: 88px; } } @media only screen and (max-width: 767px) { .top-container .category-banner .titles-category-banner { float: left; } .col2-left-layout .col-left.sidebar { max-width: 100% !important; display: block; height: 100vh; position: fixed; top: 0; width: 100%; z-index: 100; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; left: -100%; } .col2-left-layout .col-left.sidebar .filter-container { max-width: 60%; background-color: white; display: block; width: 100%; overflow-y: scroll; z-index: 2; height: 100vh; position: absolute; top: 0; left: 0; padding-left: 25px; padding-right: 25px; -webkit-box-shadow: 0 10px 45px -15px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 45px -15px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 45px -15px rgba(0, 0, 0, 0.5); } .col2-left-layout .col-left.sidebar .filter-outside { display: block; height: 100vh; width: 0%; cursor: pointer; z-index: 1; left: 0; right: 0; opacity: 0; position: absolute; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; background-color: rgba(34, 34, 34, .3); } .col2-left-layout .col-left.sidebar .filter-outside:after { content: ""; position: absolute; left: 80%; top: 40%; height: 14px; transform: scale(1.5); width: 12px; background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_close.svg) 0 -24px no-repeat; } .col2-left-layout .col-left.sidebar { padding-right: 15px; } .block-layered-nav dd ol li a, .block-category-nav dl.category-list dd a { font-size: 1.3em; line-height: 2em; } .mobile-filters .block-category-nav + .block-layered-nav, .mobile-filters .block-layered-nav dt:not(.category_filter):not(:first-child),.block-layered-nav dt:not(.category_filter):not(:first-child), .mobile-filters .block-category-nav dl > div > dt, .catalog-category-view .mobile-filters .block-category-nav div > dl > div:first-child > .block-title { margin-top: 30px !important; } .block-layered-nav dt.opened:before, .block-category-nav dt.block-title.has-children.opened:before { content: none; } .container .btn-filters { width: auto; float: none; justify-content: flex-start; padding: 24px 24px; height: auto; position: absolute; cursor: pointer; overflow: hidden; top: -82px; } .btn-filters > span { display: flex; overflow: hidden; width: auto; position: relative; align-items: baseline; } .container .btn-filters > span .btn-filters-icon { display: flex; width: 20px; height: 14px; margin-right: 10px; top: 0; background: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/ico_filters.svg) no-repeat center; background-size: cover; } .container .btn-filters > span > span { display: flex; font-size: 16px; } div#category_leftbanner, div.banner-maincategory { display: none; } .product-category-page.row { padding-bottom: 30px; } } @media only screen and (max-width: 640px) { .top-container .category-banner { background-position: 70% center; } } @media only screen and (max-width: 590px) { .col2-left-layout .col-left.sidebar .filter-container { max-width: 70%; } .container .btn-filters { top: 0; position: relative; justify-content: center; } } @media only screen and (max-width: 560px) { ul.top-category-list li:hover, ul.top-category-list li:hover span, ul.top-category-list li a.active, ul.top-category-list li a.active span, ul.top-category-list li:hover span{ background: none; box-shadow: none; color: #cb027c; } ul.top-category-list li a img{ display: none; } } @media only screen and (max-width: 480px) { ul.top-category-list { height: auto; position: relative; float: left; width: 100%; } .top-container .category-banner { display: none; } } /* GENERAL */ .static-pages { margin: 20px 0 100px 0; min-height: 500px; } .static-pages .h1 { padding-bottom: 32px; text-align: left !important; } .static-pages .h2 { padding-bottom: 24px; text-align: left !important; } .static-pages .h3 { padding-bottom: 15px; } .static-pages .h5{ margin-top: 16px !important; } .static-pages p{ font-family: 'Open Sans', sans-serif; font-weight: 400; color: #222222; margin-top: 0px !important; margin-bottom: 0px !important; } .static-pages .h5 + .textbase-small { margin-top: 16px !important; } .page-title { display: none; } .is-blog .blog-title { display: block; } .is-blog .page-title { display: block; } .static-backButton{ position: absolute; left: 0; top: 0; } /* INFORMATION */ .information .info-calidad { height: 100%; margin-top: 50px; } .information .info-calidad .info-item { padding: 5px; margin-top: 10px; } .information .info-calidad .info-item div { background: #cb027c; padding: 30px 30px; min-height: 220px; max-height: 220px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 20px; } .info-item .h5:before { content: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/icon-proxy.png); width: 60px; height: 60px; display: block; margin: auto; margin-bottom: 16px; position: relative; } /* CONTACT US */ form#contactForm label { text-transform: capitalize; } form.formulario.form-contact .form-input .btn-general { position: absolute; top: 0px; } .contact-us ul li.contact-telf:before, .contact-us ul li.contact-mail:before { width: 34px; height: 40px; display: inline-block; position: relative; float: left; padding: 5px; } .contact-us ul li .contact-telf:before { content: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/telf-icon.png); } .contact-us ul li .contact-mail:before { content: url(https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/images/mail-icon.png); } .contact-us h2.h4{ margin-top: 72px !important; } .contact-us .tratamiento-datos { margin-top: 30px; } .contact-us .tratamiento-datos.display:before { content: ""; display: block; border-top: 1px solid #ededed; padding-bottom: 10px; } .contact-us .tratamiento-datos > li:first-child { margin-top: 20px; } .contact-us [class*='col'] > :not(.contact-form) li + li { padding-top: 10px; } /* SHOPS */ .shoplist-items { margin: 40px 0 0 0; } .shoplist-items .item { position: relative; border: 1px solid #f5f5f5; overflow: hidden; -webkit-border-radius: 2px !important; border-radius: 2px !important; -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .05); box-shadow: 0 1px 7px rgba(0, 0, 0, .05); background-color: #f7f7f7 !important; padding: 10px; margin-bottom: 30px; height: 200px; } .shoplist-items .item h4 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 20px; color: #222222; line-height: 24px; margin-top: 5px !important; margin-bottom: 5px !important; } .shoplist-items .item p { margin-bottom: 5px !important; } .shoplist-items .item .phone { margin-top: 10px !important; } .shoplist-items .item .hours { margin-top: 10px !important; border-top: 1px solid #cccccc; padding-top: 10px; } /* GALA CLUB */ .static-pages.gala-club img{ width: 100%; height: auto; } /* TIENDAS */ .static-pages .content-separator{ width: 100%; margin-left: auto; margin-right: auto; position: relative; display: block; height: 100%; border-bottom: 1px solid #f5f5f5; margin-bottom: 32px; overflow: hidden; } .static-pages .content-separator h2.h6 { text-align: center; width: 100%; height: 100%; min-width: auto; float: none; position: relative; overflow: hidden; margin: auto; padding: 20px 5px 0 !important; display: block; } .static-pages .content-separator .h6 span { font-weight: 700; border-bottom: 2px solid #cb027c; padding-bottom: 6px; text-align: center; width: auto; min-width: auto; float: none; margin: auto; font-size: 15px; display: inline-block; padding-top: 12px; line-height: 28px; color: #222222; text-transform: uppercase; } .storepickup-itemlist { margin: 20px 0; } .storepickup-itemlist li { min-height: 150px; } .storepickup-itemlist li .item { min-height: 190px; line-height: 15px; text-align: center; display: flex; justify-content: center; align-items: center; } .storepickup-itemlist li .item span { text-transform: uppercase; } .storepickup-list.static-pages a { color: #cb027c; } @media only screen and (min-width: 1200px) { .information .info-calidad { height: 100%; margin-top: 0px; } .information .info-calidad .info-item:first-child, .information .info-calidad .info-item:nth-child(2), .information .info-calidad .info-item:nth-child(3), .information .info-calidad .info-item:last-child { padding: 0px 15px 5px 0 !important; } } @media only screen and (max-width: 1199px) { .static-pages { margin: 20px 0 50px 0; } } @media only screen and (max-width: 991px) { .information .info-calidad { margin-left: 0px; margin-right: 0px; } .information .info-calidad .info-item div { min-height: 240px; max-height: 240px; } .static-pages .h3, static-pages .h5, .static-pages div > .textbase { text-align: left !important; } .contact-us .formulario { margin-top: 40px; } .contact-us .formulario .textbase { text-align: left; } .contact-us ul li { text-align: left; } .static-pages p.textbase{ text-align: left !important; } } @media (min-width: 768px) and (max-width: 991px) { .contact-us .contact-block { margin-top: 40px; } } @media only screen and (max-width: 767px) { .information .info-calidad { margin-left: 0; margin-right: 0; } .information .info-calidad .info-item:first-child, .information .info-calidad .info-item:nth-child(3) { padding: 5px 15px !important; } .information .info-calidad .info-item:nth-child(2), .information .info-calidad .info-item:last-child { padding: 5px 15px 5px 0 !important; } .information .info-calidad .info-item { margin-top: 5px; } .information .info-calidad .info-item div { min-height: 220px; max-height: 220px; } .information .col-xs-10 { display: block; } .contact-us .tratamiento-datos.display { display: none !important; } .contact-us .tratamiento-datos.display:before { display: none !important; } .contact-us .tratamiento-datos.display-none { display: block !important; } } @media only screen and (max-width: 560px) { .info-calidad .col-xs-6 { width: 100% !important; display: block; } .information .info-calidad .info-item:first-child, .information .info-calidad .info-item:nth-child(2), .information .info-calidad .info-item:nth-child(3), .information .info-calidad .info-item:last-child { padding: 5px 0px !important; } .static-pages ul li, p.textbase, .static-pages .h2, .static-pages .h4, .static-pages .h3, static-pages .h5, .static-pages div > .textbase{ text-align: center !important; } .static-pages .legal-content p, .static-pages .legal-content a, .static-pages .legal-content h1, .static-pages .legal-content h2, .static-pages .legal-content h3, .static-pages .legal-content h4, .static-pages .legal-content h5{ text-align: left !important; } } /** * Magestore * * NOTICE OF LICENSE * * This source file is subject to the Magestore.com license that is * available through the world-wide-web at this URL: * http://www.magestore.com/license-agreement.html * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Magestore * @package Magestore_RewardPointsRule * @copyright Copyright (c) 2012 Magestore (http://www.magestore.com/) * @license http://www.magestore.com/license-agreement.html */ /* ============ Reward Points Rule Stylesheets ============ */ /*************** Product Page ***************/ .rewardpoints-product-rule {overflow: hidden;padding:0px 0px 15px 0px;} .rewardpoints-product-rule select.input-select {max-width: 232px;} /*************** Checkout Cart Item ***************/ .reward-points-spending .label, .reward-points-earning .label { color: #1e7ec8; font-weight: bold; } .reward-points-spending .content { padding-left: 6px;} /****************my Reward policy*************/ .rewardpointsrule-rule-name-policy { color: #3182be; font-style: italic;} .rewardpointsrule-rule-date-policy {} /******product list******/ .earning-product-list { font-size: 0.9em; clear: both; margin-bottom: 0.9em } /*Rule*/ .webpos-dialog-item-rule .top, .webpos-dialog-item-rule .bot{ display: none; } .webpos-dialog-item-rule .dialog_e, .webpos-dialog-item-rule .dialog_w { width: 0; } .webpos-dialog-item-rule .dialog_content{ background-color: transparent; } .webpos-spend-points{ background-color: #f6f6f6; border: 2px solid rgb(196, 193, 188); } .webpos-dialog-item-rule .dialog_close{ display: none; } .webpos-rule-title{ /* height: 25px; */ padding: 10px 10px 15px 10px; background-color: #FFF4E9; color: #1e7ec8; font-size: 13px; font-weight: bold } .webpos-spend-points a:hover{ text-decoration: underline; } .webpos-spend-points * { font-size: 12px !important; } .webpos-rule-body{ margin: 0; padding: 10px; height: 115px; font-size: 13px; color: #454545; } .webpos-rule-foot{ /* height: 20px; */ padding: 10px; /* background-color: rgb(255, 250, 218);*/ position: absolute; bottom: 45px; right: 10px; } .webpos-rewardpoints-slider-container {} .webpos-rewardpoints-slider { position: relative; z-index: 9; height: 18px; margin: 12px auto 18px; padding: 0 24px; cursor: pointer; /*width: 209px;*/ float: left;} .webpos-rewardpoints-slider-zoom-out { position: absolute; left: 1px; top: 0px;} .webpos-rewardpoints-track { position: relative; width: 209px; height: 18px; background: url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/magestore/images/reward_rule.gif') -1px 0px repeat-x;} .webpos-rewardpoints-handle { position: absolute; top: -1px; width: 9px; height: 22px; background: url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/magestore/images/magnifier_handle.gif') 0 0 no-repeat;} .webpos-rewardpoints-slider-zoom-in { position: absolute; right: 1px; top: 0px;} .webpos-rewardpoints-login-msg, .webpos-rewardpoints-needmore-msg { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px;line-height:13px; background:url('https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/magestore/images/validation_advice_bg.gif') 2px 0 no-repeat; color:#eb340a;} .webpos-rewardpoints-needmore-points { font-size: 13px; font-weight: bold;} /* ============ Show Rule Page Checkout ============ */ .rule-info{ background-color: #f4f4f4; border: 1px solid #cccccc; padding-bottom: 10px; margin-bottom:10px; } .rule-description > li{ font-size: 0.95em; min-height: 23px; padding: 8px 8px 2px 32px; } .rule-description li.rule-used .rule-name{ font-weight: bold; } .rule-description li.rule-used{ color: #3d6611; background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/magestore/images/rule_used_icon.gif") no-repeat scroll 10px 10px; } .rule-description li.rule-notused{ background: url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/magestore/images/rule_notused_icon.gif") no-repeat scroll 10px 10px; } .rule-description li.rule-notused a{ color: #656565; } .rule-description li a.rule-link-title.active span.rule-name{ background: rgba(0, 0, 0, 0) url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/magestore/images/bottomup.png") no-repeat scroll right center; padding-right: 15px; } .rule-description li a.rule-link-title span.rule-name{ background: rgba(0, 0, 0, 0) url("https://www.gala.ad/skin/frontend/smartwave/galaperfumeries/css/magestore/images/dropdown.png") no-repeat scroll right center; padding-right: 15px; } .rule-title{ background: #4ab0e3 none repeat scroll 0 0; height: 30px; } .rule-title span{ background: #5cc2f5 none repeat scroll 0 0; display: block; float: left; height: 100%; width: 40px; } .rule-title img{ display: inline-block; left: 10px; position: relative; top: 5px; } .rule-title h2{ color: #fff; font-size: 14px; font-weight: bold; line-height: 32px; text-indent: 15px; }