h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: normal; text-transform: uppercase; } .img-fluid, .img-responsive { width: 100%; } /*** Frame ***/ #wrapper { background: none; box-shadow: none; padding-top: 1rem; padding-bottom: 6rem; margin: 0 auto; } #index #wrapper, .common-home #wrapper, #product #wrapper { padding-top: 0; padding-bottom: 0; } #columns { margin: 0 auto; padding-left: 0; padding-right: 0; width: 100%; max-width: 100%; } #main #slider { overflow: hidden; margin: 0; } #main #content { overflow: hidden; margin: 0 auto; max-width: 1170px; } #index #main #content, #product #main #content { max-width: 100%; } /*** Button ***/ .btn-primary { box-shadow: none; text-transform: uppercase; font-weight: normal; font-size: 14px; height: 48px; line-height: 46px; padding: 0 25px; border-width: 1px; border-style: solid; letter-spacing: 0.15em; background: transparent; border-color: #000; color: #000; } .btn-primary:hover { background: #000; border-color: #000; color: #fff; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #F3F3F3; border-color: #F3F3F3; outline: none; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #F3F3F3; border-color: #F3F3F3; background-image: none; outline: none; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #1e788c; border-color: transparent; outline: none; } .btn-secondary{ font-weight: normal; font-size: 14px; letter-spacing: 0.15em; box-shadow: none; height: 48px; line-height: 46px; padding: 0 25px; border-width: 1px; } .btn-secondary:hover { color: #414141; background-color: #dddddd; border-color: transparent; } .btn-tertiary { box-shadow: none; background-color: transparent; color: red; } .btn-tertiary:hover { } .btn-tertiary { box-shadow: none; background-color: transparent; color: red; } .product-list-actions .up { -webkit-transition: all 0.4s ease 0s; -khtml-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; position: absolute; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 50%; bottom: 100px; line-height: 34px; height: 34px; overflow: hidden; width: calc(100% - 60px); z-index: 5; text-align: center; text-transform: uppercase; opacity: 0; font-size: 12px; cursor: pointer; padding: 0; border-width: 1px; border-style: solid; } .product-layout:hover .product-list-actions .up { opacity: 1; bottom: 130px; } .product-list-actions .up i { display: none; } .highlighted-informations .down { -webkit-transition: all 0.4s ease 0s; -khtml-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; position: absolute; top: 10px; right: -40px; width: 30px; overflow: hidden; z-index: 5; text-align: center; opacity: 0; border: none; font-size: 12px; text-transform: uppercase; border-style: solid; border-width: 1px; } .product-layout:hover .highlighted-informations .down { opacity: 1; right: 0; } .color { margin: 3px 0; border-radius: 15px; width: 20px; } .product-layout .variant-links { } .product-title { height: 30px; font-weight: normal; line-height: 30px; letter-spacing: 0.12em; text-transform: capitalize; font-size: 12px; overflow: hidden; margin: 0; } .title_content { background: none; border: none; text-transform: none; padding: 0; margin: 0 auto; margin-bottom: 30px; max-width: 1200px; line-height: 1; } .title_content span { display: inline-block; border-width: 0 0 3px; border-style: solid; width: 100%; } .title_block { color: inherit; padding: 0; margin: 0; font-size: 16px; line-height: 1; font-weight: normal; text-transform: uppercase; } .title_block span { border: none; width: auto; } .title_block a { color: inherit; } #header { } #header .header-nav { margin: 0; padding: 0; min-height: 1px; position: relative; max-height: none; } #header .header-nav .material-icons { line-height: normal; } #header .header-top { padding: 0; margin: 0; position: relative; overflow: hidden; } @media only screen and (min-width: 768px) { #header .header-top { overflow: visible; } } #header .header-top .container .row { margin: 0 auto; } @media only screen and (min-width: 768px) { #header .header-top .container .row { position: relative; margin: 20px auto; max-width: 1170px; width: 100%; } } #hamburger-icon { position: absolute; top: 11px; left: 15px; width: 40px; height: 40px; padding-top: 14px; } @media only screen and (min-width: 768px) { #hamburger-icon { display: none; } } #hamburger-icon .hamburger-icon-inner { width: 20px; height: 12px; position: relative; display: block; cursor: pointer; margin: 0 auto; } #hamburger-icon .line { display: block; width: 20px; height: 2px; position: absolute; left: 0; background-color: #777; -webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; -webkit-transition: all 0.4s; -khtml-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } #hamburger-icon .line.line-1 { top: 0; } #hamburger-icon .line.line-2 { top: 50%; } #hamburger-icon .line.line-3 { top: 100%; } #hamburger-icon.active .line-1 { -webkit-transform: translateY(6px) translateX(0) rotate(45deg); -khtml-transform: translateY(6px) translateX(0) rotate(45deg); -moz-transform: translateY(6px) translateX(0) rotate(45deg); -ms-transform: translateY(6px) translateX(0) rotate(45deg); -o-transform: translateY(6px) translateX(0) rotate(45deg); transform: translateY(6px) translateX(0) rotate(45deg); } #hamburger-icon.active .line-2 { display: none; } #hamburger-icon.active .line-3 { -webkit-transform: translateY(-6px) translateX(0) rotate(-45deg); -khtml-transform: translateY(-6px) translateX(0) rotate(-45deg); -moz-transform: translateY(-6px) translateX(0) rotate(-45deg); -ms-transform: translateY(-6px) translateX(0) rotate(-45deg); -o-transform: translateY(-6px) translateX(0) rotate(-45deg); transform: translateY(-6px) translateX(0) rotate(-45deg); } /*** Logo Block ***/ header .content .row #logo { text-align: center; display: block; float: left; } @media only screen and (max-width: 767px) { header .content .row #logo { display: block !important; padding: 0; float: none; height: auto; line-height: initial; margin: 0 auto; } } @media only screen and (min-width: 768px) { header .content .row #logo { width: 25%; } } header .row #logo a { color: inherit; display: inline-block; vertical-align: middle; text-align: center; height: 60px; line-height: 60px; margin: 0; font-size: 30px; } @media only screen and (min-width: 768px) { header .row #logo a { height: auto; line-height: initial; } } header .row #logo img {max-height: 100% !important;} /*** Language Block ***/ #languages-block-top {border-left: none;float: left;z-index: 1001;padding: 0 15px 0 0;width: auto;height: 40px;line-height: 40px;text-align: center;display: block;text-transform: uppercase;font-size: 12px;margin-top: 0; margin-bottom: 0;} #languages-block-top {-webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease;} #languages-block-top ul.dropdown-menu {position: absolute; left: initial; right: 0; top: 40px; padding: 15px; margin-top: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border-width: 2px 1px 1px; border-style: solid; z-index: 1002;} #languages-block-top ul li {width: 100%; height: 30px; line-height: 30px; float: left; font-size: 12px; text-transform: capitalize;} #languages-block-top .language-selector .lang-label { text-transform: none; } #languages-block-top div.current:after {display: none;} /*** Currency Block ***/ #currencies-block-top {border-left: none;float: left;z-index: 1001;padding: 0 15px 0 0;width: auto;height: 40px;line-height: 40px;font-size: 12px;text-align: center;display: block;margin-top: 0; margin-bottom: 0;} #currencies-block-top {-webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease;} #currencies-block-top .dropdown .expand-more {font-size: 14px; padding: 0 1px;} #currencies-block-top ul.dropdown-menu {position: absolute; left: inherit; right: 0; top: 40px; padding: 15px; margin-top: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border-width: 2px 1px 1px; border-style: solid; z-index: 1002;} #currencies-block-top ul li {width: 100%; height: 30px; line-height: 30px; float: left; font-size: 12px; text-transform: capitalize;} #currencies-block-top div.current:after {display: none;} #currencies-block-top ul { right: 40px; padding: 0; margin-top: 0; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } #header .header-nav .language-selector { margin-top: 0; } #header .header-nav .currency-selector { margin-top: 0; margin-left: 0; } #header .header-nav .language-selector.open { background-color: rgba(255, 255, 255, 0.5); } #header .header-nav .currency-selector.open { background-color: rgba(255, 255, 255, 0.5); } /*** Cart Block ***/ .blockcart { border-left: none; position: absolute; right: 0; bottom: -70px; z-index: 1001; padding: 0; width: 100px; height: 48px; line-height: 48px; text-align: center; border-radius: 0px; display: block; margin-bottom: 0; } .blockcart.sidein { right: 0; } .blockcart .material-icons { color: inherit; font-size: 30px; margin: 0 auto; } @media only screen and (max-width: 767px) { .blockcart .material-icons { font-size: 24px; color: #333; } } .blockcart .cart-products-count { width: 30px; height: 30px; line-height: 30px; position: absolute; right: 10px; top: 10px; font-size: 20px; border-radius: 10px; color: inherit; } @media only screen and (max-width: 767px) { .blockcart .cart-products-count { color: #333; width: 20px; line-height: 20px; height: 20px; right: 0; top: 0; font-size: 12px; } } #header .header-top .blockcart a { color: inherit; } /*** Signin Block ***/ #sign_block_top { border-left: none; float: right; z-index: 1001; padding: 0; top: 250px; padding-right: 0; width: auto; height: 40px; line-height: 40px; text-align: center; border-radius: 0; display: block; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; margin-top: 0; margin-bottom: 0; } #sign_block_top.sidein { right: 0; } #sign_block_top .material-icons {} #sign_block_top .dropdown .expand-more { float: left; width: 40px; height: 40px; text-align: center; } @media only screen and (max-width: 767px) { #sign_block_top .dropdown .expand-more { float: left; } } #sign_block_top ul { float: right; position: static; padding: 0; margin-top: 0; display: block !important; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; text-align: left; background: none; } @media only screen and (max-width: 767px) { #header #sign_block_top ul { position: static; width: auto; display: block; min-width: 40px; text-align: left; } } #sign_block_top ul li { color: #FFF; width: auto; float: left; padding: 0 5px; } @media only screen and (max-width: 767px) { #header .header-nav #sign_block_top ul li { float: none; width: auto; padding: 0 10px; text-align: center; font-size: 12px; display: inline-block; } } #sign_block_top ul li.search {display:none;} #sign_block_top ul li a { color: inherit; font-size: 12px; text-transform: none; } /*** Search Block ***/ #search_block_top { float: right; padding: 0 15px; width: 25%; margin-right: 0; margin-top: 17px; z-index: 1000; } @media only screen and (max-width: 767px) { #search_block_top { display: none; } } .searchup { top: 80px !important; opacity: 1 !important; visibility: visible !important; } #search_block_top #clear-icon { position: absolute; top: 5px; right: 5px; height: 24px; line-height: 24px; cursor: pointer; display: none; } #search_block_top .content { margin: 0 auto; margin-top: 0; float: none; color: #888; padding: 0; position: relative; border: 1px solid; } #search_block_top .content input[type=text] { width: 100%; background-color: transparent; border-width: 0; border-style: solid; padding: 0 44px 0 10px; height: 44px; box-shadow: none; line-height: 20px; border-color: #888; display: inline-block; } #search_block_top .content button[type=submit], #search_block_top .content button[type=button] { bottom: 0; right: 0; position: absolute; width: 44px; height: 44px; line-height: 44px; background: none; border: 0; z-index: 2; border-color: #888; } #search_block_top .content button i { color: #FFF; } .sf-search #searchbox button { background: none; border: none; height: 42px; padding: 0; right: 10px; width: 42px; line-height: 42px; position: absolute; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .sf-search #searchbox input { background: rgba(0, 0, 0, 0.20); width: 100%; padding: 8px 50px 8px 16px; border: 1px solid #ebebeb; line-height: 24px; } .top-scroll { position: fixed; bottom: 50px; right: 5%; z-index: 990; display: none; width: 40px; height: 40px; line-height: 40px; font-size: 28px; color: #ffffff; text-align: center; background-color: #A75667; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 20px; cursor: pointer; } .top-scroll .material-icons { vertical-align: baseline; } #uhu_reassure_top { width: 50%; margin: 20px 0; height: 40px; line-height: 40px; float: right; } @media only screen and (max-width: 767px) { #uhu_reassure_top { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { #uhu_reassure_top { height: 25px; line-height: 25px; } } #uhu_reassure_top ul li i { font-size: 30px; float: left; height: inherit; line-height: inherit; margin-right: 10px; } @media only screen and (min-width: 768px) and (max-width: 1199px) { #uhu_reassure_top ul li i { font-size: 15px; } } #uhu_reassure_top ul li h3 { font-size: 13px; height: inherit; line-height: inherit; margin: 0; } #uhu_reassure_top ul li .type-text { float: left; } /*** Menu ***/ #header .header-top .menu { margin: 0 auto; padding: 0; vertical-align: bottom; position: relative; border-width: 1px 0 0 0; border-style: solid; border-color: #EEE; z-index: 3; } @media only screen and (min-width: 768px) { #header .header-top .menu { width: 100%; } } #header .menu ul.nav_item { z-index: 101; position: relative; } @media only screen and (max-width: 767px) { #header .menu ul.nav_item { display:none; } } @media only screen and (min-width: 768px) { #header .menu ul.nav_item {} } @media only screen and (min-width: 768px) and (max-width: 1199px) { #header .menu ul.nav_item { width: 100%; margin: 0 auto; } } @media only screen and (min-width: 1200px) { #header .menu ul.nav_item { width: 100%; margin: 0 auto; max-width: 1170px; } } #header .header-top .menu .nav_item li dl dd .s_title_block { background: none; text-align: left; margin: 0 0 10px; height: 34px; line-height: 17px; display: inline-block; padding: 0; font-size: 14px; font-weight: normal; } #header .header-top .menu .nav_item li dl dd .s_title_block a { padding: 0; font-weight: normal; font-size: 13px; text-transform: uppercase; color: inherit; } #header .header-top .menu .nav_item li dl.pop_content dd p { padding: 5px 0; margin-bottom: 0; font-size: 12px; line-height: normal; } #header .header-top .menu .nav_item li.news dl.pop_content .content p { margin-top: 20px; margin-bottom: 5px; font-weight: normal; font-size: 13px; text-transform: uppercase; } #header .menu .nav_item li.news dl.pop_adver p { text-align: left; font-size: 12px; text-transform: uppercase; line-height: 30px; margin-bottom: 0; } #header .menu .nav_item li dl.pop_adver p a { color: inherit; } #header .menu .nav_item li dl.pop_adver p { font-size: 12px; text-transform: uppercase; line-height: 30px; margin-bottom: 0; } #header .menu .nav_item li dl.pop_adver p a { color: inherit; } #header .menu ul.umenu li.search { cursor: pointer; display: none; } @media only screen and (min-width: 768px) { #header .menu ul.umenu li.search { display: none; float: right; } } #header .menu ul.umenu li.config { cursor: pointer; display: none; } @media only screen and (min-width: 768px) { #header .menu ul.umenu li.config { display: none; float: right; } } #header .menu ul.umenu li.sf-search { display: block; } @media only screen and (min-width: 768px) { #header .menu ul.umenu li.signin, #header .menu ul.umenu li.signout, #header .menu ul.umenu li.myaccount, #header .menu ul.umenu li.sf-search { display: none; } } #header .menu ul.nav_item li.home i.icon-home { display: none; } #header .menu .nav_item li a.label { text-transform: uppercase; font-weight: 300; font-size: 13px; } .dropdown-item { padding: 0; width: 40px; text-align: center; } #header .header-nav .user-info { margin: 0; text-align: center; } #header .header-nav .user-info .account { margin-right: 0; margin-left: 0; } .shopping_cart .hidden-sm-down { display: none; } .product_page_payment_logos { max-width: 100px; float: left; margin-top: 0.5rem; border: 2px solid #ebebeb; margin-left: 30px; height: 48px; line-height: 48px;} .product-quantity #quantity_wanted {width: 50px !important; float: left; height: 44px; line-height: 44px;} .btn.button-plus, .btn.button-minus {border-width: 0 0 0 1px; float: left;} .btn.button-plus span, .btn.button-minus span {width: 44px; height: 44px; line-height: 44px;} .new { display: block; position: absolute; top: 20px !important; left: 10px; padding: 0 10px; height: 22px; line-height: 22px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color: white; background: #2fb5d2; text-transform: uppercase; font-size: 0.75em; font-weight: 300; } .discount-percentage { display: block; position: absolute; top: initial !important; bottom: 10px !important; right: 10px; text-transform: uppercase; font-size: 11px; font-weight: 300; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; padding: 0; text-align: center; background-color: #C92530; color: #FFF; } #wrapper-header .container { width: 100%; max-width: 100%; padding: 1em 0 1em; border-top: 1px solid #EEE; } #wrapper-header .container .row { padding: 0 30px; margin: 0 auto; } #wrapper-header .container .page-header-right { display: none; } #wrapper-header .breadcrumb ol { padding-left: 0; margin-bottom: 0; } #wrapper-header .breadcrumb li { display: inline-block; text-shadow: none; width: auto; font-size: 14px; padding: 0; } #uhuslider { margin: 0; padding: 0; } #uhuslider .block_content { overflow: hidden; max-width: 1920px; margin: 0 auto; } #uhuslider .block_content .loading { display: block; width: 100%; height: 560px; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; } #uhuslider .block_content ul li h2 { cursor: default; color: #666; font-size: 2.0vw; font-weight: bold; margin-bottom: 1rem; } @media only screen and (max-width: 767px) { #uhuslider .block_content ul li h2 { font-size: 3.0vw; } } #uhuslider .block_content ul li h3 { cursor: default; color: #FFF; font-size: 3.0vw; font-weight: bold; letter-spacing: 0.15em; margin-bottom: 1rem; } @media only screen and (max-width: 767px) { #uhuslider .block_content ul li h3 { font-size: 5.0vw; } } #uhuslider .block_content ul li h4 { cursor: default; color: #666; font-size: 1.5vw; margin-bottom: 1rem; } @media only screen and (max-width: 767px) { #uhuslider .block_content ul li h4 { font-size: 3.0vw; } } #uhuslider .block_content ul li .lnk_view { margin-top: 1rem; font-size: 16px; border: none; border-radius: 5px; padding: 0; color: #FFFFFF; background-color: #7AA357; } @media only screen and (max-width: 767px) { #uhuslider .block_content ul li .lnk_view { margin-top: 1rem; font-size: 2.4vw; } } .advertising ul li .image-container a:hover:before { right: 50%; left: 50%; background: rgba(255,255,255,0.2); } .advertising ul li .image-container a:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .advertising ul li .image-container a:hover:after { top: 50%; bottom: 50%; background: rgba(255,255,255,0.2); } .advertising ul li .image-container a:after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } /*** gj_9531 ***/ #uhu_gj_9531 { margin-top: 20px; margin-bottom: 20px; } @media only screen and (min-width: 768px) { #uhu_gj_9531 { margin-top: 0px; margin-bottom: 30px; } } #uhu_gj_9531 .block_content { max-width: 1200px; overflow: hidden; margin: 0 auto; } #uhu_gj_9531 ul { margin: 0; } #uhu_gj_9531 ul li { padding: 0; margin-bottom: 0; } #uhu_gj_9531 ul li .image-container { width: 100%; height: 100%; overflow: hidden; padding: 0; position: relative; } #uhu_gj_9531 ul li {} #uhu_gj_9531 ul li .text-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 21% 50% 0 10%; text-align: center; } @media only screen and (max-width: 767px) { #uhu_gj_9531 ul li .text-container { } } #uhu_gj_9531 ul li .item-title { font-size: 18px; color: #fff; line-height: 1.25; } @media only screen and (min-width: 768px) and (max-width: 1199px) { #uhu_gj_9531 ul li .item-title { font-size: 1.5vw; } } @media only screen and (max-width: 767px) { #uhu_gj_9531 ul li .item-title { font-size: 4.5vw; } } #uhu_gj_9531 ul li.ad0 .image-container {background-color: #f38ea4;} #uhu_gj_9531 ul li.ad1 .image-container {background-color: #b98fbd;} #uhu_gj_9531 ul li.ad2 .image-container {background-color: #f0aa87;} #uhu_gj_9531 ul li.ad3 .text-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 8%; } #uhu_gj_9531 ul li.ad3 .item-title { padding: 0; font-size: 18px; font-weight: bold; line-height: 1.5em; color: #FFF; text-align: initial; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 1199px) { #uhu_gj_9531 ul li.ad3 .item-title { font-size: 2.4vw; } } @media only screen and (max-width: 767px) { #uhu_gj_9531 ul li.ad3 .item-title { } } #uhu_gj_9531 ul li.ad3 .item-title span { display: table; margin-top: 20px; margin-bottom: 25px; font-size: 45px; } @media only screen and (min-width: 768px) and (max-width: 1199px) { #uhu_gj_9531 ul li.ad3 .item-title span { margin-top: 0; margin-bottom: 0; font-size: 3vw; } } #uhu_gj_9531 ul li.ad3 .item-title i { display: table; padding: 0 10px; margin-top: 10px; line-height: 30px; border-radius: 6px; font-style: normal; font-size: 14px; font-weight: 600; border: 1px solid; } @media only screen and (min-width: 768px) and (max-width: 1199px) { #uhu_gj_9531 ul li.ad3 .item-title i { font-size: 1.2vw; } } @media only screen and (max-width: 767px) { #uhu_gj_9531 ul li.ad3 .item-title i { font-size: 4.0vw; } } #uhu_gj_9531 ul li.ad4 .text-container { position: absolute; top: 6%; left: 3%; width: 94%; height: 89%; padding: 1em; } #uhu_gj_9531 ul li.ad4 .adv-details { padding: 7% 50% 10% 10%; height: 100%; width: 100%; text-align: center; } #uhu_gj_9531 ul li.ad4 .item-title { position: static; font-size: 3.0vw; font-weight: bold; color: #4A2725; margin-bottom: 11px; line-height: 1.05; } @media only screen and (min-width: 1200px) { #uhu_gj_9531 ul li.ad4 .item-title { font-size: 60px; } } @media only screen and (max-width: 767px) { #uhu_gj_9531 ul li.ad4 .item-title { font-size: 10vw; } } #uhu_gj_9531 ul li.ad4 .item-title i { display: block; font-style: normal; font-weight: 600; font-size: 2.0vw; } @media only screen and (min-width: 1200px) { #uhu_gj_9531 ul li.ad4 .item-title i { font-size: 30px; } } @media only screen and (max-width: 767px) { #uhu_gj_9531 ul li.ad4 .item-title i { font-size: 4vw; } } #uhu_gj_9531 ul li.ad4 .item-html {color: #4A2725;} #uhu_gj_9531 ul li.ad4 .item-html p { position: static; color: inherit; font-style: italic; font-size: 1.2vw; line-height: 2.0; } @media only screen and (min-width: 1200px) { #uhu_gj_9531 ul li.ad4 .item-html p { font-size: 14px; } } @media only screen and (max-width: 767px) { #uhu_gj_9531 ul li.ad4 .item-html p { font-size: 3vw; } } #uhu_gj_9531 ul li.ad3 { margin-top: 50px; } @media only screen and (max-width: 767px) { #uhu_gj_9531 ul li.ad3 { margin-top: 30px; }} #uhu_gj_9531 ul li.ad4 { margin-top: 50px; } @media only screen and (max-width: 767px) { #uhu_gj_9531 ul li.ad4 { margin-top: 30px; }} #uhu_gj_9531 ul li .text-container { position: absolute; } #uhu_gj_9541 ul li { margin-bottom: 30px; } #uhu_gj_9541 ul li .image-container { width: 100%; height: 100%; overflow: hidden; padding: 0; position: relative; } .advertising ul li .item-title { padding: 0; margin: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .advertising ul li:hover .item-title { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .advertising ul li:hover .item-html { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } #uhu_gj_9541 ul li.ad0 .text-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 40% 15% 15%; } @media only screen and (max-width: 767px) { #uhu_gj_9541 ul li.ad0 .text-container { padding: 30% 15% 15%; }} #uhu_gj_9541 ul li.ad0 .item-title { padding: 10% 0; font-size: 20px; font-weight: bold; line-height: 1.5em; color: #FFF; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 1199px) { #uhu_gj_9541 ul li.ad0 .item-title { font-size: 2.4vw; } } @media only screen and (max-width: 767px) { #uhu_gj_9541 ul li.ad0 .item-title { font-size: 9vw; } } #uhu_gj_9541 ul li.ad0 .item-title span { display: table; margin-top: 30px; margin-bottom: 25px; font-size: 50px; } #uhu_gj_9541 ul li.ad0 .item-title i { display: table; padding: 0; margin-top: 10px; line-height: 30px; border-radius: 6px; font-style: normal; font-size: 20px; font-weight: 600; } @media only screen and (min-width: 768px) and (max-width: 1199px) { #uhu_gj_9541 ul li.ad0 .item-title i { font-size: 1.2vw; } } @media only screen and (max-width: 767px) { #uhu_gj_9541 ul li.ad0 .item-title i { font-size: 4.0vw; } } #uhu_gj_9541 ul li.ad0 .item-html { } #uhu_gj_9541 ul li.ad0 .item-html p { display: block; margin: 0; padding: 0; color: #FFF; text-transform: none; font-weight: 500; font-size: 14px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); transform: translate3d(-360px,0,0); } @media only screen and (min-width: 768px) and (max-width: 1199px) { #uhu_gj_9541 ul li.ad0 .item-html p { font-size: 1.5vw; } } #uhu_gj_9541 ul li.ad0 .image-container:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #uhu_gj_9541 ul li.ad0 .item-html p:first-child { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } #uhu_gj_9541 ul li.ad0 .image-container:hover p:first-child { -webkit-transition-delay: 0s; transition-delay: 0s; } #uhu_gj_9541 ul li.ad0 .item-html p:nth-of-type(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } #uhu_gj_9541 ul li.ad0 .image-container:hover p:nth-of-type(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } #uhu_gj_9541 ul li.ad0 .item-html p:nth-of-type(3) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } #uhu_gj_9541 ul li.ad0 .image-container:hover p:nth-of-type(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } #uhu_gj_9541 ul li.ad1 { float: right; } #uhu_gj_9541 ul li.ad1 .text-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 75% 5% 0; text-align: center; } #uhu_gj_9541 ul li.ad1 .item-title { font-size: 40px; color: #fff; line-height: 1.5; } @media only screen and (min-width: 768px) and (max-width: 1199px) { #uhu_gj_9541 ul li.ad1 .item-title { font-size: 1.8vw; } } @media only screen and (max-width: 767px) { #uhu_gj_9541 ul li.ad1 .item-title { font-size: 6vw; } } #uhu_gj_9541 ul li.ad2 .text-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 60% 8% 0; text-align: center; } #uhu_gj_9541 ul li.ad2 .adv-details { background: rgba(0, 0, 0, 0.22); padding: 10px; } #uhu_gj_9541 ul li.ad2 .item-title { color: #FFF; font-size: 18px; line-height: 1.25em; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 1199px) { #uhu_gj_9541 ul li.ad2 .item-title { font-size: 2.4vw; } } #uhu_gj_9541 ul li.ad2 .item-title span { display: block; } #uhu_gj_9541 ul li.ad2 .item-html { display: none; } #uhu_gj_9541 ul li.ad3 .text-container { position: absolute; top: 6%; left: 3%; width: 94%; height: 89%; padding: 1em; } #uhu_gj_9541 ul li.ad3 .adv-details { padding: 10%; height: 100%; width: 100%; text-align: center; background: rgba(128, 128, 128, 0.5); } #uhu_gj_9541 ul li.ad3 .item-title { position: static; font-size: 3.0vw; font-weight: bold; color: #FFF; margin-bottom: 0; line-height: 1.05; } @media only screen and (min-width: 1200px) { #uhu_gj_9541 ul li.ad3 .item-title { font-size: 60px; } } @media only screen and (max-width: 767px) { #uhu_gj_9541 ul li.ad3 .item-title { font-size: 10vw; } } #uhu_gj_9541 ul li.ad3 .item-title i { display: block; font-style: normal; font-weight: 600; font-size: 2.0vw; } @media only screen and (min-width: 1200px) { #uhu_gj_9541 ul li.ad3 .item-title i { font-size: 30px; } } @media only screen and (max-width: 767px) { #uhu_gj_9541 ul li.ad3 .item-title i { font-size: 4vw; } } #uhu_gj_9541 ul li.ad3 .item-html p { position: static; color: #fff; font-style: italic; font-size: 1.2vw; line-height: 2.0; } @media only screen and (min-width: 1200px) { #uhu_gj_9541 ul li.ad3 .item-html p { font-size: 16px; } } @media only screen and (max-width: 767px) { #uhu_gj_9541 ul li.ad3 .item-html p { font-size: 3vw; } } #uhu_gj_9541 ul li .text-container { position: absolute; } #uhu_xp_9501 { margin-bottom: 0; padding-top: 0; padding-bottom: 0; } #uhu_xp_9501 .product_list { display: block; } @media only screen and (min-width: 992px) { #uhu_xp_9501 .product_list { margin: 0 -15px;} } #uhu_xp_9501 .block_content { max-width: 1230px; margin: 0 auto; } #uhu_xp_9502 { margin: 30px 0; padding-top: 0; padding-bottom: 0; } #uhu_xp_9502 .product_list { display: block; } @media only screen and (min-width: 768px) and (max-width: 991px) { #uhu_xp_9502 .noslider.product_list { margin: 0 -5px!important; } } @media only screen and (min-width: 992px) { #uhu_xp_9502 .product_list { margin: 0 -15px;} } #uhu_xp_9502 .block_content { max-width: 1200px; margin: 0 auto; } #uhu_xp_9502 .product_list .product-layout .highlighted-informations { display: none;} #lava_specials .block_content { max-width: 1170px; margin: 0 auto; } #uhu_cp_1901 { margin: 0 0 30px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { #uhu_cp_1901 .noslider.product_list { margin: 0 -5px!important; } } @media only screen and (min-width: 992px) { #uhu_cp_1901 .noslider.product_list { margin: 0 -15px; } } #uhu_cp_1901 .product_list .product-layout .product-description-short { display: none; } #uhu_cp_1901 .product_list .product-layout .product-list-actions {} #uhu_cp_1901 .block_content {m;max-width: 1200px;margin: 0 auto;} #uhu_cp_1901 .product_list .product-layout .highlighted-informations { display: none; } #uhu_cp_1901 .product_list .product-layout .discount-percentage { display: none; } #uhu_cp_1901 .product_list .product-layout .new { display: none; } .cols { position: relative; min-height: 1px; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } @media only screen and (min-width: 768px) and (max-width: 991px) { .product_list .cols { padding-left: 5px; padding-right: 5px; } } #uhu_categories_home { margin-bottom: 0; } #uhu_categories_home .title_content { display: none; } #uhu_categories_home .block_content { max-width: 1170px; margin: 0 auto; } #uhu_categories_home .block_content ul { margin: 0 -15px; } #uhu_categories_home ul li { margin-top: 20px; margin-bottom: 20px; } #uhu_categories_home ul li .list-container { position: relative; overflow: hidden; } #uhu_categories_home .block_content ul li .type-image {} #uhu_categories_home .block_content ul li h4 { font-size: 25px; line-height: 30px; letter-spacing: 0; font-family: sans-serif; text-transform: uppercase; color: #FFF; margin-bottom: 12px; font-weight: 600; } #uhu_categories_home .block_content ul li .type-text h4:after { } #uhu_categories_home .block_content ul li .type-text { position: absolute; top: 20%; left: 10%; } @media only screen and (max-width: 767px) { #uhu_categories_home .block_content ul li .type-text { top: 10%; }} #uhu_categories_home .block_content ul li .type-text p { margin-bottom: 0; line-height: 1.25; font-size: 16px; } #uhu_categories_home .block_content ul li .type-category { position: absolute; top: 45%; left: 10%; color: #FFF; } @media only screen and (min-width: 768px) and (max-width: 991px) { #uhu_categories_home .block_content ul li .type-category { top: 45%; } } #uhu_categories_home .block_content ul li .type-category p { margin: 0; font-size: 14px; line-height: 22px; color: inherit; } #uhu_categories_home .block_content ul li .type-category p a { color: inherit; } #uhu_categories_home .block_content ul li .foot_title { position: absolute; bottom: 25%; left: 10%; line-height: 30px; font-size: 12px; margin: 0.5rem 0; padding: 10px 30px; background-color: black; } @media only screen and (max-width: 767px) { #uhu_categories_home .block_content ul li .foot_title { padding: 5px 15px; bottom: 5%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { #uhu_categories_home .block_content ul li .foot_title { bottom: 10%; } } #uhu_categories_home .block_content ul li .foot_title a { color: inherit; } @media only screen and (max-width: 767px) { #uhu_categories_home .block_content ul li .type-image, #uhu_categories_home .block_content ul li .type-text, #uhu_categories_home .block_content ul li .type-category, #uhu_categories_home .block_content ul li .foot_title {} } #uhu_reassure_home { padding-top: 0; padding-bottom: 0; margin-bottom: 0; } #uhu_reassure_home .block_content { max-width: 1200px; margin: 0 auto; overflow: hidden; } .reassure .block_content ul { margin: 0; } .reassure .block_content ul li { padding: 0 15px; margin-bottom: 10px; } .reassure .block_content ul li .list-container { margin-bottom: 0; padding: 0; } .reassure .block_content ul li h3 { margin: 0; line-height: 50px; } #uhu_reassure_home i.material-icons { float: left; width: 2.5vw; height: 3vw; line-height: 3vw; text-align: center; font-size: 2.2vw; margin-right: 10px; } #uhu_reassure_home .type-text { float: left; height: 50px; line-height: 50px; } .reassure .block_content ul li h3 { font-size: 16px; } .reassure ul li p { font-size: 13px; } #uhu_brand { padding-top: 0; padding-bottom: 0; margin-bottom: 0; } #uhu_brand .block_content { max-width: 1200px; margin: 0 auto; overflow: hidden; } #uhu_brand .block_content ul { margin: 0; } #uhu_brand .block_content ul li { padding: 0; margin-bottom: 10px; } #uhu_brand .block_content ul li .list-container { margin-bottom: 0; padding: 0; } #uhu_tj_9502 { padding: 0; } #uhu_tj_9502 .block_content { padding: 15px 0; } #uhu_tj_9502 .products_block { overflow: hidden; margin: 0 auto; padding-left: 15px; padding-right: 15px; max-width: 1230px; } #uhu_tj_9502 .title_content { max-width: 1200px} #uhu_tj_9502 .products_block .adv { width: 15%; padding: 0; float: left; } @media only screen and (max-width: 767px) { #uhu_tj_9502 .products_block .adv { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { #uhu_tj_9502 .products_block .adv { display: none; } } #uhu_tj_9502 .products_block .prd { width: 85%; padding: 0; float: left; } @media only screen and (max-width: 767px) { #uhu_tj_9502 .products_block .prd { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { #uhu_tj_9502 .products_block .prd { width: 100%; } } #uhu_tj_9502 .product_list { padding: 0; margin-left: 0; margin-right: 0; border-width: 1px; border-style: solid; border-color: #e4e4e4; } #uhu_tj_9502 .product-layout { padding: 0; margin-bottom: 0; border-width: 1px 1px 0 0; border-style: solid; border-color: #e4e4e4; } #uhu_tj_9502 li.product-layout:nth-child(-n+5) { border-top-width: 0; } #uhu_tj_9502 li.product-layout:nth-child(5n+0) { border-right-width: 0; } #uhu_tj_9502 .product-layout .thumbnail-container { border: none; } #uhu_tj_9502 .title_content .title_block {} #uhu_tj_9502 .title_content span {} #uhu_tj_9502 .type-category { display: none; } #uhu_tj_9502 .title_content .nav-item { float: none; display: inline-block; color: #999; font-size: 14px; line-height: 1.8em; margin: 0; } #uhu_tj_9502 .nav-tabs { text-align: right; border-bottom: 0; margin-bottom: 0; } #uhu_tj_9502 #home-uhu-contents { max-width: 1170px; margin: 0 auto; } #uhu_contactus, .contactus { margin-top: 0; } .contactus.news { margin-top: 0; margin-bottom: 50px; } .contactus.news .title_content { } .contactus.news .block_content { margin-bottom: 30px; overflow: hidden; padding: 0 15px; float: left; width: 50%; } .contactus.news .news_content { max-width: 1200px; margin: 0 auto; padding: 30px 30px 0; overflow: hidden; background-color: #FFF; } .contactus.news .news_content .contact { margin: 0 -15px; } .contactus.news .logo {width: 25%; float: left;} .contactus.news .info {width: 75%; float: left; padding-left: 20px;} .contactus.news .info .title_news { overflow: hidden; line-height: 20px; font-size: 18px; font-weight: 600; color: #777; letter-spacing: 0; height: 20px; margin-top: 0; margin-bottom: 15px; } .contactus.news .info .title { display: block; font-size: 12px; } .contactus.news .info .title a { color: inherit; } .contactus.news .info .subtitle { display: block; font-size: 10px; } #wrapper .banner { margin-bottom: 0; display: block; height: 80px; line-height: 80px; width: 100%; background-color: #f5f5f5; } .banner .image-container { max-width: 1350px; margin: 0 auto; float: none; overflow: hidden; height: 100%; position: relative; } .banner .content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; } .banner .item-title { width: 60%; float: right; font-size: 1.5vw; line-height: inherit; text-transform: uppercase; margin-bottom: 0; margin-top: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @media only screen and (max-width: 767px) { .banner .item-title { font-size: 3.0vw; } } .banner .item-html { display: inline-block; text-align: right; padding-right: 15px; width: 40%; font-style: italic; float: left; bottom: inherit; text-transform: capitalize; font-size: 1.3vw; line-height: inherit; font-weight: normal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @media only screen and (max-width: 767px) { .banner .item-html { font-size: 2.6vw; } } .banner:hover .item-title { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .banner:hover .item-html { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } #banner_counter { position: absolute; bottom: 10px; width: auto; margin-left: 0; right: 5%; font-size: 15px; height: auto; padding-top: 0; } .banner-counter .countDays, .banner-counter .countHours, .banner-counter .countMinutes, .banner-counter .countSeconds { float: left; width: auto; padding: 0; text-align: center; margin: 0; } .banner-counter .countDays .boxName { display: inline-block; width: auto; height: 3rem; line-height: 4rem; font-size: 0.7vw; overflow: hidden; } @media only screen and (max-width: 767px) { .banner-counter .countDays .boxName { font-size: 1.4vw; } } .banner-counter .position { width: 1.0vw; height: 3rem; line-height: 3rem; font-size: 1.2vw; display: inline-block; } @media only screen and (max-width: 767px) { .banner-counter .position { width: 2.0vw; font-size: 2.6vw; } } .banner-counter .digit { width: 100%; display: inline-block; letter-spacing: 0; } .banner-counter .points { display: inline-block; height: 3rem; line-height: 3rem; width: 10px; float: left; font-size: 1.0vw; } .banner-counter .points:first-of-type { display: none; } .countDiv { display: none; } #uhu_counter { width: 100%; padding: 0 0 5em 0; margin-bottom: 0; } #uhu_counter .block_content { max-width: 1170px; margin: 0 auto; overflow: hidden; padding: 2em; background-color: #F7F7F9; } #uhu_counter .block_content ul { text-align: center; margin: 0 -15px; } #uhu_counter .block_content ul li { text-align: center; float: left; width: 25%; padding: 15px; } @media only screen and (max-width: 767px) { #uhu_counter .block_content ul li { width: 50%; } } #uhu_counter .block_content ul li i { font-size: 4.0vw; margin-bottom: 1rem; } @media only screen and (max-width: 767px) { #uhu_counter .block_content ul li i { font-size: 8.0vw; } } #uhu_counter .block_content ul li span { font-size: 2.0vw; margin-bottom: 1rem; line-height: 2em; display: block; } @media only screen and (max-width: 767px) { #uhu_counter .block_content ul li span { font-size: 4.0vw; } } #uhu_counter .block_content ul li h3 { font-size: 11px; text-transform: uppercase; } @media only screen and (max-width: 767px) { #uhu_counter .block_content ul li h3 { font-size: 2.2vw; } } #footer, body#checkout #footer { border: none; background: none; font-size: 13px; margin: 0 auto; padding-top: 4em; background-color: #2E2E2E; box-shadow: none; } #footer .contactus { } #footer .contactus .block_content { margin: 0 -15px; } .contactus .info-content { text-align: center; margin-bottom: 1rem; } .contactus .image { text-align: center; } .contactus .image img { max-width: 110px; } .contactus .image img:before { content: ''; width: 36%; height: 4px; border-top: 1px solid #575757; border-bottom: 1px solid #575757; background: none; position: absolute; top: 60%; left: 0; } .contactus .image img:after { content: ''; width: 36%; height: 4px; border-top: 1px solid #575757; border-bottom: 1px solid #575757; position: absolute; top: 60%; right: 0; } .contactus .info-content .h3 { font-size: 20px; margin-bottom: 0; padding-bottom: .125em; text-transform: uppercase; color: #444; } .contactus .info-content .h3:before { content: ''; width: 36%; height: 4px; border-top: 1px solid #575757; border-bottom: 1px solid #575757; background: none; position: absolute; top: 60%; left: 0; } .contactus .info-content .h3:after { content: ''; width: 36%; height: 4px; border-top: 1px solid #575757; border-bottom: 1px solid #575757; position: absolute; top: 60%; right: 0; } .contactus .info-content p { font-size: 0.75em; letter-spacing: 5px; text-transform: uppercase; } #footer .contactus ul li { margin: 10px 0; font-size: 12px; line-height: 18px; height: 36px; padding-left: 15px; padding-right: 15px; width: 25%; float: left; } @media only screen and (max-width: 767px) { #footer .contactus ul li { width: 100%; } } #footer .contactus ul li i.material-icons { height: 36px; line-height: 36px; margin-right: 15px; color: #999; float: left; } .footer-container .h3 { font-size: 14px; text-transform: uppercase; font-weight: bold; margin: 0 0 20px; position: relative; padding-bottom: 20px; } .footer-container .h3:before { position: absolute; bottom: 0; width: 40px; height: 3px; background: #828282; content: ''; } #footer .information { margin-bottom: 0; } .information .h3 {} .information .item {} .footer-bottom { padding: 15px 0; } #uhu_social { } @media only screen and (max-width: 767px) { #uhu_social { display: none; }} #uhu_social .h3 { display: none; } #uhu_qt_copyright { max-width: 1170px; margin: 0 auto; } @media only screen and (max-width: 767px) { #uhu_qt_copyright { float: left; text-align: center; } } #uhu_qt_copyright span { padding: 0; height: 30px; line-height: 30px; font-size: 12px; display: block; float: left; } #uhu_qt_copyright span.logo { float: right; } @media only screen and (max-width: 767px) { .footer-container ul { text-align: center; } } /*** Category Page ***/ #left-column .block-categories, #left_column .block-categories, #left_column .block { border: 1px solid #F7F7F9; background-color: #FFF; padding: 15px; margin-top: 0; margin-bottom: 50px; } .block-categories a.h6, .widget .h6, .block .title_block { display: block; font-size: 14px; color: #333; margin-bottom: 1rem; padding: 1.0em; background: #f5f5f5; text-align: center; letter-spacing: 5px; } .block-categories a { color: inherit; } .block-categories .category-sub-menu { padding-left: 25px; position: relative; margin-top: 0; } .block-categories .category-sub-menu li[data-depth='0'] > a { border-bottom: none; font-size: 12px; margin-top: 0; padding-bottom: 0; text-transform: uppercase; } .block-categories .category-sub-menu:before { background: #e3e3e3; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 1px; } .block-categories .category-sub-menu li:before { background: #e3e3e3; content: ''; height: 1px; left: -25px; position: absolute; top: 15px; width: 12px; } #category-products { } #category-products .products-selection { margin-top: 0; margin-bottom: 20px; margin-left: 0; margin-right: 0; background-color: #FFF; font-size: 12px; } .products-selection .total-products { } .products-selection .total-products.style { font-size: 12px; margin-bottom: 0; } #category-products .pagination { width: 100%; background-color: #FFF; } #category-products .pagination > div:first-child { display: none; } #category-products .pagination > div { width: 100%; } .product-layout { float: left; margin-bottom: 15px; } .thumbnail-container { border-width: 1px; border-style: solid; border-color: #EAEAEA; background-color: #FFF; position: relative; padding: 10px; overflow: hidden; } .product-layout .product-thumbnail, .product-cover, .thumbs-container { overflow: hidden; position: relative; display: block; border: none; border-radius: 0; padding: 0; margin-bottom: 0; } .primary_block .product-cover, .primary_block .thumbs-container { } .product-layout .product-thumbnail .image-cover { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .product-layout .product-thumbnail .image-hover { top: 0; position: absolute; overflow: hidden; left: 0; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(-100%, 0px); -ms-transform: translate(-100%, 0px); -o-transform: translate(-100%, 0px); transform: translate(-100%, 0px); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .product-layout:hover .product-thumbnail .image-cover { -webkit-transform: translate(100%, 0px); -ms-transform: translate(100%, 0px); -o-transform: translate(100%, 0px); transform: translate(100%, 0px); } .product-layout:hover .product-thumbnail .image-hover { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } #category-products .product-layout, .featured-products .product-layout, .product-accessories .product-layout { margin: 0; width: 100%; padding-left: 15px; padding-right: 15px; margin-bottom: 40px; } @media only screen and (min-width: 768px) { #category-products .product-layout, .featured-products .product-layout, .product-accessories .product-layout { width: 50%; } } @media only screen and (min-width: 992px) { #category-products .product-layout, .featured-products .product-layout, .product-accessories .product-layout { width: 33.33333%; } } @media only screen and (min-width: 1200px) { #category-products .product-layout, .featured-products .product-layout, .product-accessories .product-layout { width: 33.33333%; } } #search_filters_wrapper { border: 1px solid #F7F7F9; } #search_filters { } #search_filters .facet .facet-title { color: #333; margin-bottom: 1rem; padding: 1.0em; background: #f5f5f5; text-transform: uppercase; text-align: center; letter-spacing: 5px; } #search_filters .facet { background-color: #FFF; padding: 15px; margin-bottom: 0; } #search_filters h4 { display: none; } #_desktop_search_filters_clear_all { display: none; } #search_filters .facet .facet-label a { font-size: 12px; margin-top: 0; text-transform: uppercase; height: 28px; vertical-align: middle; line-height: 28px; } .custom-checkbox input[type="checkbox"] + span { margin-right: 3px; display: inline-block; width: 13px; height: 13px; vertical-align: middle; cursor: pointer; border-width: 1px; border-style: solid; border-color: #CBB8B2; } .pagination .page-list { font-size: 12px; text-transform: uppercase; } #category #content-wrapper {} /*** Product Block ***/ .product-description { width: 100%; margin-top: 0px; margin-bottom: 10px; } .product-description-short { display: none; } .color-list-container { display: none; } /*** Product Page ***/ .primary_block { padding: 5em 0; max-width: 1170px; margin-left: auto; margin-right: auto; background-color: #FFF; } @media only screen and (min-width: 768px) { .primary_block .pb-left-column { width: 33.33333%; } .primary_block .pb-right-column { width: 66.66667%;} } .primary_block .h1 { font-size: 24px; font-weight: 300; margin: 0 0 30px; padding-bottom: 0; letter-spacing: 0; text-transform: capitalize; } .primary_block .product-information p { font-size: 13px; font-weight: normal; line-height: 20px; } .primary_block .product-prices { display: inline-block; width: 100%; margin: 0; } .primary_block .product-prices .product-discount { overflow: hidden; } .primary_block .product-discount .regular-price { font-size: 12px; color: #999; } .primary_block .product-prices span { height: 30px; line-height: 30px; display: inline-block; font-size: 24px; font-weight: normal; float: left; color: #F6AF35; } .primary_block .has-discount .discount { background: none; text-transform: none; font-size: 13px; color: #ed143d; } .primary_block .product-actions .control-label { display: block; margin-bottom: 0.5rem; text-transform: uppercase; letter-spacing: .125em; font-size: 13px; } #product-availability { margin-bottom: 0; margin-top: 0.5rem; top: 0; float: left; margin-left: 30px; height: 48px; line-height: 48px; padding: 0 25px; font-weight: normal; font-size: 12px; text-transform: uppercase; } #product-availability .product-unavailable { display: none; } .product-actions .add-to-cart { margin-left: 0; margin-top: 0.5rem; padding: 0 45px; height: 48px; line-height: 48px; float: left; } .primary_block .product-quantity { margin-bottom: 0; float: left; border: 1px solid #000; margin-right: 30px; margin-top: 0.5rem; } .bootstrap-touchspin input.form-control { border: 0; } .product-variants > .product-variants-item select { padding-left: .5rem; background-color: transparent; } .product-images-wrap { border: 1px solid #D1CFCF; padding: 9px } .product-images-wrap .owl-controls .owl-prev { width: 3rem; height: 3rem; line-height: 3rem; padding: 0; text-align: center; display: inline-table; border: none; float: left; } .product-images-wrap .owl-controls .owl-prev i { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); font-size: 48px; } .product-images-wrap .owl-controls .owl-prev i:before { content: "\E5C5"; } .product-images-wrap .owl-controls .owl-next { width: 3rem; height: 3rem; line-height: 3rem; padding: 0; text-align: center; display: inline-table; border: none; float: right; } .product-images-wrap .owl-controls .owl-next i { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 48px; } .product-images-wrap .owl-controls .owl-next i:before { content: "\E5C5"; } .product-cover .layer .zoom-in { color: #777; } .page-product-box { margin-left: auto; margin-right: auto; padding: 5rem 15px; } .page-product-content { max-width: 1170px; overflow: hidden; margin: 0 auto; } .page-product-box .product-description { width: 100%; text-align: inherit; font-size: 12px; line-height: 20px; } .page-product-box p { font-size: inherit; font-weight: normal; color: inherit; } .nav-tabs { margin-bottom: 2em; border-bottom-width: 3px; } .page-product-box .nav-item { display: inline-block; } .nav-tabs>li>a { padding: 0; font-size: 16px; display: block; margin-right: 0; line-height: 40px; text-transform: uppercase; } .nav-tabs>li>a:before { content: "/"; padding-right: 20px; padding-left: 15px; color: #cfcfcf; font-size: 14px; font-weight: normal; } .nav-tabs>li:nth-child(1) a:before { content: ""; padding: 0; } .nav-tabs > li > a.active { color: #555; cursor: default; } .nav-tabs > li > a:hover { } .product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name { background: none; border-width: 1px; border-style: solid; border-color: antiquewhite; } .product-features > dl.data-sheet dd.value:nth-of-type(even), .product-features > dl.data-sheet dt.name:nth-of-type(even) { background: none; } .primary_block .product-images .thumbs-container { border-style: solid; border-width: 1px; border-color: #ccc; } #categoryproducts {} #categoryproducts .product-layout { width: 100%; } #product-modal .modal-content .modal-body .image-caption { width: 100%; } #product-modal .modal-content .modal-body .image-caption p { font-size: 12px; } #blockcart-modal .modal-body { background: #ffffff; } #blockcart-modal .product-name { font-size: 13px; } #blockcart-modal .cart-content p, #blockcart-modal .cart-products-count { font-size: 12px; color: #434343; text-transform: uppercase; } #blockcart-modal .modal-body .divide-right span { font-size: 12px; text-transform: uppercase; } /*** Newsletter Block ***/ .block_newsletter { width: 100%; float: left; margin-bottom: 2em; } .block_newsletter p { font-size: 13px; font-weight: normal; text-transform: uppercase; padding: 0; margin: 0; height: 48px; line-height: 48px; text-align: left; float: left; width: 100%; } @media only screen and (min-width: 768px) { .block_newsletter p { font-size: 1.125rem; } } @media only screen and (min-width: 992px) { .block_newsletter p { width: 50%; } } .block_newsletter .subscription { float: left; width: 100%; } @media only screen and (min-width: 992px) { .block_newsletter .subscription { width: 50%; } } .block_newsletter form input[type=text] { min-width: 100%; border-width: 1px; border-style: solid; } .block_newsletter form input[type=text]:focus { outline: 0; border: 1px #2fb5d2 solid; color: #414141; background: white; } .block_newsletter form input { height: 48px; } .block_newsletter form button[type=submit] { position: static; border-width: 1px; border-style: solid; padding: 0; } .block_newsletter .btn-primary .material-icons { display: block; margin-right: 0; width: 48px; } body#checkout section.checkout-step { box-shadow: none } #header .header-top { padding-bottom: 0; position: relative; } #header .header-nav { margin-bottom: 0; min-height: 1px; position: relative; border-bottom-width: 1px; } #main #slider { overflow: hidden; margin-bottom: 0; } @media only screen and (min-width: 1200px) { #main #slider { margin-left: auto; margin-right: auto; } } #header .header-nav .container { text-align: right; max-width: 1170px; } @media only screen and (min-width: 768px) { #header .header-nav .container { width: 100%; } } #uhuslider .block_content ul { position: relative; margin: 0; } #uhuslider .block_content ul li .slide_content { padding: 0; margin: 0; position: absolute; z-index: 2; } #uhuslider .cycle-prev, #uhuslider .bx-prev { width: initial; height: initial; cursor: pointer; position: absolute; top: 44%; left: 1%; z-index: 100; text-align: center; opacity: 0; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; } #uhuslider .cycle-next, #uhuslider .bx-next { width: initial; height: initial; cursor: pointer; position: absolute; top: 44%; right: 1%; z-index: 100; text-align: center; opacity: 0; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; } #uhuslider .cycle-prev i, #uhuslider .cycle-next i, #uhuslider .bx-prev i, #uhuslider .bx-next i { font-size: 60px; font-weight: normal; display: block; width: 40px; height: 40px; line-height: 40px; border-radius: 5px; color: #FFF; } #uhuslider .block_content ul li p { max-width: 35%; padding: 0; margin: 0; position: absolute; } #uhuslider .block_content ul li span a { color: inherit; } #uhuslider .block_content ul li img.logo { position: absolute; bottom: 0; left: 60%; } @media only screen and (min-width: 768px) { #uhuslider .block_content ul li img.logo { max-width: 100%; max-height: 75%; } } #uhuslider ul li .prd_content dd a.product_image span.label { display: none; } #uhuslider .block_content ul li h2 { cursor: default; margin-top: 0; } #uhuslider .block_content ul li h3 { cursor: default; margin-top: 0; } #uhuslider .block_content ul li h4 { cursor: default; margin-top: 0; } #uhuslider .block_content ul li h5 { cursor: default; margin-top: 0; } #uhuslider .block_content ul li span { display: inline-block; padding: 0.5em 1em; } #uhuslider .block_content .loading { display: block; width: 100%; height: 560px; background-repeat: no-repeat; background-position: 50% 50%; } #uhuslider .block_content:hover .cycle-prev, #uhuslider .block_content:hover .bx-prev { left: 5%; opacity: 1; } #uhuslider .block_content:hover .cycle-next, #uhuslider .block_content:hover .bx-next { right: 5%; opacity: 1; } .container { width: 100%; } #header .menu ul.umenu li.logo { display: none; } #uhuslider .block_content ul li img.slider { display:block; } #uhuslider .block_content ul li.re { list-style: none; filter: alpha(opacity=0); opacity: 0; width: 100%; height: 100%; margin: 0 -100% 0 0; padding: 0; float: left; position: relative; } #uhuslider .block_content ul .owl-item:hover { cursor: e-resize; } body { line-height: 1.75em; letter-spacing: 0.0625em; } header .header-nav .row #logo { display: none; text-align: center; font-size: 22px; line-height: 62px; margin-bottom: 0; padding: 0; } @media only screen and (min-width: 768px) { header .header-nav .row #logo { background-color: transparent !important; padding: 30px 0; } } .tabs-wrapper { padding: 6rem 0; margin-top: 6rem; } #uhu_gj_9551 { margin-bottom: 0; } #uhu_gj_9551 ul li { clear: none !important; } @media only screen and (min-width: 1200px) { #uhu_gj_9551 .block_content { max-width: 1410px; } } #uhu_gj_9551 ul li .image-container { width: 100%; height: 100%; overflow: hidden; position: relative; margin-bottom: 10px; } #uhu_gj_9551 ul li .item-title { position: absolute; top: 20%; display: block; width: 80%; left: 10%; z-index: 2; font-size: 14vw; padding: 0; margin: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @media only screen and (min-width: 768px) { #uhu_gj_9551 ul li .item-title { font-size: 4.5vw; } } @media only screen and (min-width: 992px) { #uhu_gj_9551 ul li .item-title { font-size: 3.5vw; } } @media only screen and (min-width: 1200px) { #uhu_gj_9551 ul li .item-title { font-size: 2.5rem; } } #uhu_gj_9551 ul li .item-html { position: absolute; bottom: 20%; display: block; width: auto; padding: 3px 9px; left: 10%; z-index: 2; font-size: 6.5vw; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @media only screen and (min-width: 768px) { #uhu_gj_9551 ul li .item-html { font-size: 2.1vw; } } @media only screen and (min-width: 992px) { #uhu_gj_9551 ul li .item-html { font-size: 2.0vw; } } @media only screen and (min-width: 1200px) { #uhu_gj_9551 ul li .item-html { font-size: 1.3rem; } } #uhu_gj_9551 ul li:hover .item-title { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } #uhu_gj_9551 ul li:hover .item-html { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } #header .menu { background-image: none; margin-bottom: 0; margin-left: auto; margin-right: auto; vertical-align: bottom; position: relative; z-index: 3; } .menu ul.nav_item li { float: left; text-align: center; padding: 0; margin: 0; display: block; border-left: none; } @media only screen and (min-width: 768px) { .menu ul.nav_item li { font-size: 13px; } } #header .menu .nav_item li a { padding: 0; font-size: 100%; } #header .menu .nav_item li .nav_pop { min-width: 100%; position: absolute; text-align: initial; left: 0; background: #fff; padding: 20px 10px; border-top-width: 3px; border-top-style: solid; margin-top: 8px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -o-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); -webkit-transform: translateY(35px); -moz-transform: translateY(35px); -o-transform: translateY(35px); -ms-transform: translateY(35px); transform: translateY(35px); opacity: 0; visibility: hidden; } #header .menu .nav_item li a.label { position: relative; display: inline-block; } #header .menu .nav_item li dl.pop_content dd { margin-bottom: 20px; float: left; padding-left: 15px; padding-right: 15px; line-height: normal; } #header .menu .nav_item li dl.pop_adver span { text-align: left; margin-bottom: 5px; display: block; padding: 0; } #header .menu .nav_item li dl.pop_adver p { margin-bottom: 0; line-height: 30px; } #header .menu .nav_item li dl.pop_adver dd { margin-left: 0; margin-bottom: 1rem; float: left; padding-left: 15px; padding-right: 15px; } #header .menu .nav_item li .product_image { padding: 0; } #header .menu .nav_item li dl dd .s_title_block { background: none; text-align: left; margin: .5rem 0 1rem; line-height: 22px; display: inline-block; padding: 0; font-weight: 700; font-size: 14px; } #header .menu .nav_item li dl dd .product_desc { display: none; } #header .menu .nav_item li.cat dl.pop_adver { float: right; text-align: left; } #header .menu .nav_item li.cat dl.pop_content { margin-left: 0; float: left; background: none; } #header .menu .nav_item li.prd dl.pop_content { float: right; background: none; } #header .menu .nav_item li.prd dl.pop_adver { margin-left: 0; float: left; } #header .menu .nav_item li.bra dl.pop_content { background: none; } #header .menu .nav_item li dl.pop_adver span a { padding: 0; font-weight: bold; font-size: 14px; } #header .menu .nav_item li dl.pop_adver p a { padding: 0; } .menu ul.opened-nav>li>a { font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.075em; display: block; padding: 0 60px 0 15px; border-bottom: 1px solid #ebebeb; line-height: 48px; text-align: inherit; } .menu ul.umenu.opened-nav li span { padding: 0; color: #777; font-size: 12px; font-weight: normal; } .menu ul.umenu.opened-nav li .s_title_block {padding-left: 20px;font-size: 14px;font-weight: bold;} .opened-nav .news dd .s_title_block { padding-right: 20px; margin: 1rem 0; } .opened-nav .news dd .product_desc { float: none; width: 100%; padding-right: 20px; margin-bottom: 1rem; height: auto; } .opened-nav .news dd p { padding-left: 20px; padding-right: 20px; } #header .menu ul.umenu li { float: none; display: inline-block; width: 100%; text-align: left; line-height: 50px; } @media only screen and (min-width: 768px) { #header .menu ul.umenu li { width: auto; } } .menu ul.umenu li span { display: block; padding: 0px 32px; line-height: 48px; } @media only screen and (min-width: 768px) { .menu ul.umenu li span { padding: 0 6px; } } @media only screen and (min-width: 992px) { .menu ul.umenu li span { padding: 0 12px; } } @media only screen and (min-width: 1200px) { .menu ul.umenu li span { padding: 0 18px; } } .menu ul.umenu li span:after { width: 100%; padding: 0 30px; } @media only screen and (min-width: 768px) { .menu ul.umenu li span:after { padding: 0 20px; } } @media only screen and (min-width: 992px) { .menu ul.umenu li span:after { padding: 0 30px; } } .menu ul.umenu li>a { width: 100%; } .menu .nav_item li .nav_pop p a { padding: 0; color: inherit; } .opened-nav li dd p { font-size: 13px; line-height: 30px; margin-bottom: 0; font-weight: normal; display: block; width: 100%; padding-left: 25px; } .opened-nav .news dd .image { display: none; } .opened-nav .bra dd { padding: 20px; } .opened-nav .prd dd { padding: 0 15px; float: left; margin-bottom: 1rem; } .opened-nav .prd dd .product_image { width: 25%; float: left; } .opened-nav .prd dd .s_title_block { width: 75%; float: left; font-size: 14px; line-height: 20px; } .opened-nav dd .product_desc { width: 75%; float: left; font-size: 13px; line-height: 18px; height: 54px; overflow: hidden; padding-left: 20px; } .opened-nav li .pop_adver { display: none; } #header .menu ul.umenu li.sf-search { display: block; } @media only screen and (min-width: 768px) { #header .menu ul.umenu li.sf-search { display: none; } } @media only screen and (min-width: 768px) { #header .menu ul.umenu li.signin, #header .menu ul.umenu li.signout, #header .menu ul.umenu li.myaccount { display: none; } } .opened-nav li dd p a { display: block; } @media only screen and (min-width: 768px) { .opened-nav li dd p a { display: none; } } #header .menu ul.nav_item li.home i.icon-home { display: none; } .grover .touchspin-down:after { content: '\E5CF'; } .grover .touchspin-up:after { content: '\E5CE'; } #header .menu .nav_item li.bra dl dd .s_title_block { display: none; } #header .menu .nav_item li.news dl.pop_adver p { text-align: left; } #header .menu .nav_item li.news dl.pop_content .image { float: left; width: 48%; } #header .menu .nav_item li.news dl.pop_content .content { float: right; width: 48%; background: none; border: none; } #header .menu .nav_item li.news dl dd h5 { font-size: 120%; margin-bottom: 12px; text-align: left; } #header .menu .nav_item li.news dl.pop_content .content p { margin-top: 20px; margin-bottom: 5px; font-weight: bold; font-size: 1em; } #header .menu .nav_item li.news dl.pop_content .content .product_desc { display: block; } #header .menu .nav_item li dl.pop_content { float: left; } #header .menu .nav_item li dl.pop_adver { float: left; } #header .menu ul.nav_item li.cms { position: relative; } #header .menu ul.nav_item li.cms .nav_pop { min-width: 200px; left: 0px; padding-left: 0; padding-right: 0; } #header .menu .nav_item li:hover .nav_pop { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; } .tr_all_hover { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } #header .menu ul.nav_item li:hover a.nav_a:after { content: ''; width: 0; height: 0; border-left: 7px solid transparent; border-top-width: 8px; border-top-style: solid; border-right: 7px solid transparent; position: absolute; bottom: -8px; left: -7px; margin-left: 50%; } .tr_delay_hover { -webkit-transition: color .1s ease,background-color .1s ease,box-shadow .1s ease; -moz-transition: color .1s ease,background-color .1s ease,box-shadow .1s ease; -o-transition: color .1s ease,background-color .1s ease,box-shadow .1s ease; transition: color .1s ease,background-color .1s ease,box-shadow .1s ease; } .tr_delay_hover:hover { -webkit-transition: color .1s ease,background-color .1s ease,box-shadow .1s ease; -moz-transition: color .1s ease,background-color .1s ease,box-shadow .1s ease; -o-transition: color .1s ease,background-color .1s ease,box-shadow .1s ease; transition: color .1s ease,background-color .1s ease,box-shadow .1s ease; } .dropdown i.expand-more { font-size: 20px; width: 30px; } .dropdown .expand-more { color: inherit; } #index #wrapper, .common-home #wrapper { padding-top: 0; padding-bottom: 0; } .owl-controls .owl-nav { width: 48px; height: 48px; display: inline-block; position: absolute; margin-left: 50%; top: 37%; margin-top: -24px; left: -24px; opacity: 0; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; } @media only screen and (min-width: 1200px) { .owl-controls .owl-nav { background-image: url(../../../assets/img/19201/Touch-Drag.png); background-repeat: no-repeat; } } .owl-carousel.owl-loaded:hover .owl-controls .owl-nav { opacity: 1; } .owl-controls .owl-dots { margin: 0 auto; text-align: center; display: block; width: 100%; height: 10px; position: absolute; bottom: 0; } .owl-controls .owl-dots .owl-dot { width: 8px; height: 8px; margin: 0 2px; border-color: #999; border-width: 1px; border-style: solid; border-radius: 4px; display: inline-block; } .owl-controls .owl-dots .owl-dot.active { border-color: #333; background-color: #333; } #uhu_tj_9502 .owl-controls .owl-dots { top: 5px; right: 15px; } #wrapper .banner img { box-shadow: none; } #uhu_tj_9502 .product_list .product-layout .product-description-short { display: none; } #main .page-footer { margin-bottom: 0; } #index #wrapper-header, .common-home #wrapper-header { display: none; } #uhu_tj_9502 .product_list .product-layout .product-thumbnail { display: block; } #uhu_tj_9502 .product_list .product-layout .highlighted-informations { display: none; } #wrapper-header .page-header-title { text-align: center; padding-left: 0.9375rem; padding-right: 0.9375rem; font-size: 18px; margin-bottom: 2rem; text-transform: uppercase; font-weight: normal; } #wrapper-header .breadcrumb { margin-bottom: 0; list-style: none; background-color: transparent; border-radius: 0; font-size: 12px; padding-left: 0.9375rem; padding-right: 0.9375rem; border: none; padding-top: 0; padding-bottom: 0; } #wrapper-header .breadcrumb[data-depth='1'] { display: none; } #wrapper-header .breadcrumb ol { padding-left: 0; } #wrapper-header .breadcrumb li { display: inline-block; text-shadow: none; width: auto; padding: 0; } #wrapper-header .breadcrumb li::after { content: '/'; border: none; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); position: static; display: inline-block; height: auto; width: auto; line-height: inherit; margin: 0 8px; } #uhu_tj_9502 .product_list .product-layout .product-flags li.new { display: none; padding: 0px 10px; font-size: 10px; font-weight: 300; } #uhu_tj_9502 .product_list .product-layout .product-availability { display: none; } #wrapper-header .breadcrumb li:last-child { content: '/'; color: #878787; } #wrapper-header .breadcrumb li:last-child::after { content: ''; } #product #wrapper #content-wrapper .container, #wrapper.product-home #content-wrapper .container { padding-left: 0.9375rem; padding-right: 0.9375rem; } @media only screen and (min-width: 1200px) { #product #wrapper #content-wrapper .container, #wrapper.product-home #content-wrapper .container { max-width: 1230px; margin-left: auto; margin-right: auto; } } #product #wrapper #content-wrapper .tabs-wrapper .container, #wrapper.product-home #content-wrapper .tabs-wrapper .container { padding-left: 0.9375rem; padding-right: 0.9375rem; } @media only screen and (min-width: 1200px) { #product #wrapper #content-wrapper .tabs-wrapper .container, #wrapper.product-home #content-wrapper .tabs-wrapper .container { max-width: 1230px; margin-left: auto; margin-right: auto; } } #uhu_news .owl-controls .owl-dots { top: -30px; right: 15px; } #uhu_news .block_content ul { display: block; } #uhu_news .block_content .title_news { display: block; font-size: 1rem; text-transform: uppercase; } #uhu_news .block_content .sub_title { display: block; margin-bottom: 1rem; font-size: 13px; } #uhu_news .block_content .desc { font-size: 13px; line-height: 21px; } #uhu_news .block_content .foot_title { display: block; text-align: right; font-size: 13px; } #uhu_news .block_content .foot_subtitle { display: block; text-align: right; font-size: 13px; } #search_block_hide { float: none; max-width: 100%; position: fixed; top: 35px; left: 0; padding: 0; width: 100%; height: 100%; margin-top: 0; background-color: rgba(0, 0, 0, 0.75); z-index: 1000; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } #search_block_hide .content { margin: 0 auto; margin-top: 50vh; float: none; background-color: #FFF; padding: 50px; top: -70px; position: relative; overflow: hidden; } @media only screen and (min-width: 768px) { #search_block_hide .content { max-width: 720px; } } @media only screen and (min-width: 992px) { #search_block_hide .content { max-width: 940px; } } @media only screen and (min-width: 1200px) { #search_block_hide .content { max-width: 1170px; } } #search_block_hide .content input[type=text] { width: 100%; background-color: transparent; border-width: 0 0 1px 0; border-style: solid; padding: 0 42px 0 0; height: 44px; box-shadow: none; } #search_block_hide .content button[type=submit], #search_block_hide .content button[type=button] { bottom: 55px; right: 50px; position: absolute; border: none; background: none; z-index: 2; } @media only screen and (min-width: 768px) { #header .header-top .container { max-width: 100%; padding: 0; } } .marginb { margin-bottom: 3em; } .price { font-size: 14px; } .regular-price { text-decoration: line-through; font-size: 10px; } .product-description-short { display: none; } .product-availability { display: none; } .discount { display: none; } .best { display: none; } #header .header-nav .blockcart { border-left: none; float: none; z-index: 1001; padding: 0; position: fixed; bottom: 250px; left: initial; right: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 0px; display: block; top: inherit; background-color: #000; color: #FFF; margin-bottom: 0; } #search_block_hide #clear-icon { position: absolute; top: 5px; right: 5px; } .tabs { font-size: 0.875em; padding-left: 0.9375rem; padding-right: 0.9375rem; } .tabs .nav-tabs { margin: 0 0 3.125em; padding: 0 0 1.875em; } .tabs .nav-tabs .nav-item { margin-bottom: 0; margin-right: 8em; } .tabs .nav-tabs .nav-link.active { border: none; background-color: transparent; } .tabs .nav-tabs .nav-link { border: none; background-color: transparent; padding: 0; letter-spacing: 2px; font-size: 1.125em; text-transform: uppercase; font-weight: normal; } .product-prices { display: inline-block; width: 100%; margin-bottom: 1em; } .product-information { font-weight: normal; margin-top: 1.5em; font-size: 14px; letter-spacing: 0.0625em; line-height: 1.5em; } .product-actions { display: inline-block; width: 100%; } .social-sharing { margin-top: 2.5rem; } .block-categories { padding: 0; margin-top: 0; margin-bottom: 50px; } .block-categories .category-sub-menu li { position: relative; } .block-categories .category-sub-menu .category-sub-link { font-size: 0.8125rem; } #search_filters { padding: 0; margin-top: 0; margin-bottom: 50px; } .facets-title { margin-bottom: 30px; display: block; font-size: 18px; } .card, .page-customer-account #content, .page-order-detail .box, .page-my-account .links a, .tabs, .product-cover img, .product-images > li.thumb-container > .thumb, .block-categories, #search_filters, .featured-products .thumbnail-container, #product #block-reassurance, .social-sharing li, .list-group-item, .page-content.page-cms { box-shadow: none; background-color: transparent; } #left-column .widget { border-bottom: 2px solid #f6f6f6; padding-bottom: 30px; margin-bottom: 40px; } #left-column .widget:last-child { border: none; } .facet ul { margin-left: 25px; } .block-category { display: none; } .products-selection { margin-top: 0; margin-bottom: 20px; margin-left: 0; margin-right: 0; } .products-selection .col-md-4 { display: none; } .products-selection .col-md-8 { border-bottom: 2px solid #ebebeb; margin-bottom: 50px; font-size: 14px; padding-right: 0; padding-left: 0; width: 100%; } .btn-primary .material-icons { display: none; } .product-quantity label { display: none; } .product-quantity .bootstrap-touchspin { margin: 0; padding-right: 10px; } .bootstrap-touchspin .btn-touchspin { border: none; background-color: transparent; } #product-availability .product-available { display: none; } #block-reassurance li .block-reassurance-item { padding: 0.25em 0; } #block-reassurance span { font-weight: 300; font-size: .875em; letter-spacing: 0.15em; font-family: lato; text-transform: uppercase; } #block-reassurance li { border-bottom: none; } .product-add-to-cart { display: inline-block; margin: 0; } .product-prices span { height: 30px; line-height: 30px; display: inline-block; font-size: 1.2em; font-weight: normal; float: left; } .has-discount .discount { position: static; width: auto; display: inline-block; border-radius: 0; padding: 0 10px; height: 30px; line-height: 30px; } .product-prices p { margin-bottom: 0; } li.product-flag:last-child { margin-top: 10px; margin-left: 10px; font-size: 12px; line-height: 22px; height: 22px; padding-top: 0; padding-bottom: 0; } .tabs .nav-tabs .nav-link:hover { border: none; background-color: transparent; } #header .header-nav .blockcart .header { margin-top: 0; } #header .header-nav .user-info .account { margin-right: 0.5em; display: inline-block; height: inherit; } #header .header-nav .user-info .login, #header .header-nav .user-info .logout { text-transform: uppercase; letter-spacing: 0.075em; font-size: 0.75em; height: inherit; float: right; } #header .header-nav .cart-preview .shopping-cart { margin-right: 5px; } #header .header-nav .blockcart a { text-transform: uppercase; letter-spacing: 0.075em; font-size: 0.75em; } .img-fluid, .img-responsive { width: 100%; } .product-images-wrap { display: block; } .product-thumbnails-wrap { display: block; margin-top: 20px; } .product-images-wrap .owl-controls .owl-nav { background: none; width: auto; top: inherit; left: inherit; bottom: 20px; right: 20px; margin: 0; opacity: 1; } .product-images-wrap .owl-controls .owl-prev { width: 3rem; height: 3rem; line-height: 3rem; padding: 0; text-align: center; display: inline-table; float: left; border: 1px solid #ebebeb; margin-right: 0.5rem; } .product-images-wrap .owl-controls .owl-next { width: 3rem; height: 3rem; line-height: 3rem; padding: 0; text-align: center; display: inline-table; float: right; border: 1px solid #ebebeb; } .product-thumbnails-wrap .owl-item { cursor: pointer; } .product-variants > .product-variants-item select { padding-left: .5rem; background-color: transparent; } .product-variants .color { width: 2rem; height: 2rem; box-shadow: none; } #product .banner { padding-left: 0; padding-right: 0; width: 100%; } .footer-container .container { line-height: normal; width: 100%; } @media only screen and (min-width: 1200px) { .footer-container .container { max-width: 1200px; } } @media only screen and (min-width: 1200px) { .footer-container .container .row { margin-left: 0; margin-right: 0; } } .footer-bottom .container { max-width: 100%; } .footer-bottom .container .row { max-width: 100%; } #product .advertising { width: 100%; padding: 0; } #product .advertising .block_content { max-width: 1230px; margin: 0 auto; padding-left: 0.9375rem; padding-right: 0.9375rem; } #header .header-top .blockcart .body { display: none; } #header .menu.main-nav-mobile { display: block; } @media only screen and (min-width: 768px) { #header .menu.main-nav-mobile { display: none; } } .main-nav-mobile .container>ul>li:nth-child(1) { -webkit-transition: all 0.3s ease-out 0.1s; -khtml-transition: all 0.3s ease-out 0.1s; -moz-transition: all 0.3s ease-out 0.1s; -ms-transition: all 0.3s ease-out 0.1s; -o-transition: all 0.3s ease-out 0.1s; transition: all 0.3s ease-out 0.1s; } .main-nav-mobile .container>ul>li:nth-child(2) { -webkit-transition: all 0.3s ease-out 0.2s; -khtml-transition: all 0.3s ease-out 0.2s; -moz-transition: all 0.3s ease-out 0.2s; -ms-transition: all 0.3s ease-out 0.2s; -o-transition: all 0.3s ease-out 0.2s; transition: all 0.3s ease-out 0.2s; } .main-nav-mobile .container>ul>li:nth-child(3) { -webkit-transition: all 0.3s ease-out 0.3s; -khtml-transition: all 0.3s ease-out 0.3s; -moz-transition: all 0.3s ease-out 0.3s; -ms-transition: all 0.3s ease-out 0.3s; -o-transition: all 0.3s ease-out 0.3s; transition: all 0.3s ease-out 0.3s; } .main-nav-mobile .container>ul>li:nth-child(4) { -webkit-transition: all 0.3s ease-out 0.4s; -khtml-transition: all 0.3s ease-out 0.4s; -moz-transition: all 0.3s ease-out 0.4s; -ms-transition: all 0.3s ease-out 0.4s; -o-transition: all 0.3s ease-out 0.4s; transition: all 0.3s ease-out 0.4s; } .main-nav-mobile .container>ul>li:nth-child(5) { -webkit-transition: all 0.3s ease-out 0.5s; -khtml-transition: all 0.3s ease-out 0.5s; -moz-transition: all 0.3s ease-out 0.5s; -ms-transition: all 0.3s ease-out 0.5s; -o-transition: all 0.3s ease-out 0.5s; transition: all 0.3s ease-out 0.5s; } .main-nav-mobile .container>ul>li:nth-child(6) { -webkit-transition: all 0.3s ease-out 0.6s; -khtml-transition: all 0.3s ease-out 0.6s; -moz-transition: all 0.3s ease-out 0.6s; -ms-transition: all 0.3s ease-out 0.6s; -o-transition: all 0.3s ease-out 0.6s; transition: all 0.3s ease-out 0.6s; } .main-nav-mobile .container>ul>li:nth-child(7) { -webkit-transition: all 0.3s ease-out 0.7s; -khtml-transition: all 0.3s ease-out 0.7s; -moz-transition: all 0.3s ease-out 0.7s; -ms-transition: all 0.3s ease-out 0.7s; -o-transition: all 0.3s ease-out 0.7s; transition: all 0.3s ease-out 0.7s; } .main-nav-mobile .container>ul>li:nth-child(8) { -webkit-transition: all 0.3s ease-out 0.8s; -khtml-transition: all 0.3s ease-out 0.8s; -moz-transition: all 0.3s ease-out 0.8s; -ms-transition: all 0.3s ease-out 0.8s; -o-transition: all 0.3s ease-out 0.8s; transition: all 0.3s ease-out 0.8s; } .main-nav-mobile .container>ul>li:nth-child(9) { -webkit-transition: all 0.3s ease-out 0.9s; -khtml-transition: all 0.3s ease-out 0.9s; -moz-transition: all 0.3s ease-out 0.9s; -ms-transition: all 0.3s ease-out 0.9s; -o-transition: all 0.3s ease-out 0.9s; transition: all 0.3s ease-out 0.9s; } .main-nav-mobile .container>ul>li:nth-child(10) { -webkit-transition: all 0.3s ease-out 1.0s; -khtml-transition: all 0.3s ease-out 1.0s; -moz-transition: all 0.3s ease-out 1.0s; -ms-transition: all 0.3s ease-out 1.0s; -o-transition: all 0.3s ease-out 1.0s; transition: all 0.3s ease-out 1.0s; } .main-nav-mobile .container>ul>li:nth-child(11) { -webkit-transition: all 0.3s ease-out 1.1s; -khtml-transition: all 0.3s ease-out 1.1s; -moz-transition: all 0.3s ease-out 1.1s; -ms-transition: all 0.3s ease-out 1.1s; -o-transition: all 0.3s ease-out 1.1s; transition: all 0.3s ease-out 1.1s; } .main-nav-mobile .container>ul>li:nth-child(12) { -webkit-transition: all 0.3s ease-out 1.2s; -khtml-transition: all 0.3s ease-out 1.2s; -moz-transition: all 0.3s ease-out 1.2s; -ms-transition: all 0.3s ease-out 1.2s; -o-transition: all 0.3s ease-out 1.2s; transition: all 0.3s ease-out 1.2s; } .main-nav-mobile .container>ul>li { position: relative; -webkit-transform: translateX(-30px); -khtml-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); filter: alpha(opacity=0); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } .main-nav-mobile .container>ul.opened-nav li { -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); filter: alpha(opacity=100); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } .menu ul.opened-nav li .nav_pop { display: none; } .menu ul.opened-nav li .grover { cursor: pointer; height: 50px; line-height: 50px; position: absolute; right: 0; text-align: center; top: 0; width: 40px; } .sf-search #searchbox { position: relative; padding: 10px; } #header .header-nav .blockcart span { display: none; } #header .header-nav .blockcart span.cart-products-count { position: absolute; top: 0; right: 0; width: 20px; height: 20px; line-height: 20px; border-radius: 10px; display: block; } @media only screen and (min-width: 768px) { #header .header-nav .blockcart span.cart-products-count { padding: 0; font-size: 12px; height: 20px; line-height: 20px; width: 20px; text-align: center; border-radius: 0; position: absolute; } } .quickview .modal-dialog { width: 602px; } .quickview .images-container { display: block; } .quickview .product-images-wrap { width: 270px; } .quickview .product-thumbnails-wrap { width: 270px; } .quickview .product-quantity { margin-top: 0; } #header .header-nav .cart-label { display: none; } #header .header-nav .cart-products-count { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 12px; background-color: black; position: absolute; top: 0; right: 0; } .card-block { overflow: hidden; } #cart .social-sharing { display: none; } .block_newsletter { width: 100%; float: left; margin-bottom: 2em; } .reassure ul li .list-container { margin-bottom: 0; } .reassure ul li h3 { letter-spacing: normal; } .reassure ul li p { letter-spacing: normal; } #uhu_contactus { padding-left: 0; padding-right: 0; } #uhu_contactus ul { line-height: 32px; } #uhu_contactus ul li i { margin-right: 10px; float: left; height: 32px; line-height: 32px; } #uhu_social { margin-bottom: 0; } #uhu_social ul { margin-bottom: 0; text-align: center; } #uhu_social ul li { float: left; padding: 0; margin: 7px 7px 7px 0; } #uhu_social ul li a span { width: 26px; height: 26px; display: block; background-repeat: no-repeat; background-size: contain; } ul.spin li a span, ul.scale li a span, ul.translate li a span { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } ul.spin li a span:hover { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); } ul.scale li a span:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } ul.translate li a span:hover { transform: translate(0,-10px); -webkit-transform: translate(0,-10px); -moz-transform: translate(0,-10px); -o-transform: translate(0,-10px); -ms-transform: translate(0,-10px); } #uhu_news p:before { font-family: 'Material Icons'; font-size: 24px; margin-right: 10px; content: '\e8dc'; } .banner-counter .boxName { display: none; } #search_filters .facet .facet-label a { font-size: 0.8125rem; } .material-icons { vertical-align: middle; } .banner-counter .countDays .boxName { display: inline-block; width: auto; height: 3rem; line-height: 4rem; font-size: 0.7vw; overflow: hidden; } .banner-counter .points:first-of-type { display: none; } .product-layout .product-thumbnail .image-cover { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .product-layout .product-thumbnail .image-hover { top: 0; position: absolute; overflow: hidden; left: 0; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(-100%, 0px); -ms-transform: translate(-100%, 0px); -o-transform: translate(-100%, 0px); transform: translate(-100%, 0px); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .product-layout:hover .product-thumbnail .image-cover { -webkit-transform: translate(100%, 0px); -ms-transform: translate(100%, 0px); -o-transform: translate(100%, 0px); transform: translate(100%, 0px); } .product-layout:hover .product-thumbnail .image-hover { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } .highlighted-informations .down { font-size: 0.8125em; text-transform: uppercase; border: none; } .highlighted-informations .down span {display: none;} .product-list-actions .up { background-color: #FFF; } .product-layout .product-thumbnail:after { content: ''; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 0; height: 103%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .product-layout:hover .product-thumbnail:after { width: 100%; height: 100%; opacity: 1; } /* #uhu_gj_9531 ul li .image-container a:before, #uhu_gj_9531 ul li .image-container a:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } #uhu_gj_9531 ul li .image-container:hover a:before, #uhu_gj_9531 ul li .image-container:hover a:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #uhu_gj_9531 ul li .image-container a:before { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; -webkit-transform: scale(0,1); transform: scale(0,1); } #uhu_gj_9531 ul li .image-container a:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); } */ .new:before { content: ''; position: absolute; width: 6px; height: 6px; display: block; background: #2fb5d2; bottom: -5px; -webkit-transform: rotate(45deg) translateX(-50%); -khtml-transform: rotate(45deg) translateX(-50%); -moz-transform: rotate(45deg) translateX(-50%); -ms-transform: rotate(45deg) translateX(-50%); -o-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); left: 50%; } #category-products .products-select { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; box-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; -o-align-items: baseline; align-items: baseline; -ms-flex-align: baseline; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } #wrapper-header .page-header-title[data-depth='1'] { display: none; } #uhu_specials .position { width: 16px; height: 30px; line-height: 30px; font-size: 1rem; font-weight: normal; display: inline-block; } #uhu_specials .digit { width: 100%; display: inline-block; letter-spacing: 0; } #uhu_specials .points { display: inline-block; height: 30px; line-height: 30px; width: 10px; font-size: 12px; font-weight: bold; vertical-align: top; } #uhu_specials .boxName { display: none; } #uhu_specials .countDays .boxName { display: inline-block; width: auto; height: 30px; line-height: 30px; font-size: 12px; overflow: hidden; vertical-align: bottom; } #uhu_specials .countDays, #uhu_specials .countHours, #uhu_specials .countMinutes, #uhu_specials .countSeconds { display: inline-block; width: auto; padding: 0; text-align: center; margin: 0; } #uhu_specials .product_list { display: block; } #uhu_specials .countdown-content { width: auto; margin-top: 9px; font-size: 15px; height: auto; padding-top: 0; overflow: hidden; text-align: center; } #uhu_specials .points:first-of-type { display: none; } #uhu_specials .thumbnail-container { padding: 15px; } #uhu_specials .title_content { display: none; } #uhu_specials .discount-percentage { top: -57px; } #header .header-banner .container { width: 100%; padding-left: 0; padding-right: 0; } #header .header-banner .row { margin-left: 0; margin-right: 0; } #uhu_topbanner { width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 0; position: relative; } #banner_counter_top { position: absolute; width: auto; margin-left: 0; font-size: 15px; height: auto; padding-top: 0; left: 15px; bottom: 15px; color: #FFF; } #uhu_topbanner .item-html { top: 60%; } #uhu_topbanner #close-banner { position: absolute; top: 0; right: 0; cursor: pointer; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } #uhu_topbanner #close-banner:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .hidden { display: none !important; visibility: hidden !important; } .product-price-and-shipping .regular-price, .product-price-and-shipping .price-old { text-decoration: line-through; line-height: 20px; } .input-group .input-group-btn > .btn { background: none; } .login-form .btn-primary { float: none; } .product-quantity .input-group-btn-vertical .btn { padding: 8px 10px; height: 22px; } ul { list-style: none; padding-left: 0; } #cart > .btn { border: none; background: none; text-shadow: none; border-radius: 0; box-shadow: none; line-height: inherit; padding: 0; height: inherit; text-align: right; display: block; } #header .menu .nav_item li.news dl.pop_adver dd { text-align: left; } #cart .cart-total { float: right; padding-right: 15px; padding-left: 5px; } #product .form-group .control-label { width: auto; float: left; line-height: 48px; height: 48px; margin-right: 8px; margin-bottom: 0; font-size: 16px; text-transform: uppercase; } #product .form-group #input-quantity { width: auto; float: left; line-height: 48px; height: 48px; margin-right: 8px; text-align: center; } .btn-default { float: left; height: 48px; line-height: 48px; background: none; text-shadow: none; box-shadow: none; padding: 0 45px; text-transform: uppercase; font-weight: 600; font-size: 1em; border-width: 1px; } .form-group { overflow: hidden; } #product .form-group .btn-primary { width: auto; float: left; margin-right: 8px; } #product .form-group .btn-default.btn-block { width: 100%; } .alert-info { background-color: transparent; border-color: transparent; } #product .form-group #button-wishlist, #product .form-group #button-compare { margin-right: 8px; padding: 0; width: 48px; } input[type=checkbox], input[type=radio] { margin: 8px 0 0; } label { font-size: 13px; } .product-actions h3 { font-size: 18px; } #product .rating { font-size: 13px; line-height: 20px; height: 20px; } .rating .fa-stack { width: 8px; height: 20px; line-height: 20px; vertical-align: bottom; } .highlighted-informations button { background-color: #FFF; border-width: 1px; border-style: solid; border-color: #FFF; width: 38px; padding: 0; height: 38px; line-height: 38px; margin: 0 3px; } .product-price-and-shipping .price-tax { font-size: 12px; display: block; } .product-list .product-thumbnail { width: 30%; float: left; } .product-list .product-description { width: 70%; float: left; text-align: left; padding-left: 30px; } .product-list .highlighted-informations { display: none; } .product-list .product-title { padding-left: 0; } .product-list .product-description-short { display: block; } .product-list .product-list-actions .add-to-cart { opacity: 1; -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); left: 0; position: static; display: block; margin-top: 15px; } #list-view, #grid-view { width: 30px; height: 30px; line-height: 30px; padding: 0; border: none; background: none; box-shadow: none; } #list-view .fa, #grid-view .fa { font-size: 20px; line-height: inherit; } .input-group .input-group-addon { background-color: transparent; border-color: transparent; } .input-group .form-control { border-radius: 0; } .well { background-color: transparent; border-color: transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .list-group a { font-size: 14px; border-radius: 0 !important; border: none; } .list-group a.active, .list-group a.active:hover, .list-group a:hover { background: none; border: none; text-shadow: none; } .panel-default { border-color: transparent; } .panel { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .panel-default>.panel-heading { border-radius: 0; } .panel-body { border-top: 0 !important; } .input-group .form-control[name^=quantity] { min-width: 50px; height: 34px; line-height: 34px; text-align: center; max-width: 50px; padding: 0; } .input-group .button_update { height: 34px; line-height: 34px; padding: 0; width: 38px; } .input-group .button_remove { border-radius: 0; } .input-group .button_update .fa { line-height: inherit; } #uhu_xp_9501 .highlighted-informations button { width: 34px; padding: 0; height: 34px; line-height: 34px; } #uhu_xp_9501 .product-layout:hover .product-list-actions .add-to-cart { height: 34px; line-height: 34px; font-size: 12px; border-width: 1px; padding: 0; width: 122px; } .alert-success { border-radius: 0; } @media only screen and (min-width: 1200px) { #uhu_topbanner .content { max-width: 1230px; left: calc(50% - 615px); } } #cart > .btn i { font-size: 1rem; line-height: 40px; width: 40px; color: inherit; vertical-align: middle; padding-right: 0; text-align: center; } .btn-group .btn { padding: 0; width: 100%; height: 100%; line-height: inherit; display: block; } #uhu_tj_9502 .product-list-actions .add-to-cart {} footer h5 { color: inherit; } #uhu_singletop { margin-bottom: 15px; } #home-page-tab .product-price-and-shipping { height: 30px; } .category-home .product-description { margin: 15px 0 30px 0; } .bottom-pagination-content { font-size: 13px; border-top: 1px solid #d6d4d4; } #home-page-tab .product-title { height: 55px; } #home-page-tab .rating { width: 100%; } .rating .fa-star-o { font-size: 11px; } .rating .fa-star { font-size: 11px; } #header .menu ul.umenu li.relative { position: relative; } #header .menu .nav_item li .minwidth { min-width: 200px; } #header .menu ul.umenu li.lnk dl.pop_content dd { margin-bottom: 0; width: 100%; } #uhu_contactus_foot ul li { margin: 10px 0; font-size: 12px; line-height: 18px; height: 36px; padding-left: 15px; padding-right: 15px; width: 50%; float: left; } #header.header-container { margin: 0 auto; } #uhu_xp_9502 .product_list .product-layout .comments_note { position: absolute; width: 100%; bottom: 0; } .contactus.news p { font-size: 13px; line-height: normal; } #uhu_xp_9501 .product_list .product-layout .comments_note { position: absolute; width: 100%; } #cart.open > .btn { border: none; background: none; } #cart .dropdown-menu { left: inherit; right: 40px; padding: 0; margin-top: 0; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; top: 0; font-size: 13px; } #cart .dropdown-menu table { display: none; } #cart .dropdown-menu li > div { min-width: 100px; } #cart .dropdown-menu li p { white-space: nowrap; font-size: 12px; font-weight: normal; margin: 0; } .products-wrapper { padding-left: 0.9375rem; padding-right: 0.9375rem; } @media only screen and (min-width: 1200px) { .products-wrapper { max-width: 1230px; margin-left: auto; margin-right: auto; } } #header .header-nav .container .row { margin-right: 0; margin-left: 0; } @media only screen and (min-width: 1200px) { .category-home .container { max-width: 1230px; } } #uhu_xp_9502 .product-layout.cols { padding-top: 0; padding-bottom: 0; border: none; } #uhu_xp_9502 .noslider.product_list { margin: 0 -15px; } .product-layout .countdownHolder { width: auto; height: auto; padding: 0; position: absolute; top: 15px; } .product-layout .countDays, .product-layout .countHours, .product-layout .countMinutes, .product-layout .countSeconds { border-width: 1px; border-style: solid; padding: 7px 5px; margin-bottom: 10px; } .product-layout .position { width: auto; height: 20px; line-height: 20px; font-size: 13px; } .product-layout .digit { display: block; letter-spacing: 0; color: #777; } .product-layout .points { display: none; } .product-layout .boxName { display: inline-block; font-size: 12px; } @media only screen and (min-width: 1200px) { #home-page-contents { max-width: 1170px; margin: 0 auto; } } .footer-container .footer-content .row { margin-left: 0; margin-right: 0; } header .content .row #logo { display: block; } #home-page-tab .product-layout { margin-bottom: 40px; } #home-page-tabs .nav-item { margin: 0; display: inline-block; float: none; padding: 0 15px; } /* Checkout Page*/ body#checkout #header .header-nav {box-shadow: none;padding: 0;margin-top: 0;} body#checkout section.checkout-step {box-shadow: none; background-color: transparent;} #checkout #search_widget {display: block;} .product-prices {margin-bottom: 20px;} .product-prices div {display: inline-block; margin-bottom: 0;} .product-line-grid-right .bootstrap-touchspin>.form-control, .product-line-grid-right .bootstrap-touchspin>.input-group {background-color: transparent;} /* Contact us */ .input-group .input-group-btn>.btn {font-size: 12px;padding: 0 1rem;color: inherit;height: 36px;line-height: 36px;} .form-control-comment {height: 36px;line-height: 36px;font-size: 12px;padding-top: 0;} .form-control:focus,.input-group.focus {outline:1px solid #ff0000;} @media only screen and (max-width: 767px) { ul.product_list.list li .right-block { border-width: 0; } ul.product_list.grid li .product-container { padding: 30px 0;} ul.product_list.grid li.ajax_block_product {padding: 0;} .quickview .modal-dialog { width: 95%; } header .row #logo img {width: auto;} #sign_block_top {float: left;} #sign_block_top .dropdown .expand-more {display: none;} #languages-block-top {float: right;} #currencies-block-top {float: right;} #header .header-nav #sign_block_top ul li.nopadding {display: none;} #header .header-nav #sign_block_top ul li.search {display: none;} #header .header-nav .currency-selector .cur-label {display: none;} #header .header-nav .language-selector .lang-label {display: none;} #header .header-top .blockcart { position: absolute !important; top: 10px !important; right: 20px !important; background-color: transparent !important; width: 40px; height: 40px; line-height: 40px; } }