#header{position: fixed;top: 0;left: 0;width: 100%;z-index: 50;background-color: #FFF;box-shadow: 0 1px 0 #DDD;} #header .nav-top{position: relative;} #header .nav-top ul{float: right;} #header .nav-top ul{margin: 0;list-style: none;} #header .nav-top ul li{position: relative;float: left;padding: 8px 12px 1px;} #header .nav-top ul li:last-child{padding-right: 2px;} #header .nav-top ul li a, #header .nav-top ul li p{position: relative;display: block;padding-left: 22px;text-decoration: none;} #header .nav-top ul li:first-child a{padding-left: 23px;} #header .nav-top ul li.user-logout{padding-left: 4px;} #header .nav-top ul li.user-logout a{padding-left: 0;} #header .nav-top ul li a:hover{text-decoration: underline;} #header .nav-top ul li a::before{content: '';position: absolute;top: calc(50% - 5px);left: 0;width: 11px;height: 11px;} #header .nav-top ul li.disabled span{display: none;} #header .nav-top ul li.user-logout a::before{display: none;} #header .nav-top ul li.user-login a::before{background: url(../../sysimages/icon-user.png) left top/11px no-repeat;top: calc(50% - 6px);} #header .nav-top ul li.user-account a::before{background: url(../../sysimages/icon-user.png) left top/11px no-repeat;top: calc(50% - 6px);left: 1px;} #header .nav-top ul li.user-wishlist a::before{background: url(../../sysimages/icon-wishlist.png) left top/11px no-repeat;} #header .nav-top ul li.user-wishlist .desktop-wish-notice{display: none;position: absolute;top: calc(100% + 5px);right: 0;padding: 6px 14px;white-space: nowrap;z-index: 1;} #header .nav-top .column-left ul{float: left;} #header .nav-top .column-left ul li{padding-left: 23px;background-repeat: no-repeat;background-position: 0 8px;background-size: 15px auto;} #header .nav-top .column-left ul li a{padding-left: 0;} #header .nav-top .country-drop{display: none;position: absolute;top: 21px;left: 0;width: 270px;padding: 10px;border: 1px solid #EAEAEA;background: #FFF;z-index: 300;} #header .nav-top .country-drop .form-field{margin-bottom: 10px;} #header .nav-top .country-drop .form-field label > span{padding-bottom: 4px;} #header .nav-top .country-drop .form-field .select{background-repeat: no-repeat;background-position: 7px center;} #header .nav-top .country-drop select#country{padding-left: 30px;} #header .nav-top .country-drop .select::after{height: 32px;} #header .nav-top .country-drop button{width: 100%;} #header .wrapper-header{position: relative;padding: 8px 0 0;transition: 0.2s padding-top;} #header .wrapper-menu{display: none;float: left;width: calc(50% - 60px);} @media screen and (min-width: 768px){ body:not(.tabletDevice) #header .wrapper-menu{display: block !important;} } #header .menu > ul > li{float: left;margin-left: 3px;} #header .menu > ul > li:first-child{margin-left: 0;} #header .menu > ul > li > a{display: block;padding: 22px 19px 22px;} #header .menu > ul > li:not(:first-child) > a{padding-left: 22px;padding-right: 23px;} #header .menu > ul > li:not(.active):hover > a, #header .menu > ul > li.sel > a, #header .menu > ul > li.active > a{background: #333;} #header .menu .submenu{position: absolute;top: calc(100% - 0);left: 0;width: 100%;z-index: 10;display: none;} #header .menu .submenu .container{max-width: 1440px;} #header .menu .submenu > div{position: relative;background: #333;text-align: center;} #header .menu .submenu .column-menu{position: static;} #header .menu .submenu .column-menu ul li .wrapper-content{position: relative;} #header .menu .submenu .column-menu ul li a{display: block;padding: 12px 20px;position: relative;} #header .menu .submenu .column-menu > ul > li{padding-left: 0;display: inline-block;line-height: 12px; margin-right: -4px;} #header .menu .submenu .column-menu > ul > li > a[href="javascript:void(0);"]{cursor: default;} .firefox #header .menu .submenu .column-menu > ul > li {margin-right: -5px;} #header .menu .submenu .column-menu .sub .sub-submenu{position: absolute;top: calc(100% - 1px);padding-top: 1px;left: 0;width: 100%;visibility: hidden;z-index: 10;text-align: left;} #header .menu .submenu .column-menu .sub .sub-submenu > div{position: relative;padding: 34px 0 32px;background: #ECECEC;} #header .menu .submenu .column-menu .sub .sub-submenu .container{max-width: 1226px;} #header .menu .submenu .column-menu .sub .sub-submenu > ul{float: left;} #header .menu .submenu .column-menu .sub .sub-submenu ul li a{display: inline-block;padding-bottom: 2px;border-bottom: 1px solid transparent;} #header .menu .submenu .column-menu .sub .sub-submenu ul li a:hover{border-color: #333;} #header .menu .submenu .column-menu .sub .sub-submenu ul li.featured a:hover{border-color: #ef4036;} #header .menu .submenu .column-menu .sub .sub-submenu > ul > li{padding-top: 18px;} #header .menu .submenu .column-menu .sub .sub-submenu > ul > li:first-child{padding-top: 0;} #header .menu .submenu .column-menu .sub li:hover .sub-submenu{visibility: visible;} #header .menu .submenu .column-menu .sub ul{float: left;padding: 9px 0 0 25px;} #header .menu .submenu .column-menu .sub ul:first-child{padding-left: 0;} #header .menu .submenu .column-menu .sub ul li{display: block;padding-top: 14px;} #header .menu .submenu .column-menu .sub ul li:first-child{padding-top: 0;} #header .menu .submenu .column-menu > ul ul li a{padding: 0;} #header .menu .submenu .column-menu.column-small{width: 41%;} #header .menu .submenu .column-banner{padding-left: 0;width: 59%;text-align: right;} #header .menu .submenu .column-banner .row{margin: 0 -12px;} #header .menu .submenu .column-banner .column{padding: 0 12px;text-align: center;float: right;} #header .menu .submenu .column-banner a{padding: 0 !important;text-decoration: none;} #header .menu .submenu .column-banner img{display: block;width: 100%;} #header .menu .submenu .column-banner .description{position: absolute;top: 0;right: 0;bottom: 0;left: 0;float: none;padding: 0;} #header .menu .submenu .column-banner .description > div{display: table;width: 100%;height: 100%;position: relative;} #header .menu .submenu .column-banner .description > div > div{display: table-cell;} #header .menu .submenu .column-banner .description.top > div > div{vertical-align: top;} #header .menu .submenu .column-banner .description.middle > div > div{vertical-align: middle;} #header .menu .submenu .column-banner .description.bottom > div > div{vertical-align: bottom;} #header .menu .submenu .column-banner .description.left{text-align: left;} #header .menu .submenu .column-banner .description.center{text-align: center;} #header .menu .submenu .column-banner .description.right{text-align: right;} #header .menu .submenu .column-banner .description .content{display: inline-block;padding: 25px 15px 53px;} #header .menu .submenu .column-banner .description .content.left{text-align: left;} #header .menu .submenu .column-banner .description .content.center{text-align: center;} #header .menu .submenu .column-banner .description .content.right{text-align: right;} #header .menu .submenu .column-banner .banner-subtitle{padding-top: 7px;} #header .menu .submenu .column-banner .link{display: inline-block;padding-top: 19px;padding-bottom: 2px;} #header .menu .submenu .column-banner a .link {border-bottom-width: 1px;border-bottom-style: solid;} #header .logo{float: left;display: block;max-width: 202px;margin-top: 17px;} #header .logo_svg{float: left;display: block;max-width: 120px;margin-top: 11px;width: 100%;} #header .logo img{display: block;width: 100%;} #header .right-header{float: right;padding: 14px 0 0;width: calc(50% - 60px);} #header .right-header .help-header{position: relative;float: left;padding: 5px 0 5px 29px;margin-left: 52px;} #header .right-header .help-header::before{content: '';position: absolute;top: calc(50% - 10px);left: 0;width: 23px;height: 23px;background: url(../../sysimages/icon-tel.png) left top/23px no-repeat;} #header .right-header .shop-icons{float: right;} #header .right-header .shop-icons > ul{margin: 0;list-style: none;} #header .right-header .shop-icons > ul > li{float: left;} #header .right-header .shop-icons > ul > li > a{position: relative;display: block;padding: 1px 20px 15px 0;text-decoration: none;} #header .right-header .shop-icons > ul > li > a.disabled{cursor: default;} #header .right-header .shop-icons > ul > li > a::before{content: '';display: block;width: 26px;height: 26px;} #header .right-header .shop-icons > ul > li.search > a::before{background: url(../../sysimages/icon-search.png) left top/26px no-repeat;} #header .right-header .shop-icons > ul > li.cart{position: relative;} #header .right-header .shop-icons > ul > li.cart > a::before{background: url(../../sysimages/icon-cart.png) left top/26px no-repeat;} #header .right-header .shop-icons > ul > li.cart > a:not(.disabled):hover::before{background-position: left bottom;} #header .right-header .shop-icons > ul > li > a span{position: absolute;top: 0;right: 0;width: 27px;height: 26px;line-height: 28px;text-align: center;} #header .right-header .shop-icons > ul > li > a.disabled span{display: none;} #header .right-header .shop-icons > ul > li.active > a::before, #header .right-header .shop-icons > ul > li > a:hover:not(.disabled)::before{/*background-position: left bottom;*/opacity: 0.6;} /*#header .search-form{max-width: 230px;margin: auto;position: relative;} #header .search-form .select{float: left;width: 98px;border-radius: 2px 0 0 2px;border: 0;border-right: 1px solid #EFEFEF;background: #F7F7F7;} #header .search-form .select select{height: 39px;padding: 6px 15px 7px;} #header .search-form .select::after{position: absolute;top: calc(50% - 3px);right: 15px;width: 6px;height: 6px;background-size: 6px;opacity: 0.6;} #header .search-form .btn-search{float: left;margin-left: 2px;} #header .search-form #search{float: left;width: calc(100% - 40px);padding: 3px 0;letter-spacing: 0;border: 0;background: #FFF; height: 30px;margin-left: 8px;text-transform: uppercase;} */ .toggle-button{display: none;position: absolute;top: calc(50% - 18px);left: 0;padding: 13px 9px;} .toggle-button span{background: #333;height: 1px;width: 18px;display: block;margin-bottom: 4px;transition: all .5s;} .toggle-button span:last-child{margin: 0;} .toggle-button.active span:nth-of-type(1){transform: translateY(6px) rotate(45deg);} .toggle-button.active span:nth-of-type(2){opacity: 0;} .toggle-button.active span:nth-of-type(3){transform: translateY(-4px) rotate(-45deg);} .mobile-wish-notice, .mobile-cart-notice{display: none;position: absolute;top: 100%;left: 0;width: 100%;padding: 4px 15px;background: #17995A;text-align: center;z-index: 1;} #header .right-header .search .items-dropdown{top: 100%;left: 0;right: auto;width: calc(100% - 49px);} #header .right-header .search .items-dropdown-holder{margin-top: 0;} #header .right-header .items-dropdown::before{content: "";position: absolute;top: -7px;left: 89%;height: 0;width: 0;background: 0 0;border-style: solid;border-width: 0 5px 6px;border-color: transparent transparent #333;display: block;z-index: 1003;} #header .right-header .items-dropdown{position: absolute;top: 42px;right: -4px;display: none;width: 372px;z-index: 10;border:1px solid #333;} #header .right-header .items-dropdown-holder{background: #FFF;} #header .right-header .items-dropdown .items-list{max-height: 272px;padding: 0 20px;overflow-x: auto;} #header .right-header .items-dropdown .items-list ul{margin: 15px 0;list-style: none;} #header .right-header .items-dropdown .items-list ul li{position: relative;} #header .right-header .items-dropdown .items-list ul li:first-child{border-top: 0;} #header .right-header .items-dropdown .items-list ul li a{display: block;padding: 8px 0;} #header .right-header .items-dropdown .items-list ul li a:hover .item-title{text-decoration: underline;} #header .right-header .items-dropdown .items-list ul li:first-child a{padding-top: 0;} #header .right-header .items-dropdown .items-list ul li:last-child a{padding-bottom: 0;} #header .right-header .items-dropdown .items-list ul li a.item-remove{position: absolute;top: calc(50% + 7px);right: 5px;padding: 0;} #header .right-header .items-dropdown .items-list ul li a.item-remove::before{content: '';display: block;width: 22px;height: 22px;background: url(../../sysimages/icon-remove-bag.png) left top/22px no-repeat;} #header .right-header .items-dropdown .items-list ul li a.item-remove:hover::before{opacity: 0.6;} #header .right-header .items-dropdown .item-img{position: relative;float: left;width: 55px;} #header .right-header .items-dropdown .item-img img{display: block;width: 100%;} #header .right-header .items-dropdown .item-desc{position: relative;float: left;width: calc(100% - 55px);padding: 2px 5px 2px 5px;} #header .right-header .items-dropdown .item-desc .left-content{float: left;max-width: 80%;} #header .right-header .items-dropdown .item-desc .right-content{float: right;text-align: right;} #header .right-header .items-dropdown .item-desc p:not(.item-title){white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} #header .right-header .items-dropdown .item-desc .item-title{padding-bottom: 5px} #header .right-header .items-dropdown .item-desc .item-ref{padding-bottom: 5px;} #header .right-header .items-dropdown .item-desc .item-price{padding-top: 1px;} #header .right-header .items-dropdown .item-desc .item-previous-price{padding-top: 6px;} #header .right-header .items-dropdown .item-desc .item-price-discount{text-align: center;padding: 4px 3px;border-radius: 25px;width: 12px;height: 12px;font-size: 7px;line-height: 10px;color: #FFF;background-color: #ef3f35;margin-right: 20px;} #header .right-header .items-dropdown .item-desc .item-last-units{padding-top: 4px;} #header .right-header .items-dropdown .bottom-list{text-align: center;padding: 20px;border-top: 1px solid #CCC;background: #F2F2F2;} #header .right-header .items-dropdown .bottom-list p{padding-bottom: 7px;} #header .right-header .items-dropdown .bottom-list p.total{padding-top: 7px;} #header .right-header .items-dropdown .bottom-list .left-content{float: left;text-align: left;} #header .right-header .items-dropdown .bottom-list .right-content{float: right;text-align: right;} #header .right-header .items-dropdown .bottom-list .total-price{padding-bottom: 8px} #header .right-header .items-dropdown .bottom-list .button{width: 100%;margin-top: 20px;} .header-product-view #header{box-shadow: 0 1px 0 #000;} .header-product-view.product-detail #header.shipping-info-visible{box-shadow: 0 1px 0 #DDD;} .header-product-view #header .wrapper-header-normal{display: none;} #header .wrapper-header-product{display: none;} .header-product-view #header .wrapper-header-product{display: block;padding: 9px 0;} .header-product-view #header .wrapper-header-product > .container{padding: 0 12px;} #header .wrapper-header-product{display: none;font-size: 0;} #header .wrapper-header-product .logo{margin-top: 11px;margin-left: 18px;max-width: 170px;} #header .wrapper-header-product .wrapper-right{float: right;max-width: calc(100% - 172px);} #header .wrapper-header-product .wrapper-right div{display: inline-block;vertical-align: middle;} #header .wrapper-header-product .wrapper-right .wrapper-info{float: left;} #header .wrapper-header-product .wrapper-right .wrapper-info + .wrapper-info{margin-left: 20px;} #header .wrapper-header-product .wrapper-right .wrapper-info p{float: left;margin-right: 5px;padding-top: 7px;} #header .wrapper-header-product .wrapper-right .wrapper-info .select{border: 0;padding: 1px 0 0;float: left;} #header .wrapper-header-product .wrapper-right .wrapper-info .select::before{width: 6px;top:calc(50% - 2px);height: 4px;background-image: url(../../sysimages/icon-select-product.png);background-size: 6px 4px;background-position: left top;} #header .wrapper-header-product .wrapper-right .wrapper-info .select select{border: 0;padding: 0 15px 0 0;height: 28px;} #header .wrapper-header-product .wrapper-right .price{margin-right: 27px;} #header .wrapper-header-product .wrapper-right .price h2{line-height: 0;} #header .wrapper-header-product .wrapper-right .price span{display: inline-block;vertical-align: middle;} #header .wrapper-header-product .wrapper-right .price .old{margin-right: 17px;} #header .wrapper-header-product .wrapper-right .buttons a{padding: 11px 23px 12px 24px;} #header .wrapper-header-product .wrapper-right .wrapper-product-info{padding: 2px 25px 4px 24px;margin: 0 25px;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;} .autocompleter{position: absolute;top: 0;left: 40px;width: calc(100% - 49px);} .container-search .autocompleter {left: 0;} .autocompleter-show{display: block;} .autocompleter-hint{position: relative;} .autocompleter-list{display:none;} .autocompleter-item{cursor: pointer;} .autocompleter-hint{width: 100%;} .autocompleter-hint-show{display: block;} .autocompleter-hint span{color: transparent;} .autocompleter-hint{display: none;width: 100%;} .autocompleter-hint span{visibility: hidden;} .autocompleter-hint-show{display: block;} #containerSite::before{opacity: 0;visibility: hidden;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);z-index: 45;} #containerSite.overlay::before, #containerSite.overlay2::before{opacity: 1;visibility: visible;} #main{background: #FFF;transition: padding-top 0.08s linear;-webkit-transition: padding-top 0.08s linear; padding-top: 82px;} html.fixed{overflow: hidden;} .submenu-visible + #main{padding-top: 118px;} .shipping-info-visible:not(.submenu-visible) + #main{padding-top: 117px;} .shipping-info-visible.submenu-visible + #main{padding-top: 154px;} .shipping-info-visible.submenu-visible + #main.products.hasBanner{padding-top: 214px;} .shipping-info-not-visible.submenu-visible + #main.hasBanner{padding-top: 178px;} .bannerWelcomeGiftVisible #main {padding-top: 118px;} .bannerWelcomeGiftVisible .submenu-visible + #main {padding-top: 154px;} .bannerWelcomeGiftVisible .submenu-visible.shipping-info-visible + #main {padding-top: 190px;} .bannerWelcomeGiftVisible .shipping-info-visible:not(.submenu-visible) + #main{padding-top: 154px;} /* -------- HEADER SLIM --------- */ .header-slim #header .wrapper-header{padding-top: 0;} .header-slim #header .nav-top{opacity: 0;} /* ------------------------------ */ /* ------------ POPUP CART ------------------ */ .pop-cart{width: 100%;max-width: 568px;padding: 15px;} .pop-cart table{width: 100%;margin-top: 5px;border-top: 1px solid #CCC;} .pop-cart table tr td{padding: 10px 5px 0;} .pop-cart table tr td:first-child{width: 65px;padding-left: 0;} .pop-cart table tr td:last-child{padding-right: 0;} .pop-cart table tr td img{width: 100%;border: 1px solid #CCC;} .pop-cart .wrapper-buttons > div{float: right;} .pop-cart .wrapper-buttons button, .pop-cart .wrapper-buttons .button{margin-top: 15px;} @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { #header .wrapper-header-product .wrapper-right .wrapper-info p{float: left;margin-right: 5px;padding-top: 7px;} }} @media screen and (max-width: 768px) { .pop-cart{width: auto;max-width: 568px;} .pop-cart table tr td{min-width: 10px !important;} .pop-cart .wrapper-buttons{padding-top: 20px;} .pop-cart button, .pop-cart .button{float: none;width: 100%;margin-top: 10px;} .account-page #containerSite::before {display: none;} } /* ------------------------------ */ /* ----------- TABLET ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { #header .nav-top .container{padding: 0 24px;} #header .nav-top .row{margin: 0 -12px;} #header .nav-top .column{padding: 0 12px;} #header .wrapper-header{padding-left: 12px;padding-right: 12px;} #header .menu > ul > li > a{padding-bottom: 25px;padding-top: 25px;} #header .menu .submenu{top: calc(100% - 1px);} #header .menu .submenu .column-menu ul li a{padding-top: 14px;padding-bottom: 14px;} #header .menu .submenu .column-menu .sub .sub-submenu{top: calc(100% - 1px);padding-left: 24px;padding-right: 24px;cursor: default;} #header .menu .submenu .column-menu .sub .sub-submenu > div{padding-left: 49px;padding-right: 49px;} /*#header .menu .submenu .column-menu.column-small{width: 67%;}*/ /*#header .menu .submenu .column-banner{width: 33%;} #header .menu .submenu .column-banner .column{width: 100%;} #header .menu .submenu .column-banner .column:not(:first-child){padding-top: 13px;}*/ #header .menu .submenu .column-banner .description .content{padding-bottom: 35px;} #header .menu .submenu .column-banner .banner-subtitle{padding-top: 3px;} #header .menu .submenu .column-banner .link{padding-top: 7px;} .shipping-info-visible.submenu-visible + #main{padding-top: 164px;} } /* iPad */ /*@media screen and (min-device-width: 768px) and (max-device-width: 1024px), screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {*/ body.tabletDevice {background: #FFF;} body.tabletDevice #containerSite::before{z-index: 49;} body.tabletDevice #header .wrapper-menu{display: none;} body.tabletDevice #header .logo_svg{margin-left: 80px;margin-top: 15px;} body.tabletDevice .shipping-info-visible + #main{padding-top: 104px;} body.tabletDevice #main{padding-top: 63px;} body.tabletDevice.bannerWelcomeGiftVisible #main{padding-top: 104px;} body.tabletDevice.bannerWelcomeGiftVisible .shipping-info-visible + #main{padding-top: 144px;} body.tabletDevice:not(.header-product-view) #header.submenu-visible .wrapper-market-info{margin-top: 0;} body.tabletDevice .right-header a.toggle-button{left: 10px;padding: 18px;top: 7px;display: block;} /*body.tabletDevice.header-slim .right-header a.toggle-button{top: 3px;}*/ body.tabletDevice .toggle-button span{height: 2px;width: 28px;} body.tabletDevice .toggle-button span:last-child{margin: 0;} body.tabletDevice .toggle-button.active span:nth-of-type(1){transform: translateY(7px) rotate(45deg);} body.tabletDevice .toggle-button.active span:nth-of-type(2){opacity: 0;} body.tabletDevice .toggle-button.active span:nth-of-type(3){transform: translateY(-5px) rotate(-45deg);} body.tabletDevice #header .nav-top{display: none !important;} body.tabletDevice #header .nav-top ul li{padding-top: 0;} body.tabletDevice #header .nav-top ul li a{padding-top: 8px;padding-bottom: 8px;} body.tabletDevice #header .nav-top ul li a::before{zoom: 1.4;} body.tabletDevice #header .nav-top ul li.user-login a::before{top: 6px;} body.tabletDevice #header .nav-top .column-left ul li{background-position: 0 12px;} body.tabletDevice #header .wrapper-header{padding-top: 0;} body.tabletDevice #header .wrapper-header{padding-right: 0;padding-left: 0;} body.tabletDevice #header .wrapper-header > .container{padding-right: 0;padding-left: 0;} body.tabletDevice #header .right-header{padding-top: 11px;padding-bottom: 10px;} body.tabletDevice #header .right-header .shop-icons > ul > li > a{zoom: 1.4;padding-bottom: 3px;} body.tabletDevice .menu-mobile ul.main-menu li a{font-size: 16px;} body.tabletDevice #header .right-header .shop-icons > ul > li > a span{font-size: 13px;} body.tabletDevice .menu-mobile .wrapper-sub-mobile .sub-mobile a{font-size: 19px;line-height: 30px;} body.tabletDevice #header .nav-top ul li a, body.tabletDevice #header .nav-top ul li p{font-size: 12px;line-height: 17px;} body.tabletDevice .menu-mobile ul.menu-inst li a{font-size: 14px;line-height: 24px;} /*}*/ /* ------------------------------ */ @media screen and (min-width: 768px){ #header{min-width: 1140px;} } @media screen and (max-width: 1140px){ #header{position: absolute;} } @media screen and (max-width: 768px) { #header{position: fixed;box-shadow: 0 1px 0 #1d1d1b;} #header .nav-top, #header .help-header, #header .wrapper-menu{display: none;} #header .wrapper-header{padding: 16px 0;} #header .logo{max-width: 147px;margin: 0 0 0 25px;} #header .logo_svg{max-width: 94px;margin: 0 0 0 30px;margin-top: 4px;} #header .right-header{float: none;padding: 0;} #header .right-header .shop-icons{float: none;padding: 0;position: absolute;top: calc(50% - 14px);right: 0;} #main{/*padding-top: 49px !important;*/padding-top: 66px !important;} .right-header a.toggle-button{display: block;} /*#header .search-form{margin-left: 50px;}*/ #containerSite::before{z-index: 202;} } .container-search-header{display: none;position: absolute;top: 100%;left: 0;width: 100%;margin-top: 0 !important;background: #fff;z-index: 201;overflow: hidden;} .container-search-header .container-input-search{width: 100%;border-bottom: 1px solid #DDD;} .container-search-header .container-input-search form, .container-search form {max-width:1440px;margin:auto;position:relative;padding:15px;} .container-search-header .container-input-search form .close-search, .container-search .btn-close-search {position: absolute;top: calc(50% - 8px);right: 28px;width: 16px;height: 16px;background: url(../../sysimages/icon-close.png) no-repeat left top/16px; cursor: pointer;} .container-search-header .container-input-search form .close-search:hover, .container-search .btn-close-search:hover {opacity: 0.6;} .container-search-header .container-search-results{display: none;} .container-search-header .container-search-results.visible{display: block;overflow-y: auto;-webkit-overflow-scrolling: touch;} .container-search-header #iframe-search-header{width: 100%;height: calc(100vh - 143px);border: 0;overflow: hidden;} .container-search-header.menu_opened #iframe-search-header{height: calc(100vh - 179px);} .container-search-header .wrapper-input, .container-search .search-form{position:relative;max-width:240px;margin:auto;} .container-search-header .wrapper-input input, #header .search-form #search{float: left;position:relative;width:calc(100% - 40px);padding: 6px 0;border: 0;background: transparent;z-index: 2;font-family: 'Oswald-Regular', Arial, Helvetica, 'Segoe UI', sans-serif;font-size: 17px;line-height: 18px;color: #333;letter-spacing: 0.4px;text-transform: uppercase;margin-left: 8px;} #header .search-form #search {width: 100%;} .container-search-header .wrapper-input .btn-search, #header .search-form .btn-search{float: left;margin-left: 2px;cursor: default;position: relative;width: 30px;height: 30px;padding: 0;border-radius: 0;border-color: transparent;background-color: transparent;} .container-search-header .wrapper-input .btn-search::after, #header .search-form .btn-search::after{opacity: 1 !important;} .container-search-header .wrapper-input .autocompleter{position: absolute;top: 0;left: 40px;width: calc(100% - 40px);padding: 6px 0;letter-spacing: 0.4px;} .container-search-header .wrapper-input .autocompleter-show{display: block;} .container-search-header .wrapper-input .autocompleter-list{display:none;} .container-search-header .wrapper-input .autocompleter-item{cursor: pointer;} .container-search-header .wrapper-input .autocompleter-hint-show{display: block;} .container-search-header .wrapper-input .autocompleter-hint{position: relative;display: none;} .container-search-header .wrapper-input .autocompleter-hint span{visibility: hidden;} .container-search-header .wrapper-input .autocompleter-hint-show{display: block;} .isEDGE .container-search-header .wrapper-input .autocompleter, .IEMODE .container-search-header .wrapper-input .autocompleter{top: 3px;} .isSAFARI:not(.isIOS) .container-search-header .wrapper-input .autocompleter{top: 4px;} @media screen and (max-width: 768px) { .container-search-header .container-input-search{border-color: #1c1c1b;} .container-search-header .container-input-search form, .container-search form{padding: 11px 10px;} .container-search-header .container-input-search form .close-search, .container-search .btn-close-search{background: url(../../sysimages/icon-close-mobile.png) no-repeat left top/14px;width: 14px;height: 14px;top: calc(50% - 7px);right: 15px;} .container-search-header .wrapper-input, .container-search .search-form {max-width: 100%;} .container-search-header .wrapper-input input, #header .search-form #search{padding:4px 0;justify-content: 26px;font-size: 14px;} /* .isIOS .container-search-header .wrapper-input input, .isIOS #header .search-form #search, .container-search .autocompleter-hint{font-family: 'Metrocity-Medium', Arial, Helvetica, 'Segoe UI', sans-serif;letter-spacing: -.4px;font-size: 13px;}*/ /*.container-search .autocompleter-hint {padding: 4px 0 0 22px !important;}*/ .container-search-header .wrapper-input .btn-search, #header .search-form .btn-search{width:26px;height:26px;} .container-search-header #iframe-search-header{height: calc(100vh - 49px);} body .container-search-header .wrapper-input .autocompleter{left: 36px;} .isIOS .container-search-header .wrapper-input .autocompleter{top: 0;} .isIOS .container-search-header .wrapper-input .autocompleter span, .isIOS .container-search-header .wrapper-input .autocompleter-hint{font-family: 'Metrocity-Medium', Arial, Helvetica, 'Segoe UI', sans-serif;letter-spacing: -.4px;font-size: 13px;} .container-search .container {padding-left: 0; padding-right: 0;} #header .search-form #search {width: calc(100% - 30px);} .container-search .btn-close-search {right: 20px;} } /* ---- ICONS RETINA ---- */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #header .nav-top ul li.user-login a::before{background: url(../../sysimages/icon-user@2x.png) left top/11px no-repeat;} #header .nav-top ul li.user-wishlist a::before{background: url(../../sysimages/icon-wishlist@2x.png) left top/11px no-repeat;} #header .right-header .shop-icons > ul > li.search > a::before{background: url(../../sysimages/icon-search@3x.png) left top/27px no-repeat;} #header .right-header .shop-icons > ul > li.cart > a::before{background: url(../../sysimages/icon-cart@3x.png) left top/26px no-repeat;} .container-search-header .container-input-search form .close-search{top: calc(50% - 13px);width: 26px;height: 26px;background: url(../../sysimages/icon-close-mobile@3x.png) no-repeat left top/26px;} } /* ---- ICONS RETINA ---- */ /* CLOUD SEARCH */ .container-search{display: none;position: absolute;top: 100%;left: 0;width: 100%;background: #FFF;border-bottom: 1px solid #DDD;} .container-search .container{position: relative;} .container-search .header-search-input {float: left;width: calc(100% - 40px); position: relative;} .container-search #search, .container-search .autocompleter-hint{padding: 6px 10px;border: 0;background: none;} body.tabletDevice #container-iframe-search .container-search-results {overflow-y: auto; -webkit-overflow-scrolling: touch;} body.tabletDevice .container-search-header .wrapper-input input, body.tabletDevice #header .search-form #search, body.tabletDevice #header .autocompleter-hint, body.tabletDevice #header .autocompleter-hint span{font-family: Arial, Helvetica, 'Segoe UI', sans-serif; font-size: 14px;} body.tabletDevice #header .autocompleter-hint {padding-top: 2px; padding-bottom: 2px;} body.tabletDevice .shipping-info-visible:not(.submenu-visible) + #main{padding-top: 137px;} body.tabletDevice .bannerWelcomeGiftVisible .shipping-info-visible:not(.submenu-visible) + #main{padding-top: 174px;} @media screen and (max-width: 769px){ #container-iframe-search .container-search-results {overflow-y: auto; -webkit-overflow-scrolling: touch;} } @media screen and (min-width: 769px){ .container-search.active {display: block !important;} } /* Iframe Search */ #container-iframe-search{display: none;position: absolute;z-index: 50;top: 100%;left: 0;width: 100%;background: url(/sysimages/listloader.gif) center center/50px no-repeat;} #container-iframe-search .iframe-message{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #container-iframe-search .iframe-message > div{display: table;width: 100%;height: 100%;} #container-iframe-search .iframe-message > div > div{display: table-cell;vertical-align: top;text-align: center;} #container-iframe-search iframe{width: 100%;height: 100%;min-height:99%;border: 0;} #container-iframe-search, #container-iframe-search iframe, #container-iframe-search .iframe-message{background-color: #FFF;} #container-iframe-search .iframe-message p {padding: 10% 0;} #container-iframe-search .container-search-results{display: none; background-color: #FFF;} #container-iframe-search .container-search-results.visible{display: block;}