body { color:#444; font-size:16px; line-height: 24px; font-family: "Open Sans"; } h1, h2, h3 ,h4, h5{ font-family: "Yeseva One"; } h1{ text-transform: uppercase; } .h1-title-wrap{ text-align: center; margin-bottom: 30px; } @font-face { font-family: 'Intro'; src: url('../font/Intro.ttf') format('truetype'), url('../font/Intro.woff') format('woff'); font-weight: normal; font-style: normal; } .filter-category-top{ margin-left: 0!important; } .filter-category-top #category-select{ padding: 15px 10px; font-size: 17px; width: 100%; } .atribute-pop-wrap{ float: left; width: 65%; padding-left: 25px; } /* BREADCRUMBS */ .breadcrumbs-wrap{ background: #f5f5f5; float: left; width: 100%; margin: 0px 0 30px 0; } #breadcrumbs{ width: 1280px; padding: 10px; margin: auto; } #breadcrumbs > a{ text-decoration: none; font-size: 14px; text-transform: uppercase; color: #333; } #breadcrumbs > a:hover{ color: #005eb8; transition: 0.3s; } .breadselected{ color: #dcaba6; text-transform: uppercase; font-size: 14px; } /* BREADCRUMBS END */ .footer-colum-last-footer{ height: 250px; } .top-home-banner{ max-width: 1920px; margin: auto; } .header-search-wrap{ float: left; } .top-info{ width: 1280px; margin: auto; } .top-info-left{ float: left; font-size: 15px; background: url(../images/delivery-options.png); background-repeat: no-repeat; background-position: 0 3px; padding-left: 40px; color: #000; } .top-info-right{ float: right; font-size: 14px; color: #777; } .top-info-right a, .top-info-left a{ color: #777; text-decoration: underline!important; } .category-icons-wrap{ float: left; width: 48%; margin: 40px 10px 20px; } .category-icons-wrap h2 {text-align: center; padding-bottom: 20px; border-bottom: 1px solid #000; margin-bottom: 20px;} .category-icons-wrap a{ text-decoration: none; color: #333; } .category-icons{ width: 32.6%;; float: left; text-align: center; } .category-icons-text{ color: #333; padding: 75px 0 0 0; font-size: 20px; } .bluzi { background: url(../images/woman-t-shirt.jpg) no-repeat center top; } .saka { background: url(../images/woman-jakets.jpg) no-repeat center top; } .rokli { background: url(../images/woman-dresses.jpg) no-repeat center top; } .teniski { background: url(../images/man-t-shirt.jpg) no-repeat center top; } .pantaloni { background: url(../images/man-pants.jpg) no-repeat center top; } .rizi { background: url(../images/man-shirts.jpg) no-repeat center top; } .left-home-banner, .mid-home-banner, .right-home-banner{ /*width: 28%;*/ display: inline-block; margin: 0; text-align: center; } .catIcon_10{ background-color: #dcaba6; color: #fff!important; } .home-trio-banner{ margin-bottom: 40px; width: 100%; text-align: center; } #text{ padding: 0 100px; margin-top: 70px; margin-bottom: 30px; } #text h1{ text-align: center; line-height: 1.3em; padding-bottom: 20px; } .not-found-wrap{ max-width: 800px; margin: auto; text-align: center; font-size: 23px; line-height: 1.5em; } .not-found-wrap p{ margin: 35px 0; } .not-found-wrap span{ font-size: 50px; font-weight: bold; color: #dcaba6; } .not-found-btn{ text-decoration: none; color: #dcaba6; font-weight: bold; } .footer-contacts-a , .footer-contacts-b { display: inline-block; margin:10px 0; } .footer-contacts-a a{ background: url(../images/call-answer.png) no-repeat; width: 30%; color: #999!important; padding-left: 23px; background-position: 0 1px; } .footer-contacts-b a{ background: url(../images/close-email.png) no-repeat; width: 49%; color: #999!important; padding-left: 23px; background-position: 0 3px; } .footer-contacts-c{ background: url(../images/clock-call.png) no-repeat; padding-left: 23px; color: #999; margin-top: 8px; background-position: 0 3px; } .mobile-contacts-a, .mobile-contacts-b, .mobile-contacts-c, #mobile-nav > li:first-child, #mobile-nav > li:nth-child(2){ padding: 0 25px; } .mobile-contacts-a a{ background: url(../images/call-answer.png) no-repeat left center!important; background-size: 5px 5px; border-top: 1px solid #9993; } .mobile-contacts-b a{ background: url(../images/close-email.png) no-repeat left center!important; background-size: 5px 5px; } .mobile-contacts-c a{ background: url(../images/clock-call.png) no-repeat left center!important; background-size: 5px 5px; } .mobile-contacts-c{ border-bottom: 1px solid #9993; } /* CHECKBOXES AND RADIO BUTTONS */ #toggleFrame{ height: auto!important; } .fast-btn-wrap input{ height: 30px; width: 240px; } .fast-btn-wrap-last{ margin: 5px 0; } #formInputFields .btn{ margin-bottom: 10px; background: #7EA238; color: #fff; } input[type=checkbox]:not(old), input[type=radio ]:not(old){ position: absolute; background: url(/images/icons/checkbox.png)left no-repeat; width: 20px; height: 20px; margin: 0; padding: 0; opacity : 0; } input[type=checkbox]:not(old) + label{ display: inline-block; background: url(/images/icons/checkbox.png) no-repeat; padding-left: 30px; line-height: 24px; background-position: 0 3px; } input[type=checkbox]:not(old):checked + label{ background: url(/images/icons/checkbox-checked.png) no-repeat; background-position: 0 3px; } input[type=radio]:not(old) + label{ display: inline-block; background: url(/images/icons/radio.png)left no-repeat; padding-left: 30px; line-height: 24px; background-position: 0 2px; } input[type=radio]:not(old):checked + label{ background: url(/images/icons/radio-checked.png)left no-repeat; background-position: 0 2px; } .fast-btn-wrap input[type=checkbox]:not(old), .fast-btn-wrap input[type=radio]:not(old), .fast-btn-wrap input[type=checkbox]:not(old) + label, .fast-btn-wrap input[type=checkbox]:not(old):checked + label, .fast-btn-wrap input[type=radio]:not(old):checked + label{ background: none!important; } /* CHECKBOXES AND RADIO BUTTONS END */ /* FILTERS */ .filters-wrap{ float: left; width: 100%; position: relative; } .filters-wrap ul li{ width: auto; text-align: center; margin: 10px; float: left; } .filters-wrap > ul > li{ float: left; width: 100%; margin: 10px 0; } .filters-wrap > ul > li > a{ color: #333; font-weight: bold; } .filters-wrap > ul > li > ul{ box-sizing: border-box; margin-top: 5px; } .selected-category{ background: #dcaba6 !important; color: #FFF !important; font-weight: bold !important; } .selected-group{ background-color: #dcaba6 !important; } .ui-widget-content img{ padding-right: 20px; } .ui-dialog{ width: auto; } .ui-dialog-titlebar { width: 100%; } .ui-dialog-titlebar{ width: 100%; box-sizing: border-box; float: left; } .ui-corner-all{ } .filters-wrap ul li a{ color: #333; text-decoration: none; } .filter-wrap{ margin: 5px 0; } .filters-wrap h2{ color: #005eb8; } .selected-filters{ width: 100%; float: left; } .selected-filters ul { width: 80%; float: left; } .selected-filters ul li{ background-color: #f5f5f5; } .filter-group{ width: 18%; cursor: pointer; position: relative; float: left; margin: 15px 5px; } .slider-price > span:nth-child(2){ float: right; } .filter-group-last .filter-drop{ border: none; } .filters-wrap-none{ display: none; } .fitler-trigger-price{ border: none!important; } .filter-group-last{ float:right; background-color: #f5f5f5!important; } .fitler-trigger{ padding: 15px 10px; font-size: 18px; border: 1px solid rgb(169, 169, 169);; } .filter-group-last .filter-drop{ background: #f5f5f5; } .ui-state-default:first-child{ background-color: #7EA238!important; } .filter-button{ width: 100%; float: left; color: #005eb8; font-size: 16px; background: none; border: 1px solid #005eb8; padding: 10px 20px; box-sizing: border-box; margin-bottom: 5px; cursor: pointer; } .filter-drop{ display: none; position: absolute; border-right: 1px solid rgb(153, 153, 153); border-bottom: 1px solid rgb(153, 153, 153); border-left: 1px solid rgb(153, 153, 153); border-image: initial; padding: 5px; border-top: none; right: 0px; left: 0px; z-index: 99; background-color: rgb(255, 255, 255); } .filter-button:hover{ background: #005eb8; color: #fff; transition: 0.2s; } .selected-filter:first-child{ margin-left: 0; } .selected-filter{ display: inline-block; margin: 8px 10px; padding:5px 10px; background: url("../images/icons/cross-png.jpg") right no-repeat; background-size: 25px; cursor: pointer; padding-right: 40px; } .selected-filter:last-child{ margin-right: 0; } .filter-button-reset{ width: auto; margin-top: 10px; float: left; color: #f0280a; font-size: 16px; background: none; border: none; padding: 10px 20px; box-sizing: border-box; cursor: pointer; } .filter-group h3{ -webkit-appearance: menulist; font-weight: 500; font-family: "Open Sans"; } .profile-menu a:hover{ color: #333; } .filter-category-top #category-select{ font-family: "Open Sans"; } .category-groups{ margin-bottom: 15px; float: left; width: 100%; } .category-groups ul li{ display: inline-block; text-decoration: none; } .category-groups ul li a{ text-decoration: none; padding: 5px 10px; margin-right: 18px; color: #fff; background: #333; } /* FILTERS END */ /* HEADER NEW*/ /* TOP HEAD */ .top-head-wrap{ width: 100%; float: left; background: #005eb8; } .cart-logo{ text-align: center; border-bottom: 1px solid #9997; } .top-head{ width: 1280px; height: 24px; margin: auto; padding: 5px 0; } .top-head-left{ float: left; width: 40%; text-align: left; } .top-head > div > span{ color: #fff; } .top-head-left > span:first-child{ background: url("../images/icons/phone-icon.png"); background-repeat: no-repeat; background-size: 18px; background-position: 5px; padding: 0 30px; } .top-head-left > span:nth-child(2){ background: url("../images/icons/email-icon.png"); background-repeat: no-repeat; background-size: 20px; background-position: 5px; padding: 0 30px; } .top-head-right{ float: right; width: 40%; text-align: right; } .top-head-right > span:first-child{ padding-right: 10px; } .top-head-right > span:nth-child(2){ padding-left: 10px; } /* TOP HEAD END */ /* MID HEAD */ .mid-head-wrap{ width: 100%; float: left; } .mid-head{ width: 1280px; margin: auto; } .logo-wrap{ width: 100px; float: none; position: absolute; text-align: center; margin: 10px auto; left: 0; top: 0; right: 0; } .logo-wrap > a > img{ max-width: 100%; } .header-search-wrap{ width: 350px; } .header-search-form{ width: 100%; float: left; padding: 2px; margin-top: 35px; box-sizing: border-box; } .header-search-imput{ background: none; width: 90%; float: left; border: none; height: 30px; padding: 0 10px; box-sizing: border-box; font-size: 17px; border-bottom: 1px solid #333; } .header-search-imput::placeholder{ color: #333; } .header-search-button{ background: url(../images/icons/header-search-button.png) right; background-size: 25px; background-repeat: no-repeat; width: 25px; height: 34px; float: right; border: none; cursor: pointer; font-size: 18px; color: #fff; } .search-trigger{ float: right; height: 30px; width: 30px; margin: 12px 0; cursor: pointer; } input:focus, textarea:focus, select:focus{ outline: none; } .header-actions-wrap{ float: right; width: 450px; margin: 48px 0; } #shopping-cart-wrap{ float: right; cursor: pointer; position: relative; } .shopping-cart-icon{ background: url(../images/icons/cart-icon.jpg); background-size: 29px; background-repeat: no-repeat; width: 30px; height: 27px; padding-right: 5px; float: left; } #shopping-cart-size{ font-size: 10px!important; background-color: #dcaba6; width: 18px; height: 18px; text-decoration: none; top: -9px; left: -2px; border-radius: 50%; margin-left: 18px; position: absolute; float: right; display: block; text-align: center; vertical-align: middle; font-weight: bold; color: #FFF; line-height: 18px; } .shopping-cart-caption{ text-decoration: none; color: #333; } .shopping-cart-hover{ display: none; position: absolute; width: 300px; margin-top: 0; background-color: #fff; right: 0; border: 1px solid #f5f5f5; box-shadow: 0px 0px 3px #999; z-index: 9999; list-style-type: none; } .favourite-wrap{ float: right; } .favourite{ float: right; padding-left: 30px; margin: 0 20px; background: url("../images/icons/heart-icon.jpg"); background-size: 22px; background-repeat: no-repeat; background-position: 3px 0; } .favourite > a { font-size: 16px; color: #333; text-decoration: none; } .account-wrap{ float: right; position: relative; padding-bottom: 5px; cursor: pointer; } .account{ padding-left: 28px; background: url(../images/icons/user-icon.jpg); background-size: 26px; background-repeat: no-repeat; background-position: 0 0; } .account-hover-wrap{ display: none; position: absolute; width: 250px; margin-top: 5px; right: 0; border: 1px solid #f5f5f5; box-shadow: 0px 0px 3px #999; background: #fff; z-index: 9999; padding: 10px; box-sizing: border-box; } .account-hover-name{ margin-bottom: 10px; font-weight: bold; color: #333; text-decoration: none; } .account-hover-list{ width: 100%; float: left; margin-top: 5px; } .account-hover-list > a{ width: 100%; float: left; font-size: 14px; text-decoration: none; color: #333; background: #fff; padding: 5px 0px 5px 35px; box-sizing: border-box; } .account-hover-list > a:first-child{ background-image: url("../images/icons/user-icon.png"); background-repeat: no-repeat; background-size: 13px; background-position: 9px 8px; } .account-hover-list > a:first-child:hover{ /*background-image: url("../images/icons/user-icon.png"); background-color: #333; transition: 0.2s;*/ background-color: #f5f5f5; } .account-hover-list > a:nth-child(2){ background-image: url("../images/icons/user-register.png"); background-repeat: no-repeat; background-size: 13px; background-position: 9px 7px; border-top: none; } .left-table-dialog{ width: 23%; } .right-table-dialog{ width: 75%; } .account-hover-list > a:nth-child(2):hover{ /*background-image: url("../images/icons/user-register.png"); background-color: #333; transition: 0.2s;*/ background-color: #f5f5f5; } .account-hover-list > a:nth-child(3){ background-image: url("../images/icons/password-icon.png"); background-repeat: no-repeat; background-size: 13px; background-position: 7px 6px; border-top: none; } .account-hover-list > a:nth-child(3):hover{ /*background-image: url("../images/icons/password-icon.png"); background-color: #333; transition: 0.2s;*/ background-color: #f5f5f5; } .account-hover-list > a:nth-child(4){ background-image: url("../images/icons/exit-icon.png"); background-repeat: no-repeat; background-size: 13px; background-position: 7px 7px; border-top: none; } .account-hover-list > a:nth-child(4):hover{ /*background-image: url("../images/icons/exit-icon.png"); background-color: #333; transition: 0.2s;*/ background-color: #f5f5f5; } .home-circle-wrapper{ width: 100%; max-width: 1920px; margin: auto; background-image: url("../images/banners/home-circle-banner.jpg"); background-repeat: no-repeat; background-position: center; } .home-circle-banners-wrap{ width: 1280px; margin: auto; text-align: center; height: 100%; line-height: 100%; padding: 20px 0; } #mobile-nav > li:nth-child(3) > a{ color:#dcaba6; } #mobile-nav > li:nth-child(2) > a{ background: url(../images/edit.svg) no-repeat left center!important; border-bottom: 1px solid #9993 } #mobile-nav > li:first-child > a{ background: url(../images/in.svg) no-repeat left center!important; } .home-cirlce-banners{ width: 28%; display: inline-block; margin: 0 20px; vertical-align: middle; line-height: initial; } .home-cirlce-banners span{ font-size: 30px; padding-top: 30px; display: block; color: #111; } .body-front-home a{ text-decoration: none; } .body-front-home .products-wrap{ padding: 30px 0; } .logo-wrap-mobile{ display: none; } /* MID HEAD END */ /* BOT HEAD */ .bot-head-wrap{ width: 100%; float: left; } #mainmenu { width: 100%; float: left; } .menu_l1{ width: 1280px; height: 50px; margin: 0 auto; padding: 0; text-align: center; list-style: none; } .item_l1 > a{ font-size: 16px; padding: 13px; display: block; text-decoration: none; color: #333; transition: 0.22s; } .item_l1 > a:hover{ background-color: #dcaba6; transition: 0.22s; color: #fff; } .item_l1{ position: relative; display: inline-block; } .menu_l2{ list-style: none; position: absolute; top: 54px; left: 0px; width: 450px; background-color: #dcaba6; padding: 10px; z-index: 99; margin: 0; display: none; } .menu_l2 > li{ float: left; margin-bottom: 5px; padding: 0; margin-right: 20px; width: 200px; } .menu_l2 > li > a{ font-size: 15px; font-weight: bold; display: block; float: left; width: 100%; text-align: left; text-decoration: none; color: #fff; margin-bottom: 5px; } .menu_l3{ list-style-type: none; } .menu_l3 > li > a{ text-decoration: none; color: #fff; width: 100%; text-align: left; font-size: 14px; display: block; padding: 5px 5px; } .menu_l3 > li > a:hover, .menu_l2 > li > a:hover{ color: #7b7b7b; transition: 0.22s; } /* BOT HEAD END */ /* HEADER END */ /* BODY */ .content-wrap{ width: 1280px; margin: auto; } .content-wrap-inner{ width: 100%; float: left; } .product-tabs-wrap img{ width: 100%!important; height: auto!important;; } .content-wrap-inner h1{ text-align: center; margin-top: 20px; } .info-slide-text{ width: 100%; float: left; } /* SLIDER */ .sider-wrap{ width: 100%; float: left; } .sider-wrap img{ width: 100%; } .homepage-banners-slide{ width: 100%; height: 100%; margin: auto; } .unslider-wrap > li > a{ width: 100%; float: left; } .unslider-wrap > li > a > img{ width: 100%; height: 100%; } /* SLIDER END */ /* PRODUCTS */ #wrapper{ margin: 0 auto; width: 800px; } .new-product-text{ position: absolute; top: -4px; background: url("../images/icons/new-icon.png") left no-repeat; left: -12px; color: #fff; width: 80px; height: 50px; } .promo-pr{ color: #E41D22; } .promo-price{ position: absolute; top: 5px; right: 5px; background: #E41D22; color: #fff; padding: 2px 10px; width: 50px; } .products-heading{ width: 100%; float: left; padding: 10px 0; text-align: center; } .products-heading > h2 > a{ text-decoration: none; color: #111; text-transform: uppercase; font-size: 25px; } .products-wrap{ width: 100%; float: left; padding: 20px 0 50px 0; text-align: center; } .horizontal-groups-wrap{ width: 100%; float: left; } .vertical-groups-wrap{ width: 100%; float: left; } .vertical-group{ width: 48%; padding: 10px; box-sizing: border-box; border-radius: 15px; } .vertical-group > .products-wrap > a > .product-wrap{ width: 200px; height: 350px; display: inline-block!important; float: none; } .vertical-group:first-child{ float: left; } .vertical-group:nth-child(2){ float: right; } .product-listing-wrap{ width: 100%; float: left; margin: 30px 0; } .home-product-wrap { display: inline-block; font-size: 14px; line-height: 24px; list-style-type: none; padding-bottom: 5px; text-align: center; width: 200px; height: 350px; padding: 5px; box-sizing: border-box; position: relative; margin: 0 20px; transition: 0.5s; } .product-wrap { float: left; font-size: 14px; line-height: 24px; list-style-type: none; padding-bottom: 5px; text-align: center; width: 280px; height: 490px; padding: 5px; box-sizing: border-box; position: relative; margin: 20px 20px; transition: 0.5s; } .image-wrap > img{ width: 100%; height: auto; } .product-hover:hover{ } .product-name{ color: #333; font-size: 16px; } .product-name-product-page{ float: left; width: 100%; margin: 5px 0; color: #333; } .product-name-product-page > h1{ float: left; margin: 10px 10px 10px 0; } .description-wrap{ margin: 20px 0 0 0; } .description-wrap > h1{ margin-bottom: 10px; color: #333; text-align: center; } .description-wrap div p{ margin-bottom: 25px; } .product-actions{ float: right; text-align: left; width: 40%; } .product-actions > h1{ color: #005eb8; } #attributes{ border: 1px solid #005eb8; color: #333; font-size: 16px; width: 100%; padding: 15px; box-sizing: border-box; } .variations{ width: 100%; float: left; margin: 10px 0; } .bundles{ width: 74%; float: left; margin: 10px 0; } .add-to-cart-wrap{ margin: 5px 0; float: left; width: 48%; } #submitForm{ margin-top: 30px; } .add-to-cart, .add-to-cart-disabled{ text-align: center; width: 100%; float: left; background: #7EA238; color: #fff; border: 1px solid #7EA238; padding: 15px 0; font-size: 16px; box-sizing: border-box; cursor: pointer; transition: 0.3s; } .add-to-cart-disabled{ background: #7ea23882; border: 1px solid #7ea23882; cursor: no-drop; } .fast-add-to-cart-wrap{ margin: 5px 0; float: right; width: 48%; } .fast-add-to-cart, .fast-add-to-cart-disabled{ text-align: center; text-decoration: none; width: 100%; float: left; background: #fff; color: #333; border: 1px solid #333; padding: 12px 0; font-size: 16px; box-sizing: border-box; cursor: pointer; transition: 0.3s; } .fast-add-to-cart-disabled{ color: #d5d5d5; border: 1px solid #d5d5d5; cursor: no-drop; } .fast-order-form{ float: left; } .add-to-favorite-wrap{ float: left; width: auto; } .add-to-favorite { text-align: left; float: left; width: 50px; height: 50px; background: url("../images/icons/favorite-heart-icon.png"); background-repeat: no-repeat; background-size: 27px; background-position: 9.6px 12px; border: 1px solid #333; border-radius: 100%; color: #dcaba6; cursor: pointer; } .add-to-favorite:before{ } .add-to-favorite.added{ background: url("../images/icons/favorite-heart-added-icon.png"); background-repeat: no-repeat; background-size: 27px; background-position: 9.6px 12px; } .add-to-favorite-added:before{ } .outfit-wrap{ float: left; width: 100%; margin: 15px 0; } .outfit-products-wrap{ float: left; margin-top: 15px; } .outfit-product{ float: left; font-size: 14px; line-height: 24px; list-style-type: none; padding-bottom: 5px; text-align: center; width: 215px; height: 350px; position: relative; margin: 20px 20px; transition: 0.5s; } .outfit-image-main{ width: 100%; } .product-actions-info{ float: left; width: 100%; margin: 5px 0; } .social-media-share{ float: left; width: 100%; margin: 5px 0; } .product-tabs-wrap{ width: 100%; float: left; margin: 20px 0; box-sizing: border-box; } .tabs{ color: #dcaba6; width: 100%; float: left; list-style-type: none; } .tabs > li{ float: left; text-align: center; border: 1px solid #333; } .tabs > li:first-child{ margin-left: 0; } .tabs > li.active a{ background: #333; color: #fff; } .tabs > li > a{ color: #333; text-decoration: none; padding: 5px 10px; box-sizing: border-box; display: block; } /* PRODUCTS END */ /* TOP BRANDS */ .top-brands-wrap{ width: 100%; float: left; } .top-brands{ } .top-brands-title{ text-align: center; } .top-brands-title > a{ text-decoration: none; color: #005eb8; } /* TOP BRANDS END */ /* BODY END*/ /* FOOTER */ /* FOOTER TOP */ .footer-top-wrap { width: 100%; float: left; } .footer-top{ width: 1280px; margin: 10px auto; padding: 10px 0; text-align: center; } .footer-subscribe > iframe{ width: 100%; height: 45px; } .subscribe-input{ height: 40px; width: 58%; margin-right: 10px; float: left; box-sizing: border-box; border: 1px solid #999; background: #fff; margin-bottom: 10px; padding-left: 5px; } .subscribe-button{ height: 40px; width: 38%; float: left; padding: 0 10px; font-size: 16px; color: #111; background-color: #f1f1f1; border:2px solid #111; cursor: pointer; } /* FOOTER TOP END */ /* FOOTER MIDDLE */ .footer-middle-wrap { width: 100%; float: left; padding: 20px 10px; box-sizing: border-box; background-color: #f1f1f1; } .footer-middle{ width: 1280px; margin: auto; } .footer-column{ float: left; width: 33%; margin-top: 20px; } .footer-column > h2{ margin-bottom: 10px; color: #111; } .footer-column > h2 > a{ text-decoration: none; color: #005eb8; } .footer-column > ul{ list-style-type: none; } .footer-column > ul > li > a{ text-decoration: none; color: #333; } .subscribe-agreement{ margin-top: 10px; display: none; } .subscribe-txt{ display: block; padding-bottom: 15px; } /* FOOTER MIDDLE END */ /* FOOTER BOTTOM */ .footer-bottom-wrap { width: 100%; float: left; background: #f1f1f1; } .footer-bottom { width: 1280px; margin: auto; height: 100%; text-align: left; padding: 5px 0; } .footer-bottom > p { color: #111; text-decoration: none; font-size: 14px; } .footer-bottom > p > a { color: #fff; text-decoration: none; font-size: 15px; } /* FOOTER BOTTOM END */ /* FOOTER END */ @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-user:before { content: "\e008"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-off:before { content: "\e017"; } #head { width:1150px; height:80px;} #head .logo { margin:18px 0; float: left;} #head .actions { float: right; text-align: right; width: 70%;} #head .actions ul.menu { height: 20px; overflow: hidden; font-size:.9em; margin: 0; } #head .actions ul.menu li { float: right; margin:0 0 0 10px; padding:0 0 0 11px; list-style: none; } #head .actions ul.menu li.help { background:none; border-left:1px solid #666; } #head .actions ul.menu li a { color:#666; } #head .actions ul.menu li a:hover { color:#555; } #head .actions span { font-size:13px; } #head .actions span.slogan { color:#000; margin: 0px 5px; } #head .actions span.slogan a { color:#333;} #head .actions span.phones { font-family: Intro; color:#ED602A; font-size:21px; float: left; margin-top: 4px;} /*#head .actions span.phones {font-weight:bold; font-size:18px; float: left; margin-top: 15px; margin-left: 7px;}*/ #head .actions span.phones1 { color:#000; font-weight:normal; font-size:13px; float: left; margin-top: 18px; margin-left: 0px;} /*#head .actions span.phones1 { color:#000; font-weight:normal; font-size:13px; float: left; margin-top: 16px; margin-left: 90px;}*/ #head .actions span.phones2 { color:#555; font-weight: normal; font-size:11px; float: left; margin-top: -3px; margin-left: 13px;} /*#head .actions span.phones2 { color:#000; font-weight: normal; font-size:13px; float: left; margin-top: 16px; margin-left: -40px;}*/ #head .actions form.search { float: left; margin: 0; padding: 0; text-align: left; width: 100%;} #head .actions form.search input[type=image] { vertical-align: top;} #head .actions a.cartbg { float: right; display: block; height: 45px; width: 45px; background-image: url(../images/basket.png); background-repeat: no-repeat; text-align:center; vertical-align:middle; font-weight:bold; font-size:15px; padding-top:10px; color:#FFF; letter-spacing:-1px; margin-top: 2px;} #head .actions a.cartbg:hover {background: url(../images/basket.png) no-repeat 0 0px;} #head .actions a.bag { font-size: 10px!important; background-color: #f0280a; width: 18px; height: 18px; border-radius: 50%; margin-left: 18px; position: absolute; float: right; display: block; text-align: center; vertical-align: middle; font-weight: bold; color: #FFF; line-height: 18px; } #head .actions a.caption { color: #222; display: block; float: right; font-size: 14px; margin-left: 15px; padding-top: 10px; text-decoration: none; } .nomber-cartTotal {font-size: 16px!important;} .euro-class {font-size: 12px!important;} #head .actions a.caption:hover {/*text-decoration:underline;*/border-bottom: 1px solid;} #head1 { width:1150px; height: 50px; margin-left: auto ; margin-right: auto; list-style-type: none;} #head1 a {color: #333;} #head1 .logo { margin-top: 16px; width:260px; float: left;} #head1 .actions { height: 35px; margin: 0 auto; overflow: hidden; text-align: left; width: 1000px;} #head1 .actions ul.menu { height: 35px; overflow: hidden; font-size:.9em; margin: 0; } #head1 .actions ul.menu li { float: right; margin:0 0 0 10px; padding:0 0 0 11px; list-style: none; } #head1 .actions ul.menu li.help { background:none; border-left:1px solid #666; } #head1 .actions ul.menu li a { color:#666; } #head1 .actions ul.menu li a:hover { color:#555; } #head1 .actions span { font-size:13px; } #head1 .actions span.slogan { color:#000; margin: 0px 5px; } #head1 .actions span.phones { font-family: Intro; color:#ED602A; font-size:21px; float: left; margin-top: 5px; margin-left: 0px;} /*#head .actions span.phones {font-weight:bold; font-size:18px; float: left; margin-top: 15px; margin-left: 7px;}*/ #head1 .actions span.phones1 { color:#000; font-weight:normal; font-size:13px; float: left; margin-top: 9px; margin-left: 0px;} /*#head .actions span.phones1 { color:#000; font-weight:normal; font-size:13px; float: left; margin-top: 16px; margin-left: 90px;}*/ #head1 .actions span.phones2 { color:#555; font-weight: normal; font-size:11px; float: left; margin-top: -3px; margin-left: 13px;} /*#head .actions span.phones2 { color:#000; font-weight: normal; font-size:13px; float: left; margin-top: 16px; margin-left: -40px;}*/ #head1 .actions form.search { float: left; margin: 0; padding: 0; text-align: left;} #head1 .actions form.search input[type=image] { vertical-align: top;} #head1 .actions a.cartbg { float: right; display: block; height: 19px; width: 29px; background-image: url(../images/cart-new.png); background-repeat: no-repeat; text-align:center; vertical-align:middle; font-weight:bold; font-size:15px; padding-top:10px; color:#FFF; letter-spacing:-1px; margin-top: 2px;} #head1 .actions a.cartbg:hover {background: url(../images/cart-new.png) no-repeat 0 -30px;} #head1 .actions a.bag { float: right; display: block; background-repeat: no-repeat; text-align:center; vertical-align:middle; font-weight:bold; font-size:15px; padding:15px 0 0 2px; color:#FFF; letter-spacing:-1px;} #head1 .actions a.caption { color: #222; display: block; float: right; font-size: 14px; padding-left: 5px; padding-top: 7px; text-decoration: none; } #head1 .actions a.caption:hover {text-decoration:underline;} #mainmenu { clear: both; zoom:1; } .clearfix { display: block; content: ''; clear: both; } html>body #mainmenu { position: relative; z-index: 10; } #shopping-cart { position: relative; } .cart-hover-menu { position: absolute; background: #fff; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 2px 2px 0 #ddd; display: none; overflow: hidden; top: 52px; right: 0px; width: 290px; z-index: 999; } .cart-hover-menu #cartContent { width: 100%; } .cart-items { padding: 0 8px; max-height: 218px; overflow: auto; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; overflow-scrolling: touch; text-align: left; } .cart-items .cart-item { border-bottom: 2px solid #ededed; padding: 6px 0; width: 100%; float: left; } .cart-items .cart-item .cart-thumbnail { float: left; max-width: 65px; margin: 0 auto!important; overflow: hidden; } .cart-items .cart-item .checkout-product-info { float: left; max-width: 115px!important; width: 100%; margin: 0 0 0 5px; overflow: hidden; word-wrap: break-word; font-size: 0.8em; } .cart-items .cart-item .cart-price { float: right; max-width: 85px; } .cart-footer { padding: 0 8px; margin: 10px auto 0; } .cart-footer .cart-label { float: left; } .cart-footer .cart-amount { float: right; } .cart-amount { /*color: #7ea238; font-weight: bold;*/ } .add-cart-button, .add-cart-button-disabled{ margin-top: 10px; width: 100%; padding: 15px 0; position: absolute; bottom: -13px; left: 0; box-shadow: 0 0 black; background: #FFF; color: #333; border: 1px solid #333; border-radius: 7px; cursor: pointer; } .add-cart-button-disabled{ color: #d5d5d5; border: 1px solid #d5d5d5; cursor: no-drop; } .cart-footer .cart-button { margin: 15px auto 0; background: #7EA238; text-decoration: none; padding: 5px 10px; display: block; clear: both; width: 80%; color: #fff; font-size: 16px; text-align: center; } .cart-row { display: block; float: left; margin-bottom: 2px; width: 100%; text-align: left; } .item-catalog-title{ padding:5px 0 15px 0; } .ui-dialog .ui-dialog-titlebar{ margin-bottom: 0!important; } .empty-cart { float: left; padding: 10px 0px; text-align: center; color: black; width: 100%; } #cart-bg { background-image: url(../images/shopping_cart.png); width:32px; height:32px; float:right; text-align:center; vertical-align:middle; font-weight:bold; font-size:15px; padding-top:10px; color:#FFF; margin-top:-3px; letter-spacing:-1px;} #cart-bg a {color:#FFF;} #cart-bg a:hover {color:#FFF; transition: color 0.3s ease 0s;} #cart { float:right; padding:6px 8px 0px 3px; position:relative; zoom:1; } #cart a {color:#fff; font-weight:bold; text-decoration:none;} #cart a:hover {text-decoration:underline; transition: color 0.3s ease 0s;} #body-content {width:100%;} #register { width:479px; width:459px; float:left;} #register h1 { padding:30px 0 20px 210px; padding:30px 0 20px 190px; color:#000;} #register p { padding:0 0 0 210px; padding:0 0 0 170px; width:250px; width:240px;} #register ul { padding:0 0 0 225px; padding:0 0 0 185px; width:260px; width:250px;} .sign-buttons-equal { height:150px;} #sign-in { width:519px; float:right;} #sign-in-line { float:left; margin:25px 0 25px 0; background-color:#FFF; border-left: 1px solid #333;} #sign-in h1 { padding:5px 0 20px 30px; color:#000;} #sign-in p { padding:0 0 0 30px; width:280px;} .underline { text-decoration:underline;} .morespace { *margin-bottom:6px;} .pages {float:right; display:inline; width:200px; *margin:-18px 0 6px 0;} .pages-bottom {float:right; display:inline; width:200px; margin-top: 10px;} #leftcontent {float:left; width:100%;} #leftcontent a {color: #333;} #leftcontent a:hover {text-decoration: none; transition: color 0.3s ease 0s;} .borderbottom {margin-bottom:1px;} #smallbanners {float:left; width:750px;} .smallb {margin-right:1px; float:left;} .smallnob { float:left;} #rightcontent {width:100%;} #newsletter { background-image:url(../images/bg/right-banners/newsletter.jpg); height:100px; width:249px; text-align:center;} .newsletterform { padding-top:65px; } #floating-menu {float:left; width:19%; margin-top: 30px;margin-bottom: 40px; /*height:10px*/} .za-nas-img{width: 50%; float: right; padding-top: 30px;} #cat-left { position: relative; top:0px; width:100%; border: 1px solid #CCC;} #cat-left a {color: #333; text-decoration: none;} #cat-left a:hover {color:#dcaba6; text-decoration: none;} #cat-left h2 {text-transform:uppercase; font-size:20px; font-weight:normal; text-align:center; background-position:bottom; padding:10px 0; margin-bottom:5px;} #cat-left ul {padding: 5px; margin:0;} #cat-left ul li {font-size:13px; padding:0; margin:0; list-style:none;} #cat-left ul li a {font-size: 18px; display: block; padding: 5px;} #cat-left ul li ul li {font-size:13px; list-style:none;} #cat-left ul li ul li a {font-weight:normal;} #cat-left1 { position: relative; top:0px; width:19%; border: 1px solid #CCC; background:url(../images/shadow-inverted.gif) bottom no-repeat #FFF;} #cat-left1 a {color: #333; text-decoration: none;} #cat-left1 a:hover {text-decoration: none;} #cat-left1 h2 {text-transform:uppercase; font-size:18px; font-weight:normal; text-align:center; background-position:bottom; background-image:url(../images/shadow.gif); background-repeat:no-repeat; padding-bottom:10px; margin-bottom:5px;} #cat-left1 ul {padding:0 0 13px 5px; margin:0;} #cat-left1 ul li {font-size:13px; padding:0; margin:0; list-style:none;} #cat-left1 ul li a {font-weight:bold;} #cat-left1 ul li ul li {font-size:13px; list-style:none;} #cat-left1 ul li ul li a {font-weight:normal;} .promo { color:#C00;} #cat-middle {float:right; width:78%; box-sizing: border-box;} #smallbanners-cat {float:left; width:829px;} #text-cat {float: right;padding: 1px 5px 0 0;width: 100%;} #text-cat h1 {text-align:center; margin: 30px 0 20px 0; color:#333; font-size:30px;} #text-cat h2 {margin-left: 5px;} #text-cat p { text-align:left; color:#333; padding-left:5px; font-size: 18px; line-height: 1.5em;} #text-cat ul {margin-left: 25px;} #group-products { box-sizing: border-box;float: right;width: 80%; margin-top: 20px;} #featured-group {width:829px; height:50px; margin:-1px 0 0 1px;} .fourproducts-ie { display: block;float: right;overflow: hidden;width: 100%;} .fourproducts-ie-home-page {display:block; float: right; width: 100%;} .fourproducts-ie a {color:#333;} .bannerproducts-ie-home-page {text-align: center; margin: 20px 0;} .bannerproducts-ie-home-page h2 {font-size: 1.2rem;} .current-page { font-weight:bold; } #products-outfit .product-wrap { max-width: 180px; width: 44%; margin: 0 3%; } #products-outfit .product-wrap img.main { width: 100% } #products-outfit:after { clear: both; display: block; content: ''; } .product-info{ float: left; width: 100%; } .main-product-thumb{ display: block; position:relative; top: 0px; left: 0px; width: 100%; height: auto; transition: 0.5s; } .alternative-product-thumb{ display: block; position: absolute; padding: 5px; box-sizing: border-box; top: 0px; left: 0px; width: 100%; height: auto; transition: 0.5s; } .main-product-thumb.swap:hover{ opacity: 0; transition: 0.5s; } .product a {color: #333;} .product a:hover {text-decoration: none;} .product img { padding-bottom:3px;} .new-pr { color:#F00; font-weight:bold; } .price-group { color:#333;} .price-old-group { color:#dadada; text-decoration:line-through;} .colors-pr { color:#999; font-weight:bold; } .fourproducts-ie-small {display:block; height:286px;} .product-small { float:left; width:120px; height:280px; padding:0 10px 5px 0; font-size:11px;} #bottom-group { width:100%; margin-top:8px; clear: both;} #group-newsletter { float:right; } #left-group-promo {width:170px; float:left;} #text-group {float: left;padding-right: 5px;width: 100%;} #text-group h1 { margin-top:4px; text-align:left; padding-top:5px; font-size:16px;} #text-group p { text-align:left; color:#333;} .h2product { margin-top:4px; text-align:left; padding-top:9px; font-size:14px; padding-left:32px; background-image:url(../images/shopping_cart.png); background-repeat:no-repeat; background-position:left top;} #suggestions-text { width:998px; text-align:left; padding:30px 0 10px 10px; font-weight:bold;} #product-content {} #product-photo { float:left; width:320px; margin-left: 0px;} .thumb { float:left; width:60px; height:70px; padding:5px 5px 0 0;} .tab_container { border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background: #fff; } .tab_content { padding: 8px; font-size:14px; font-family:"Open Sans", Arial, Helvetica, sans-serif; } .tab_content ul li {margin-left: 15px;} #product-content { width:450px; } .product-text { padding:0px 5px 0 0px; } .product-ul { margin:5px 0 5px 0; padding:0 0 0 25px;} .product-instock { color:#7EA238; font-size:14px; background-image: url(../images/nalichen.png); background-repeat: no-repeat; background-position: 1px 1px; padding:3px 0 5px 28px;} #product-content a {color:#333;} #product-content a:hover {color:#900; text-decoration: none;} .product-instock-mini{ color:#7EA238;} .product-instock1 { color:#FFA700; background-image: url(../images/nalichen1.png); background-repeat: no-repeat; background-position: 1px 1px; padding:3px 0 5px 28px; font-size: 14px;} .product-instock1-mini{ color:#FFA700;} .product-not-available { color:#8D8D8D; font-size:14px; background-image: url(../images/nenalichen.png); background-repeat: no-repeat; background-position: 1px 1px; padding:3px 0 5px 28px; } .cc-color-override-1775483402 .cc-btn{ color: #FFF!important; } .product-not-available-mini {color:#8D8D8D;} .product-save {font-size:14px;} .product-save-price {font-size:12px; font-weight:bold;} .product-old-price { color:#dadada; font-size:18px; text-decoration: line-through; margin: 0;} .product-promo {color:#E41D22; font-size: 18px; font-weight: bold; margin: 0 0 0 10px;} #product-percentage{margin-left: 5px;} .product-attribute { float:right; width:488px; margin:10px 0 0 10px; border:1px solid #CCC;} .attributes {width: 87px!important;} .attribute-size { text-align: left; position: relative; margin-left: 10px} .fast-btn-wrap input[type=radio]:not(old) + label{ background: none; } .attribute-size .attributes-input { position: relative; display: inline-block; width: auto; margin-right: 2px; font-size: 12px; text-align: center; line-height: 0px; cursor: pointer; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; padding: 5px 0; background: #fff; } .attributes-wrapper.attribute-size input[type="radio"].attributes { height: 32px; opacity: 0; position: absolute; width: 45px; z-index: 2; cursor: pointer; } .available { position: relative; display: inline-block!important; width: 45px; font-size: 12px; text-align: center; line-height: 0px!important; cursor: pointer; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; padding: 15px 20px; background: #fff!important; border: 1px solid #999; color: #333; z-index: 1; border-radius: 5px; margin-left: 0!important; padding-left: 20px!important; } .unavailable { position: relative; display: inline-block!important; width: 45px; font-size: 12px; text-align: center; line-height: 0px!important; cursor: pointer; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; padding: 15px 20px; border: 1px solid #999; background-image: repeating-linear-gradient(-34deg, #999, #999 1px, transparent 1px, transparent 24px)!important; background-color: #fff!important; color: #999!important; margin-left: 0!important; padding-left: 20px!important; border-radius: 5px; } .attributes-wrapper.attribute-size input[type="radio"].attributes:checked + label { background: #dcaba6!important; color: #fff; } .variation-wrap{ float: left; padding: 10px; border: 1px solid #ccc; border-radius: 10px; margin-right: 5px; } .active-variation{ border: 1px solid #000; } .bundles-wrap{ float: left; padding: 10px; border: 1px solid #ccc; border-radius: 10px; margin-right: 5px; } .active-bundle{ border: 1px solid #000; } #product-color { width:488px; margin:10px 0 0 0; border:1px solid #CCC;} #product-order { margin: 10px auto; width: 100%;} #add-to-cart {width: 100%; } .send-email { padding-left:5px; color:#006; text-decoration:underline;} #photos {background: #fff; float: left; width: 16%; margin: 0 15px} .photo-big {float: left; width: 520px;} #photos div.scroller {} #photos div.scroller .item { border: 1px solid #999999; margin-left: 2px; margin-right: 3px; } #photos div.scroller .selected { border: 1px solid #FF0000; } .verticalScroller td {display: inline-block;} #footer-copyright { text-align: center; width: 1150px; margin:0px auto 5px;} body#tinymce { text-align: left; } #dlg-cart-add { display: none; } #dlg-cart-add div.header { } .formError { color: #ff0000; font-size: 0.9em; padding-left: 4px; } .formError1 { color: #ff0000; font-size: 0.9em; padding-left: 4px; padding-top: 25px; position: absolute; } #photos div.scroller { width: 100%; } /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: 1px solid #888; margin:-1px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is for the title text. */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { border:1px solid #ccc; overflow:hidden; margin-left: 20px; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } /* SLIDER CSS */ * {margin: 0; padding: 0; /*box-sizing: border-box;*/} .anythingSlider { width: 829px; height: 480px; position: relative; margin: 0 auto 0px; margin-top: 0px; } .anythingSlider .anwrapper { width: 829px; overflow: auto; height: 480px; margin: 0 0px; position: absolute; top: 0; left: 0; } /* Width below is max for Opera */ .anythingSlider .anwrapper ul {width: 32700px; list-style: none; position: absolute; top: 0px; left: 0; background: #eee;} .anythingSlider ul li { display: block; float: left; padding: 0; height: 480px; width: 829px; margin: 0; } .anythingSlider ul li img { border:0;} #thumbNav { position: relative; float: right; top: 5px; left: 0px;} #thumbNav a { color: #666; font-size:12px; font:Arial, Helvetica, sans-serif; font-weight:bold; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; border:1px solid #666; background: none; text-align: center; /*opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50);*/} #thumbNav a:hover { background-image: none; } #thumbNav a.cur { background: #E41D22; } #start-stop { background: green; color: white; padding: 2px 5px; width: 35px; position: absolute; left: 50px; top: 330px; visibility: hidden; } #start-stop.playing { background-color: #666; } #start-stop:hover { background-image: none; } /*Prevents*/ .anythingSlider .anwrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .anwrapper ul ul li { float: none; height: auto; width: auto; background: none; } /* SLIDER2 CSS */ /* main vertical scroll */ #main { position:relative; overflow:hidden; height: 480px; } /* root element for pages */ #pages { position:absolute; height:20000em; } /* single page */ .page { padding:0px; height: 480px; background:#222; width:790px; } /* root element for horizontal scrollables */ .scrollable { position:relative; overflow:hidden; width: 790px; height: 480px; } /* root element for scrollable items */ .scrollable .items { width:20000em; position:absolute; clear:both; } /* single scrollable item */ .itemss { float:left; cursor:pointer; width:790px; height:480px; padding:0px; } /* main navigator */ #main_navi { float: right; padding:0px !important; margin:0px !important; } #main_navi li { background-color:#333; border: 0 0 1px 0 solid #fff; clear:both; text-align:left; color: #fff; font-size:11px; height:76px; list-style-type:none; padding:10px; width:190px; cursor:pointer; } #main_navi h2 { margin-top: -8px; font-size:10px; color:#FFF; } #main_navi li:hover { background-color:#444; } #main_navi li.active { background-color:#000000; } #main_navi #t2.active { background-color:#D6A757; } #main_navi #t3.active { background-color:#608A02; } #main_navi #t4.active { background-color:#E05210; } #main_navi #t5.active { background-color:#B8D82F; } #main_navi img { float:left; margin-right:10px; } #main_navi strong { display:block; } #main div.navi { margin-left:250px; cursor:pointer; } /* SLIDER3 CSS */ /*For Specific Slides #textSlide { padding: 10px 30px; } #textSlide h3 { font: 20px Georgia, Serif; } #textSlide h4 { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; } #textSlide ul { list-style: disc; margin: 0 0 0 25px; } #textSlide ul li { display: list-item; } #quoteSlide { padding: 30px; } #quoteSlide blockquote { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; } #quoteSlide p { text-align: center; } */ /* Paging */ .paging a { border: 1px solid #aaaaaa; padding: 0 6px; color: #333; background-color: #fafafa; display: inline-block; *display: inline; zoom: 1; } .paging { } .paging a:hover { text-decoration: none; background-color: #eaeaea; } .paging span { border: 1px solid #dcaba6; padding: 1px 7px; font-size: 105%; background-color: #dcaba6; color: #ffffff; display: inline-block; *display: inline; zoom: 1; } #google-map{ width: 404px; height: 394px; margin-left: 10px; background: url(../images/banners/dimibike-map.jpg) no-repeat !important; } /*#google-map:hover { background: url(../images/banners/dimibike-map-hover.jpg) no-repeat !important; }*/ /*filter color style*/ .zoom .colorImgSmall-zoom{ transition: all .3s; width: 0px; height: 0px; position: absolute; left: 560px; z-index: 9; } .zoom:hover .colorImgSmall-zoom { /*-ms-transform: scale(5);*/ /* IE 9 */ /*-webkit-transform: scale(5);*/ /* Safari 3-8 */ /*transform: scale(5);*/ margin-top: -10px; left: 200px; width: 200px; height: 200px; display: block; } /***** Back-UP *****/ #back-top{position:fixed;bottom:30px;z-index:9999;left:50%;margin-left:520px;} #back-top a{width:70px;display:block;text-align:center;font:11px/100% Arial,Helvetica,sans-serif;text-transform:uppercase;text-decoration:none;color:#bbb;-webkit-transition:1s;-moz-transition:1s;transition:1s;} #back-top a:hover{color:#79ec3e;cursor:pointer;} #back-top span{width:70px;height:70px;display:block;margin-bottom:50px;background:url(../images/up-arrow.png) no-repeat center 0px #c3c3c3;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-transition:1s;-moz-transition:1s;transition:1s;} #back-top a:hover span{background-color:#7b7a7a;background-position:center -63px;} #slogan { width: 100%; height: 65px; margin: 20px 0 0 0; position: relative; } #slogan a {color: #333;} #slogan a:hover {color: #900; text-decoration: underline;} #slogan p {text-align: center; font-size: 24px; padding: 2px 0 2px;} #dlg-ajax-wait { display: none; } .iconSprite, .trackingDetails .zTable .infoBut { background-color: transparent; background-image: url("../images/banners/spriteIcon-black.png"); background-repeat: no-repeat; display: block; } .iconSpriteA { background-color: transparent; background-image: url("../images/banners/spriteIcon.png"); background-repeat: no-repeat; display: block; } .iconSprite:hover {background-image: url("../images/banners/spriteIcon.png");} .flag { float: left; height: 17px; margin: 0 4px 5px 0; width: 26px; } .footer li, .footer a { font-size: 11px; line-height: 14px; } .deFlag { background-position: 0px 0; } .atFlag { background-position: -27px 0; } .roFlag { background-position: -54px 0; } .bgFlag { background-position: -81px 0; } .euFlag { background-position: -108px 0; } .sofort-button { font-family: 'Open Sans', Arial, sans-serif; margin: 10px 110px; background-color: #EE7F00; border: 1px solid #C66300; border-radius: 5px; color: #ffffff; display: inline-block; font-size: 12px; font-weight: bold; margin-bottom: 5px; padding: 10px 18px 24px; text-align: center; text-decoration: none; white-space: nowrap; text-transform: uppercase; } .sofort-button:hover {background-color: #C66300; border: 1px solid #EE7F00; } .wirecard-button { font-family: 'Open Sans', Arial, sans-serif; margin: 10px 136px; background-color: #E41D22; border: 1px solid #970000; border-radius: 5px; color: #ffffff; display: inline-block; font-size: 12px; font-weight: bold; margin-bottom: 5px; padding: 10px 18px 24px; text-align: center; text-decoration: none; white-space: nowrap; text-transform: uppercase;} .wirecard-button:hover {background-color: #970000; border: 1px solid #E41D22;} #attributes0, #attributes1, #attributes2, #attributes3, #attributes4, #attributes5, #attributes6, #attributes7 {margin: 4px 0 4px 0; height: 40px; padding: 5px; width: 310px; background: #ECECEC; border-radius: 5px; border: 1px solid #bebebe;} #addQty {margin: 12px 0px 4px 7px; width: 60px; border: 1px solid #c1c1c1; height: 30px; padding: 5px;} .text-delivery {font-style:italic; color: #9E9E9E; text-align: center; width: 100%;} .example-title { margin-top: 20px; font-size: 30px; color: #333333; font-weight: bold; font-family: Arial, Helvetica, sans-serif; letter-spacing: -2px; text-align:center; } .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style], .fb-comments span, .fb-comments iframe, #feedback_1BPmrZl7XkdyRTNRI { width: 100% !important; } div.horizontalScroller div.navForward { width: 21px !important; } #head1 .actions .phone .mls { font-size: 13px; } .show_ribbon body[id^=skin] { background-position: center 34px !important; } .show_ribbon_animated body[id^=skin] { -moz-transition: background-position 1.5s; -webkit-transition: background-position 1.5s; -o-transition: background-position 1.5s; transition: background-position 1.5s; } .show_ribbon_animated body { -moz-transition: margin-top 1.5s; -webkit-transition: margin-top 1.5s; -o-transition: margin-top 1.5s; transition: margin-top 1.5s; } .show_ribbon_animated #page-content #content_header { -moz-transition: margin-top 1.5s; -webkit-transition: margin-top 1.5s; -o-transition: margin-top 1.5s; transition: margin-top 1.5s; } .show_ribbon_animated #page-content.scrollingHeader #content_header { -moz-transition: margin-top 1.5s; -webkit-transition: margin-top 1.5s; -o-transition: margin-top 1.5s; transition: margin-top 1.5s; } .show_ribbon body { margin-top: 40px; } .show_ribbon #page-content #content_header { margin-top: 40px; } .show_ribbon #page-content.scrollingHeader #content_header { margin-top: 40px; } .show_ribbon_animated #ribbon_abonare_nl { -moz-transition: height 1.5s; -webkit-transition: height 1.5s; -o-transition: height 1.5s; transition: height 1.5s; } #ribbon_abonare_nl { background: #f1f1f1 none repeat scroll 0 0; border-bottom: 2px solid #E41D22; left: 0; margin: -40px auto; position: absolute; right: 0; text-align: left; width: 100%; z-index: 10000; } .show_ribbon #ribbon_abonare_nl { height: 40px; overflow: hidden; } #ribbon_abonare_nl span img { display: inline-block; margin: 0 2px; } #close_ribbon { position: absolute; right: 5px; top: 50%; margin-top: -9px; } #yes_ribbon, #no_ribbon, #close_ribbon { cursor: pointer; } /* NEW CSS */ .header-links { float: left; margin: 10px 0 0; } .free-delivery { float: right; margin: 10px 0 0 10px; } .phone { float: left; margin: 10px 0 0 170px; } .ico { display: none; } .icon-phone { display: none; } .header-search { margin-top: 20px; float:left; border: 1px solid #dadada; border-radius: 30px; } .input-search { width: 350px; background: none; height: 40px; float:left; border: none; border: none; } .search-button {float:right; background: url(../images/search-icon-new.png) no-repeat; padding: 0 19px; height: auto; font-size: 16px; border: none; width: 34px; height: 40px; cursor: pointer;} .search-button:hover {background: url(../images/search-icon-new.png) no-repeat;} .cart { margin-top: 21px; } .pngfix { height: 22px !important; left: -5px !important; right: inherit !important; } .promoPrice-text { position: absolute; height: 22px; left: 5px; top: 8px; display: block; text-align: center; color: #fff; } .text-bottom { display: none; } .header-search-mobile { display: none; margin-top: 33px; margin-left: 50px; float:left; background: none repeat scroll 0 0 #ececec; border: 1px solid #bebebe; border-radius: 30px; } /* * PRODUCTS PAGE */ #photo-zoom { width: auto; height: inherit; position: relative; z-index: 9; } .horizontalScroller { width: auto !important; } #product-photo { float:left; width: 60%; z-index: 9; position: relative; } #variationText{ text-align: center; } #product-photo-navi { float:left; width: 32%; } #product-desc { float: right; width: 35%; box-sizing: border-box; text-align: center; border-left: 1px solid #cccccc; padding-left: 50px; } .cloud-zoom img { width: 100%; max-width: 100%; height: inherit; } .scroller { /*width: auto !important;*/ } .flexslider { display: none; } .dds { font-size: 12px; color: #999; } .attr-wrap { width: 100%; padding: 15px 0 0; } .attr-wrap:after { content: ''; display: block; clear: both; } .attr-label { width: 70px; display: block; float: left; padding: 0 20px 0 0; line-height: 22px; box-sizing: border-box; } .attr-select { float: left; } .attr-select select{ padding: 3px; width: 250px; background: #fff; border: 1px solid #ccc; } #addQty { width: 70px; } #group-products .attr-wrap.qty { width: 45%; float: left; padding: 10px 0 0; } #group-products1 .attr-wrap.qty { width: 30%; float: left; padding: 10px 0 0; } .attr-wrap.qty .attr-label { } .button-wrap { width: 100%; padding: 0; } .social-product { text-align: right; margin: 0; } .ui-dialog-content { height: inherit !important; } .delivery-paragraph { width: 100%; padding: 15px 0 15px 0px; } #product-content { width: 94%; padding: 10px 10px 10px; } .ui-dialog-content { height: inherit !important; } /* * END PRODUCTS PAGE */ /* * CHECKOUT CSS */ .checkout-table { width: 100%; margin: 10px auto; /* border: 2px solid #E8E8E8;*/ border-collapse: separate; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-sizing: border-box; } .checkout-table thead th { border-bottom: 1px solid #E0E0E0; background: #F4F4F4; font-size: 13px; font-weight: bold; line-height: 1.4; text-transform: capitalize; white-space: nowrap; } .checkout-table td, .checkout-table th { padding: 10px; border-right: 1px solid #E0E0E0; } .checkout-table td:last-child, .checkout-table th:last-child { border-right: none; } .checkout-table tbody tr td { border-bottom: 1px solid #E8E8E8; vertical-align: middle; } .select-qty { margin: 4px; border: 1px solid #d8d8d8; background: #FFF; font-size: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: #f4f4f4 0 0 0 4px; -moz-box-shadow: #f4f4f4 0 0 0 4px; box-shadow: #f4f4f4 0 0 0 4px; padding: 5px; } .checkout-table tfoot td { background: #F4F4F4; } .a-right, .align-right { text-align: right; } .checkout-button { padding: 10px; font-size: 20px; font-weight: 300; display: inline-block; border: 0; /*background: #AD212C;*/ background: #004274; color: #FFF; line-height: 20px; text-transform: uppercase; border-radius: 3px; } .checkout-button:hover { /*background: #931720;*/ color: #fff; text-decoration: none; } .checkout-title { float: left; } .checkout-title h1 { font-size: 24px; } .checkout { text-align: right; } .checkout-summ { display: none; } .steps-checkout { padding: 0 20px 10px 0; border-bottom: 1px solid #c1c1c1; } .info-sidebar { text-align: center; padding: 15px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px !important; line-height: 1.42857143; vertical-align: top; background: #f1f1f1; border-bottom: 2px solid #fff; } .back-btn { padding: 5px; border: 1px solid #555; border-radius: 3px; margin: 0 10px 0 0; } .back-btn:hover { text-decoration: none; } /* * END CHECKOUT CSS */ /* * MOBILE MENU */ .mobile-nav-button { display: none; } .mobile-nav { display: none; } #mobile-nav { position: absolute; background-color: #fff; left: 0; top: 63px; width: 100%; border-top: 1px solid #ececec; box-sizing: border-box; z-index: 999999; list-style-type: none; } #mobile-nav li a { display: block; font-weight: bold; padding: 10px 25px; background: #fff; text-decoration: none; color: #080808; } #mobile-nav li a.active { font-weight: bold; } #mobile-nav li ul { display: none; } #mobile-nav li ul li a { padding: 10px 25px; background: #ececec; border-bottom: 1px dotted #ccc; } .img-1 {} .img-2 {margin-left: 9px;} .img-3 {margin-left: 9px;} .color-url {color: #000;} /*.iframe2 {display: none;} .iframe3 {display: none;} .iframe4 {display: none;}*/ .div-iframe {margin-top: 10px; width: 1002px; margin: 30px auto 0;} .brand-title {background: #F1F1F1; margin: 20px 0; border-radius: 30px;} .brand-title h1 {font-size: 16px; padding: 8px 0 8px 20px; text-transform: uppercase;} .brandIndex {font-size: 16px; margin: 10px 0 0; padding: 0 10px 10px;} .brandIndex li {display: inline; margin-right: 10px;} .brandLetter {float: left; width: 45px;} .brandLetter h2 {font-size: 22px; color: #E41D22; padding: 0;} .brandBlock ul {float: left; padding-right: 10px; width: 173px; list-style-type: none;} .brandBlock {border-top: 1px solid #ddd; margin: 0 0 10px; overflow: hidden; padding: 10px 0 0 10px;} .iframe1 {position: relative; padding-bottom: 34.10%; /* 16: 9 */ height: 0;} .iframe1 iframe {position: absolute; top: 0; left: 0; width: 100%; height: 101%;} #brand {width: 100%; height: 30px; border: 1px solid #c1c1c1;} #filter_dropdown { margin-top: 10px; position: relative; z-index: 8; margin-bottom: 5px; } #filter_dropdown > label{ float: left; margin-bottom: 5px; display: flex; align-items: center; width: 80%; } #filter_dropdown > label > img{ margin-right: 5px; } #tagCategoryId8 > #filter_dropdown > label > input { margin-left: 0;} #brands {margin-top: 10px; max-height: 290px; overflow: auto; position: relative; z-index: 8; margin-bottom: 5px;} #brands input { margin-left: 0;} .label1 input {margin-left: 10px;} .garantie {display: block; position: absolute; z-index: 999;} /*Games CSS*/ .game-body {width: 100%; height: 540px; background: url(../images/game/bg-game-2015.jpg) no-repeat; border: 1px solid #8B8B8B; margin-top: 10px; margin-bottom: 20px;} .game-form-subscribe {width: 45%; padding: 20px; position: relative;} .game-form-subscribe h1{color: #E41D22; font-size: 24px; border-bottom: 1px solid #8b8b8b; margin-bottom: 10px;} .game-form {width: 100%; border: 1px solid #8B8B8B; padding-top: 10px; padding-bottom: 10px; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); position: absolute;} .game-form-input {padding: 10px; float: left; width: 50%; border-right: 1px solid #8b8b8b;} .game-form-input input {width: 100%; margin-bottom: 8px; height: 30px; border: 1px solid #8b8b8b;} .game-form-input button {width: 100%; background:#E41D22; border: 1px solid #991316; height: 30px; color: #fff; border-radius: 5px; font-size: 16px;} .game-form-input button:hover {width: 100%; background:#991316; border: 1px solid #991316; height: 30px; color: #fff;} .game-form-fb {float: right; width: 50%; padding-left: 10px; padding: 10px;} .fb-game {width: 50%; float: left;} .minion-game {width: 50%; float: right;} .game-form-input form br {display: none;} .errors {color: #E41D22;} .game-info {width: 100%; margin-top: 235px;} .filtre-height {height: 10px;} .posts {width: 100%;display: inline-block;} .posts-photo {width: 18%; float: left; padding-left: 10px; margin-bottom: 15px;} .posts-content {width: 80%; float: right; margin-top: 10px; /*background: #D9EFFB; padding: 10px;*/} .posts-arrow {float: left; width: 2%; text-align: right;padding-top: 10px;} .posts-text {float: left; width: 94%; background: #D9EFFB; padding: 10px;} .posts-line {border-bottom: 1px solid #c1c1c1; width: 100%; margin-bottom: 15px;} .phone-cart-edit {font-size: 16px; font-weight: bold; color: #444; padding: 5px 0 0 10px;} .padd-cart-left {float: left; width: 45%; padding-top: 10px;} .padd-cart-right {float: left; width: 35%; padding-top: 18px;} .padd-cart-right img {margin-top: -8px;} .cart-edit-phone-left {float: left; width: 30%;} .cart-edit-phone-right {float: left; width: 70%;} .free-delivery-span { color: #7ea238; font-weight: bold;} .margin-phone-help {margin-top: -8px;} .navi-cart {width: 100%; font-size: 20px; } .navi-step-cart-left {text-align: left; display: inline-block; width: 33%;} .navi-step-cart-center {text-align: left; display: inline-block; width: 33%; /*margin-right: 3px;*/} .navi-step-cart-right {text-align: left; display: inline-block; width: 33%;} .red-border {border-top: 10px solid #E41D22; width: 33%; margin: 10px 0; display: inline-block;} .silver-border {border-top: 10px solid #626262; width: 33%; margin: 10px 0; display: inline-block;} .add-products-input { display: block; position: relative; background: #ec6224; color: #fff; font-weight: bold; font-size: 14px; border: none; max-width: 230px; width: 100%; line-height: 8px; height: 50px; padding: 0px 0 0 32px; margin: auto; border-radius: 5px; cursor: pointer; transition: all .3s; } .add-products-input:before { position: absolute; top: 15px; left: 33px; content:"\f07a"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 21px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .add-products-input:hover { background: #f58451; } .attribut-css {display: block; padding: 4px 8px 2px 4px; font-weight: bold;} .show_hide {display:none; background: url(../images/dostavka_tvinplast.png) no-repeat left; padding-left: 35px; padding-top: 5px; padding-bottom: 5px;} .show_hide2 {display:none; background: url(../images/Easy_Returns-512.png) no-repeat left; padding-left: 35px; padding-top: 5px; padding-bottom: 5px;} .show_hide3 {display:none; background: url(../images/phone-help.png) no-repeat left; padding-left: 35px; padding-top: 5px; padding-bottom: 5px;} .show_hide4 {display:none; background: url(../images/safe-shopping.png) no-repeat left; padding-left: 35px; padding-top: 5px; padding-bottom: 5px;} .line-show-hide {border-bottom: 1px solid #c1c1c1; margin: 18px 0; height: 1px;} .slidingDiv, .slidingDiv2, .slidingDiv3, .slidingDiv4 {padding-top: 5px; text-align: justify;} .plus-minus {float: right; cursor: pointer;} .div-info {padding: 15px 0 0 0; width: 320px; margin: 0 auto; text-align: left;} /*------ Soc ------*/ .print-page {background: url(../images/print-icon.png) no-repeat; width: 20px; height: 20px; display: inline-block;} .print-page:hover {background: url(../images/print-icon-hover.png) no-repeat; width: 20px; height: 20px; display: inline-block;} .fb-share {background: url(../images/facebook-icon.png) no-repeat; width: 20px; height: 20px; display: inline-block;} .fb-share:hover {background: url(../images/facebook-icon-hover.png) no-repeat; width: 20px; height: 20px; display: inline-block;} .gplus-share {background: url(../images/New-Google-Plus-Icon.png) no-repeat; width: 20px; height: 20px; display: inline-block;} .gplus-share:hover {background: url(../images/New-Google-Plus-Icon-hover.png) no-repeat; width: 20px; height: 20px; display: inline-block;} .t-sharea {background: url(../images/Twitter_alt_4.png) no-repeat; width: 20px; height: 20px; display: inline-block;} .t-sharea:hover {background: url(../images/Twitter_alt_4-hover.png) no-repeat; width: 20px; height: 20px; display: inline-block;} .pin-share {background: url(../images/pinterest-icon.png) no-repeat; width: 20px; height: 20px; display: inline-block;} .pin-share:hover {background: url(../images/pinterest-icon-hover.png) no-repeat; width: 20px; height: 20px; display: inline-block;} .button-info {color: #999; font-size: 13px; margin: 10px auto 0; width: 70%;} .title-cart {float: left;} .phone-help{float: right; padding-top: 10px;} /*-- Header Info --*/ .left-info, .center-info, .right-info {width: 30%; float: left; padding:10px;} .left-info span {cursor: help;} .center-info span {cursor: help;} .right-info span {cursor: help;} #head1 {text-align: center;} .payment-cod {padding: 10px 15% 10px 10px; border-bottom: 2px solid #fff; background: #F1F1F1; } .payment-cod p {margin: 0 0 0 18px; color: #9EA9B7; font-size: 0.9em;} .payment-cod input {height: auto; margin-right: 0px!important;} .payment-cursor {cursor: help;} .checkout-button-wrapper {width: 100%; margin-bottom: 32px;} .checkout-button-wrapper1 {width: 100%; margin-bottom: 20px;} .promoPrice {background: url(../images/sale.png) no-repeat; width: 40px; height: 40px; position: absolute; top: 5px; right: 5px;} .logo-cart {margin: 0 auto; padding-top: 20px; padding-bottom: 20px; text-align: center; border-bottom: 1px solid #c1c1c1; } .new-wrapper {width: 1150px; margin: 20px auto 0px; background: #fff;} .quicklinks-box {padding-bottom: 18px;} .quicklinks-box ul {text-align: center;} .quicklinks-box ul li {background: rgba(0, 0, 0, 0) url("../images/banners/icon-arrows.png") no-repeat scroll 102% -44px; display: inline-block; margin: 4px 19px; min-height: 17px;} .quicklinks-box ul li a {font-size: 16px; padding-right: 13px; text-transform: uppercase;} .bike-link {background: url("../images/bike-icon.png") no-repeat; padding-left: 58px!important; padding-top: 6px; padding-bottom: 10px;} .outdoor-link {background: url("../images/outdoor-icon.png") no-repeat; padding-left: 48px!important; padding-top: 6px; padding-bottom: 10px;} .sport-link {background: url("../images/sport-icon.png") no-repeat; padding-left: 48px!important; padding-top: 6px; padding-bottom: 10px;} .shoes-link {background: url("../images/shoes-icon.png") no-repeat; padding-left: 58px!important; padding-top: 6px; padding-bottom: 10px;} .quicklinks-box ul li a:hover {text-decoration: none!important;} /*-- banners-mini --*/ .mini-banners {width: 1150px; margin: 0 auto;} .mini-banners ul {list-style-type: none;} .mini-banners ul li {display: inline-block; width: 375px} .mini-banners ul li div {height: 40px;} .mini-banners ul li h2 {text-align: center; font-size: 18px;} .li-mini-banners {padding-right: 9px;} .li-mini-banners1 {float: right;} .mini_b_button { position: relative; padding: 0.3em 1em; border: 2px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: transparent; font-size: 20px; font-weight: 500; line-height: 1.7em !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; display: inline-block; color: inherit; } .li-mini-banners img:hover { opacity: 0.8; transition: opacity 0.4s ease 0s; } .li-mini-banners1 img:hover { opacity: 0.8; transition: opacity 0.4s ease 0s; } .mini_b_button:hover {color: #fff!important; text-decoration: none; background: url("../images/more-next.png") no-repeat scroll 90% 11px rgba(228, 39, 24, 0.9); padding: 0.3em 2em 0.3em 1em; border: 2px solid transparent;} .mini_b_div {text-align: center;} .home-pro {height: 140px!important;} .home-tumbs {height: 233px!important; width: 15%!important;} /*blog dimi*/ #blog_dimi {margin: 10px 0 0; width: 100%;} #blog_dimi ul {float: left; padding: 5px 0; width: 100%;} #blog_dimi ul li {background: #F1F1F1 none repeat scroll 0 0; float: left; list-style: outside none none; margin-right: 1.3%; min-height: 440px; padding: 2%; width: 196px;} #blog_dimi ul li h2 {height: 58px;} #blog_dimi ul li img {max-width: 100%; margin-bottom: 5px; width: auto; height: auto; } #blog_dimi ul li a {color: #E41D22;} #blog_dimi ul li a:hover {color: #666;} /*help-info-banners*/ .help-info-banners {background: #ddd; height: 78px;} .help-info-banners iframe { float: left; margin-left: 8px} .bg-email {text-align: center; padding-top: 20px; background: none;} .bg-email h2 {font-weight: normal;} .h2-email {background: url(../images/email-icon.png) no-repeat; font-size: 16px; float: left; padding: 10px 0px 10px 45px;} .delivery-style {text-align: center; font-size: 13px; color: #db0000;} .delivery-style span {color:#7ea238; font-weight: bold;} .map-addres-info {padding: 10px 10px 15px 10px; width: 320px; float: left; background: #444; color: #fff; height: 175px;} .map-addres-info p {font-size: 16px;} .info-map-left {float: left; width: 30%; color: #c1c1c1} .info-map-right {float: right; width: 65%; color: #c1c1c1} .map-addres {width: 66%; float: left;} .col {float: left; min-width: 265px; padding-right: 15px; padding-bottom: 20px; padding-left: 5px; } .col h2 {font-size: 16px; color: #222; margin-left: 0; margin-bottom: 8px; padding-top: 0px} .col ul { list-style: none; } .colLine {height: 1px; border-bottom: 1px solid #c1c1c1; width: 100%; margin-bottom: 20px} .social-network {width: 135px; margin: 0 auto; float: right;} .social-network h2 {float: left; margin-bottom: 20px; margin-top: 5px; font-size: 16px;} .social-network img {margin-right: 5px;} .google-iframe iframe {height: 0;} .clear-both {clear: both; display: none;} .help-banner-mini {display: none;} .back-to{ color: #000; padding: 5px 10px; border-radius: 5px; border: 1px solid #111; } .thenk-you-page { margin: 25px auto; padding: 20px 10px; border: 1px solid #c1c1c1; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); text-align: center; width: 90%; } /*LOGIN / REGISTER PAGE*/ .register-banner img { width: 100%; height: auto; max-width: 585px; margin: 0 auto; } #login-overlay.modal-dialog { width: 1150px; margin: 0 auto 30px; } #login-overlay.modal-dialog .modal-content { box-shadow: none; border: none; width: 100%; float: left; } #login-overlay.modal-dialog .modal-content .well.login-form { background: none; border: none; box-shadow: none; } .btn/*.btn-block*/.login-button { background-color: #222; border: 0 none; /* border-radius: 20px;*/ color: #fff; opacity: 1; outline: 0 none; padding: 10px 12px 10px 20px; text-align: center; transition: all 0.3s ease-in-out 0s; width: 265px; float: left; position: relative; } .mobile-filter { display: none; } .btn/*.btn-success.btn-block*/.login-button:hover { /*background-color: #aaa;*/ background-color: #333; box-shadow: none; transition: all 0.3s ease-in-out 0s; } .login-form h2 { border-bottom: 1px solid #ccc; font-size: 16px; margin-bottom: 30px; padding-bottom: 10px; width: 100%; } .panel.panel-primary.pmmPanel { border: none; } .panel.panel-primary.pmmPanel > .panel-heading { background: #fff; border: none; color: #333; } .userProfile .pmmPanel .form-control { float: right; max-width: 585px; } #prCodeKey { height: 35px; padding: 0 10px; } .promo-btn { margin: 0 auto 0 5px; display: block; height: 34px; border: none; color: #fff; background-color: #444444; padding: 0 20px; } .facebook-button { float: left; width: 200px; height: 44px; line-height: 44px; padding: 0px 5px 0px 48px; margin: 0px 18px 10px 0px; background: #3b5791; position: relative; font-size: 13px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: normal; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer; } #google-button { float: left; width: 200px; height: 44px; line-height: 44px; padding: 0px 5px 0px 48px; margin: 0px 0px 10px 0px; background: #df4930; position: relative; font-size: 13px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: normal; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer; } .btn.login-button { background-color: #333; color: #fff; opacity: 1; outline: 0 none; padding: 10px; text-align: center; transition: all 0.3s ease-in-out 0s; width: auto; float: left; position: relative; } .profile-menu { border: 1px solid #ddd; margin-bottom: 50px; } .profile-menu a { color: #000; } .profile-menu li { cursor: pointer; padding: 10px; list-style: none; border-bottom: 1px solid #ddd; } .profile-menu .fa { margin-right: 5px; } .profile-menu .fa-credit-card-alt { font-size: 11px; } .check-all-wrapper #removeBtn { background: #fff; border: 0 none; color: #bcbcbc; opacity: 1; outline: 0 none; padding:20px 10px; text-align: center; transition: all 0.3s ease-in-out 0s; width: 189px; float: right; position: relative; margin-top: -70px; border: 1px solid #bcbcbc; line-height: 1; } .page-fav .product { width: 100%; height: 212px; margin-top: 20px; border-bottom: 1px solid #ddd; } .page-fav .product .image-wrap { float: left; height: 130px; } .page-fav .product .name-wrap { text-align: left; float: left; margin: 50px 0 0 20px; width: 35%; } .page-fav .product .name-wrap .price-group { display: block; margin-top: 15px; color: #000; } /* Shopping-cart */ .fa-shopping-cart { font-size: 27px!important; color: #444; padding-top: 5px; } .actions .cart-account-wrapper .account { float: right; height: 35px; margin-top: 28px; text-align: right; position: relative; } .actions .cart-account-wrapper .account .acc-dropdown { cursor: pointer; } .acc-dropdown i { color: #444; font-size: 23px!important; } .text-login { float: right; padding: 4px 8px } .text-login a { color: #444; font-size: 14px!important; } .actions .cart-account-wrapper .favourite { float: right; height: 18px; margin-top: 31px; padding: 0 20px; text-align: right; width: auto; } .fa-user, .fa-star, .fa-heart { color: #444; font-size: 20px !important; } .button-wrap.catalog { position: absolute; top: 15px; left: 25px; z-index: 999; } .button-wrap.catalog .add-to-favorite { background: #fff url(../images/empty-heart.png) no-repeat scroll center center / 25px auto; float: right; border: 1px solid #dadada; border-radius: 100%; width: 45px; height: 45px; } .button-wrap.catalog .add-to-favorite:hover, .button-wrap.catalog .add-to-favorite.added:hover { -webkit-box-shadow: 2px 2px 0 #ccc inset; -moz-box-shadow: 2px 2px 0 #ccc inset; box-shadow: 2px 2px 0 #ccc inset; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .add-fav-pro { top: 70px; background-color: #333; border: 0 none; color: #fff; opacity: 1; outline: 0 none; padding: 15px 12px 15px 12px; text-align: center; transition: all 0.3s ease-in-out 0s; width: 190px;; float: right; position: relative; font-size: 14px; } .myacc {border: 1px solid #ddd;} .myacc input {width: 350px;} .myacc td {background: #ffffff!important; border: none!important;} .col-xs-12 h2 {margin-bottom: 10px; text-transform: none; font-size: 18px} .panel-title {border-bottom: 1px solid #ddd; padding-bottom: 20px!important;} .list-group-item.list-orders {padding: 25px 15px 40px;} .label-size-1, .label-size-2, .label-size-3, .label-size-4, .label-size-5 {float: left;} .label-size-5 label {float: right;} .label-size-1 { width: 8%;} .label-size-2 {width: 40%;} .label-size-3 {width: 10%;} .label-size-4 {width: 15%;} .label-size-5 {width: 25%;} .list-order1 {margin-top: -12px} .panel-body-mobile {display: none;} .table-condensed {margin-top: 30px;} .acc-Menu { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 2px 2px 0 #ddd; display: none; float: none; overflow: hidden; position: absolute; right: 0px; top: 24px; width: 240px; z-index: 999; } .acc-Menu > li { display: block !important; height: inherit !important; } .acc-body { padding: 20px; } .acc-name { border-bottom: 1px solid #ddd; display: block; font-size: 14px !important; margin: 0 0 15px; padding: 0 0 10px; line-height: 35px; text-align: left; } .acc-body .list-group { margin: 0; } .acc-body .list-group .list-group-item { text-align: left; } .acc-footer { padding: 20px; } .acc-userIcon { border-radius: 39px; padding: 9px; border: 1px solid; font-size: 15px !important; float: left; margin: 0 2px 0 0; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2!important; color: #fff!important; font-size: 15px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } a.list-group-item { color: #555; } .profile-menu i { font-size: 12px!important; } .mobile-acc {display: none;} .col-xs-9 { width: 75%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; min-height: 1px; padding-right: 0!important; padding-left: 0!important; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-primary { background: #333333!important; border:0;} .btn {border:0!important; padding: 10px 60px!important; } .product-buy-btn { } #favorite-size { margin-top: -15px; font-size: 10px!important; background-color: #f0280a; width: 18px; height: 18px; border-radius: 50%; margin-left: 12px; position: absolute; float: right; display: block; text-align: center; vertical-align: middle; font-weight: bold; color: #FFF; line-height: 18px; top: 35px; } .info-slide-text {width: 100%; padding:10px 0; background-color: #f5f5f5;} .home-promo-price {margin-left: 128px!important;} .brand-logo {margin: 20px auto;} .brand-logo img {margin-right: 30px;} .full-width {width: 100%!important} .fa-phone { font-size: 18px!important; padding-right: 5px} .fa-road { font-size: 18px!important; padding-right: 5px} .fa-refresh { font-size: 18px!important; padding-right: 5px} .price-valute {font-size: 17px; font-weight: normal;} .fullname {padding-right: 0!important; padding-left: 0!important; width: 100%!important; display: block!important;} #dlg-cart-add img {padding-right: 10px;} .edit-cart img {margin: 10px; width: 80px!important; height: auto!important; float: left;} .pull-right {font-size: 16px!important;} .col-xs-3 {display: none;} .col-xs-9 {width: 100%!important;} .h1-editimput {width: 100%; float: left; margin: 25px 0 15px 0;} .checkout-button-wrapper {width: 69%; float: right; margin-top: 20px;} .product-OConf img {margin: 10px; width: 80px!important; height: auto!important;} .arrow-down { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #E41D22; padding: 0; margin: 0 0 0 5px; } .arrow-down-none { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; padding: 0; margin: 0 0 0 5px; } .sizeTd {width: 45%} /*.glyphicon {margin: 0 10px 0 20px;}*/ .col-xs-9 h2 {color: #333!important;} .cash-on-icon {background: url(../images/cash-on-delivery-not-avl.png) no-repeat #F1F1F1; background-size: 102px 40px; background-position: 98% 50%;} .paypal-icon {background: url(../images/paypal-new.png) no-repeat #F1F1F1; background-size: 174px 60px; background-position: 98% 50%;} .prepayment-icon {background: url(../images/bank.png) no-repeat #F1F1F1; background-size: 100px 45px; background-position: 98% 50%;} .checkboxFa {float: left; margin-top: 75px;} .formError {display: inline-block!important;} /*Promocode*/ .codeKey {padding: 10px; border-radius: 30px; background: #dbdbdb; width: 159px;} .removePC {border-radius: 30px; background: #333333; padding: 10px 20px; margin-left: 5px; color: #fff!important;} .form-control {border-radius: 5px!important;} /*Promocode end*/ /*Black Friday*/ .blackfriday-bg {width: 100%; background: url(../images/black-friday/devil-black.png) no-repeat bottom #000; background-size: 100%; color: #fff; padding: 20px 10px 35%;} .bf-img {width: 90%; margin: 0 auto;} .bf-img img {text-align: center; width: 100%} .bf-img h2 {font-size: 28px; text-transform: none; text-align: center; font-weight: normal;} .bf-img p {color: #c1c1c1!important; font-size: 14px; padding-left: 50px!important;} .number1 {font-size: 21px; background: url(../images/black-friday/1.jpg) no-repeat; padding: 5px 10px 5px 50px;} .number2 {font-size: 21px; background: url(../images/black-friday/2.jpg) no-repeat; padding: 5px 10px 5px 50px;} .number3 {font-size: 21px; background: url(../images/black-friday/3.jpg) no-repeat; padding: 5px 10px 5px 50px;} /*Black Friday End*/ .related-products-wrap:after { display: block; content: ''; clear: both; } .products-wrap .left-home-banner, .mid-home-banner, .right-home-bannera{ text-decoration: none; } .related-products-title { font-size: 1.2rem; text-align: center; padding: 30px 0 20px; } .related-products-wrap li.product.thumbs { list-style-type: none; width: 180px; float: left; margin: 0 20px 20px; } .related-products-wrap li.product.thumbs .rel-product-image { height: 210px; position: relative; } .products-seen-wrap:after { display: block; content: ''; clear: both; } .products-seen-title { font-size: 1.2rem; text-align: center; padding: 30px 0 20px; } .products-seen-wrap li.product.thumbs { list-style-type: none; width: 180px; float: left; margin: 0 20px 20px; } .products-seen-wrap li.product.thumbs .rel-product-image { height: 210px; position: relative; } .product.thumbs .product-name { margin-top: 5px; } .bank-info {display: block!important;} @media only screen and (max-width: 1366px){ .homepage-banners-slide {width: 100%;} } @media only screen and (max-width: 1200px){ .mini-banners ul li {display: inline-block; width: 32%;} .mini-banners ul li div {height: 40px;} .li-mini-banners1 { float: none; } } @media only screen and (max-width: 1149px) { #floating-menu{ width: 24%; } #head1 .actions, #head1, #head-wrapper1, #head, #wrapper, ul.menu_l1 { width: auto; margin: 0 15px; } .favourite .fav-none, .cart-account-wrapper .welcome-name { display: none; } .game-form-subscribe {width: 55%;} .div-iframe {width: 100%;} #slogan {margin-top: -18px;} #product-desc {width: 50%} #product-content {padding-bottom: 20px;} .threebanners img {width: 32%;} #head1 .actions, #head1 { width: auto; margin: 0 15px; } #product-photo {width: 100%;} #product-photo-navi {width: 40%;} .free-delivery { margin: 8px 0 0 30px; } #head1 .actions span { font-size: 11px; } .header-search{ margin-left: 40px; margin-top: 20px; } .input-search { width: 300px; } #group-products{ width: 75% } .product { width: 46%; text-align: center; } .product.thumbs>div { margin: 0 auto; } #footer-del1 { border-right: none; width: 47% } #footer { width: 100%; } #footer-copyright { width: 100%; } #cat-middle { width: 75%; } .attr-wrap.qty { width: auto; float: none; } .button-wrap { float: none; width: auto; } .button-wrap>input { float: none !important; padding: 0px !important; } .add-to-cart-wrap { margin: 0px; } .contact-info img { float: none !important; width: 100% !important; height: auto !important; margin-bottom: 10px; } .contact-info iframe { width: 100% !important; scrolling: no; } #slogan p { font-size: 19px; } .virtual-office { display: none; } .size-tables .full-width-img { width: 100%; height: auto; } .checkout-button-wrapper {width: 69%;} .navi-cart {font-size: 1em;} #product-desc { width: 42%; } .left-info {width: 28%;} .center-info {width: 28%;} .right-info {width: 32%;} .phone-header {display: none;} .new-wrapper {width: 100%; margin: 20px auto 0px;} .posts-line {border-bottom: 1px solid #c1c1c1; width: 100%; margin:25px 0px 15px;} /* Homepage - slider adjustment */ /*@media only screen and (max-width: 900px) { #slogan { margin: -70px 0 20px; } .livrare {display: none;} .mls1 {display: none;}*/ .li-mini-banners {width: 32%; text-align: center;} .li-mini-banners1 {width: 32%; text-align: center;} .li-mini-banners a img { width: 100%; height: auto;} .li-mini-banners1 a img { width: 100%; height: auto;} .bannerproducts-ie-home-page img {width: 100%;} .bannerproducts-ie-home-page { float: left; width: 100%; } #blog_dimi ul li {width: 19%;} .new-wrapper{margin: 0 auto;} #leftcontent {padding-top: 0;} .map-addres {width: 60%; float: left;} .bg-email {width: 60%} .help-info-banners iframe { width: 100%!important; height: 64px!important; margin: 5px 0 0 0; border-bottom: 1px solid #999; } .h2-email {width: 110px; margin: 0 auto; float: none;} .help-info-banners {height: 200px;} .social-network {float: none; padding-top: 20px;} .social-network h2 {display: none;} .clear-both {clear: both; display: block;} .col {min-width: 22%;} #login-overlay.modal-dialog { width: 100%; } .button-wrap { margin-top: 15px; } .bannerproducts-ie-home-page {width: 97%; margin: 20px 15px; } .mini-banners {width: 98%; padding-left: 15px} .div-info {width: 100%} #attributes {width: 100%} #photos {width: 20%} } @media only screen and (max-width: 1024px){ .mid-head, .top-info, .content-wrap, .category-icons-wrap, .home-circle-banners-wrap, .footer-top, .footer-middle, .footer-bottom{ width: 100%; } .footer-colum-last-footer{ height: 270px; } .breadcrumbs-wrap{ float: left; } .description-wrap img{ width: 100%!important; height: auto!important; } .filters-wrap ul{ top: 80px; } .breadcrumbs-wrap{ margin: 10px 0; } #breadcrumbs{ width: 100%; box-sizing: border-box; } #product-photo{ width: 59%; } .fast-add-to-cart-wrap{ margin-top: 15px; } .photo-big{ width: 420px; } .product-actions{ width: 40%; float: left; } .vertical-group > .products-wrap > a > .product-wrap{ width: 180px; } .home-cirlce-banners img{ width: 200px!important; height: 200px!important; } .left-home-banner img, .mid-home-banner img, .right-home-banner img{ width: 100%!important; height: auto!important; } .header-search-wrap{ margin-left: 25px; } .product-wrap{ width: 300px; height: 520px; } .account-wrap, #shopping-cart-wrap{ margin-right: 25px; } } @media only screen and (max-width: 947px) { .catIcon_, .catIcon_1, .catIcon_2, .catIcon_3, .catIcon_4, .catIcon_5, .catIcon_6, .catIcon_7, .catIcon_8, .catIcon_9 {background: none; padding-left: 10px!important;} .catIcon_:hover, .catIcon_.current, .catIcon_1:hover, .catIcon_1.current, .catIcon_2:hover, .catIcon_2.current, .catIcon_3:hover, .catIcon_3.current, .catIcon_4:hover, .catIcon_4.current, .catIcon_5:hover, .catIcon_5.current, .catIcon_6:hover, .catIcon_6.current, .catIcon_7:hover, .catIcon_7.current, .catIcon_8:hover, .catIcon_8.current, .catIcon_9:hover, .catIcon_9.current {background: none; padding-left: 10px!important;} .input-search { width: 250px; } .home-promo-price { margin-left: 70%!important; } .unslider img {width: 100%; height: auto;} } @media screen and (max-width: 900px) { .category-icons-wrap {width: 100%;} .left-info {width: 24%;} .center-info {width: 26%;} .right-info {width: 38%;} #head1 {margin: 0;} .left-info, .center-info, .right-info {padding: 10px 5px} } @media screen and (max-width: 850px) { .iframe3 {display: none;} .iframe4 {display: block;} #slogan {margin-top: -105px;} .mls1 {display: none;} .game-form-subscribe {width: 65%;} .navi-cart {font-size: 1em;} .left-info {width: 22%;} .center-info {width: 34%;} .right-info {width: 42%; text-align: left; padding: 10px 10px 10px 40px;} .phone-header {display: none;} .li-mini-banners {width: 31%; text-align: center; float: left; padding-bottom: 30px;} .li-mini-banners1 {width: 31%; text-align: center; padding-bottom: 30px;} .li-mini-banners a img { width: 90%; height: auto;} .li-mini-banners1 a img { width: 90%; height: auto;} .mini-banners ul li h2 { text-align: center; font-size: 14px; } .li-mini-banners { padding-right: 0;} .cart-hover-menu { left: -140px; } .map-addres {width: 55%; float: left;} .welcome-name {display: none;} .fav-none {display: none;} .actions .cart-account-wrapper .account { float: right; height: 35px; margin-top: 30px; text-align: right; width: auto; } .left-info {width: 24%;} .center-info {width: 20%;} .right-info {width: 34%;} .navi-cart {font-size: 0.9em;} .h1-editimput {width: 100%;} .checkout-button-wrapper {width: 100%;} } /* Tablet (Portrait) */ @media screen and (max-width: 768px) { .mid-head, .content-wrap, .category-icons-wrap, .home-circle-banners-wrap, .footer-top, .footer-middle, .footer-bottom{ width: 100%; } .product-actions{ width: 100%; padding: 0 20px; box-sizing: border-box; } .filters-wrap ul{ top: 130px; } .filter-category-top{ width: 100%; float: none; box-sizing: border-box; } .fitler-trigger, .filters-wrap-none{ border: none; } .filters-wrap-block{ display: none; width: 100%; float:left; padding-top: 3px; } .filter-drop{ border: 1px solid #ddd; position: relative; } .filter-group{ width: 100%; box-sizing: border-box; margin: 2px 0; background-color: #fff; margin-left: 0; border: 1px solid #ddd; } select { border: none; } .filter-group-last{ width: 45%; margin-top: 15px; position: absolute; z-index: 99; right: 10px; } .filters-wrap-none{ display: block; margin-right: 100%; width: 45%; margin-top: 15px; padding: 15px 10px; font-size: 18px; -webkit-appearance: menulist; float: left; border: 1px solid #ddd; } .filters-wrap{ padding: 0 10px; box-sizing: border-box; } .vertical-group > .products-wrap > a > .product-wrap{ width: 130px; } .product-wrap{ width: 215px; height: 430px; } #wrapper{ width: 100%; } .photo-big{ width: 100% } .mousetrap{ width: 100%!important; height: auto!important; } .account-wrap, #shopping-cart-wrap{ margin-right: 10px; } .top-info{ width: 100%; } .vertical-group > .products-wrap > a > .product-wrap{ height: 280px; } .home-product-wrap{ width: 145px; height: 280px; margin: 0; } .cart-text{ display: none; } .header-search-imput{ width: 94%; } .header-search-button{ width: 5%; } #shopping-cart-wrap{ padding-right: 5px; } .header-search-imput{ font-size: 14px; } .logo-wrap-mobile{ width: 50px; display: block; float: none; position: absolute; text-align: center; left: 40px; top: 10px; right: 0; } .logo-wrap{ display: none; } .home-trio-banner{ width: 94%; margin:auto; } .header-actions-wrap{ width: 10%; margin-top: 15px; right: 0; position: absolute; margin-bottom: 0; float: left; } .header-search-wrap{ width: 80%; float: left; margin-left: 45px; } .header-search-form{ width: 100%; margin-top: 5px; } .header-search-mobile{ display: none; } .mid-head, .content-wrap, .category-icons-wrap, .home-circle-banners-wrap, .footer-top, .footer-middle, .footer-bottom{ width: 100%; } .top-info{ width: 410px; } .home-cirlce-banners img{ width: 200px!important; height: 200px!important; } .left-home-banner img, .mid-home-banner img, .right-home-banner img{ width: 100%!important; height: auto!important; } .left-home-banner, .mid-home-banner, .right-home-banner{ width: 27%; } .home-cirlce-banners{ margin: 0 10px; } .footer-column{ width: 100%; margin: 15px 0; text-align: center; } .footer-contacts-a{ width: 15%; } .footer-contacts-b{ width: 21%; } .footer-contacts-c{ width: 14%; margin: auto; } .header-search { display: none; } .iframe1{display: none;} .game-form-subscribe {width: 80%;} #head1 .actions, #head1, #head-wrapper1, #head, #wrapper { width: auto; margin: 0px 5px; } #head1 .actions, #head1 { margin: 0 5px; width: auto; } .links { display: none; } .ico { display: block; height: 25px; padding: 0; } .logo img { width: 100%; } .input-search { width: 100px; } .header-search { margin-left: 30px; width: 56% } #head1 .actions span { font-size: 11px; } #head .actions { width:50%; } .menu_l1 { display: none; } #product-photo{ width: 100%; padding: 0 20px; box-sizing: border-box; } .mobile-nav-wrap { float: left; height: 100%; display: table; } .mobile-nav-button { display: table-cell; vertical-align: middle; height: 28px; width: 28px; padding: 10px; } .mobile-nav-button i.fa.fa-bars { font-size: 28px; } #footer-menu { display: none; } #footer {margin: 0 auto;} #footer-del1 { width: 43%; margin: 5px 5px 20px; } #product-desc { float: none; width: 100%; padding: 0; } #photos{ display: none; } #product-photo-navi { display: none; } .flexslider { display: none; } #product-desc { padding: 0 15px; } #floating-menu { /*width: 100%;*/ display: none; } #cat-left { /*width: 100%;*/ display: none; } .page-content #floating-menu { width: 100%; display: block; margin-top: 10px; } .page-content #cat-left { width: 100%; display: block; } #cat-left ul li a { border-bottom: 1px solid #ccc; display: block; font-weight: bold; padding: 10px; text-decoration: none; } #cat-left ul li ul { display: none; } #cat-left ul { padding: 0px; text-align: center; } #cat-left1 { /*width: 100%; text-align: center;*/ display: none; } #cat-left1 ul li a { border-bottom: 1px solid #ccc; display: block; font-weight: bold; padding: 10px; text-decoration: none; } #cat-left1 ul li ul { display: none; } #cat-left1 ul { padding: 0px; } #cat-middle { width: 100%; } #group-products { width: 100%; } .ui-dialog { width: 100% !important; left: 0 !important; box-sizing: border-box; } #FormProductAdded > table > tbody > tr > td > table > tbody > tr > td:first-child { display: none; } .ui-dialog-buttonpane { text-align: center !important; } button.ui-state-default.ui-corner-all { margin: 5px !important; padding: 5px !important; } .info-sidebar { display: none; } .info-content { padding: 0 25px; } .info-content { width: 100% !important; } .attr-wrap.qty { width: 45%; float: left; } .button-wrap { width: 100%; margin: 0 auto 0; } .fast-add-to-cart-wrap{ margin: 0; } .threebanners img { margin-bottom: 6px; width: auto; } .iframe-container { display: none; } #dimi-building { width:100%; height:auto; margin-bottom: 15px; } #slogan {display: none;} #leftcontent iframe { display: none; } #head1 .actions .phone .mls { font-size: 21px; } .phone { margin:7px 15px 0; } .free-delivery { margin: 8px 0 0 10px; } .size-tables { width: 100% !important; height: auto !important; } .padd-cart-left {float: left; width: 45%; margin-top: 5px} .padd-cart-right {float: left; width: 50%;} .cart-edit-phone-left {float: left; width: 40%;} .cart-edit-phone-right {float: left; width: 60%;} .navi-cart {font-size: 0.8em;} .steps-checkout {padding: 5px 5px 5px 10px;} #attributes {width: 90%;} .div-info { width: 90%;} .left-info {width: 40%; font-size: 16px; float: none; margin: 0 auto;} .center-info {display: none;} .right-info {display: none;} .quicklinks-box ul { text-align: center; width: 70%; margin: 0 auto; } .quicklinks-box ul li {margin: 4px 19px 15px;} .bannerproducts-ie-home-page {text-align: center;} .bannerproducts-ie-home-page img {width: 60%; padding-bottom: 20px;} .bannerproducts-ie-home-page { width: 96%; } .fourproducts-ie-home-page { display: block; width: 100%; } .home-tumbs { height: 233px!important; width: 45%!important; } .cart-hover-menu { left: -190px; } .map-addres {width: 50%; float: left;} .bg-email {width: 68%;} .panel-body-desktop {display: none;} .panel-body-mobile {display: block;} .mobile-orders {padding: 25px 15px 20px!important;} .add-fav-pro { top: 0px;} #product-desc { border: none; } .div-info {width: 320px;} .add-to-favorite {width: 50px;} .add-products-input {width: 320px;} #attributes {width: 320px;} .payment-cod { padding: 10px 50% 10px 10px; } } @media only screen and (max-width : 680px) { .img-1 {} .img-2 {margin-left: 0px;} .img-3 {margin-left: 0px;} .header-search {margin-left: 20px; width: 48%;} .left-info {width: 100%; margin: 0 auto;} .center-info {display: none;} .right-info {display: none;} .payment-cod {display: normal; width: 100%; text-align: left; padding-bottom: 20px;} /* .paypal-icon img {height: 52px!important;} .prepayment-icon img {height: 45px !important;} .sofort-icon img {height: 45px !important;}*/ .li-mini-banners {width: 100%; text-align: center; float: left; padding-bottom: 30px;} .li-mini-banners1 {width: 100%; text-align: center; padding-bottom: 30px;} .li-mini-banners a img { width: 90%; height: auto;} .li-mini-banners1 a img { width: 90%; height: auto;} #blog_dimi ul li {width: 28%; margin-bottom: 6px; padding: 10%;} #blog_dimi {width: 100%; margin: 0 auto;} .home-tumbs { height: 233px!important; width: 30%!important;} .map-addres {width: 100%; float: none;} .map-addres-info {width: 100%; float: none; padding: 10px 0;} .col {min-width: 45%;} .help-banner-big {display: none;} .help-banner-mini {display: block;} .editTD {display: grid; width: 100%;} .saveSubmit {margin-left: 15px!important;} } @media only screen and (max-width : 559px) { .related-products-wrap li.product.thumbs { width: 100%; margin: 0px; box-sizing: border-box; height: 250px; } .related-products-wrap li.product.thumbs .rel-product-image { float: left; } .products-seen-wrap li.product.thumbs { width: 100%; margin: 0px; box-sizing: border-box; height: 250px; } .products-seen-wrap li.product.thumbs .rel-product-image { float: left; } #head1 .actions, #head1, #head-wrapper1, #head, #wrapper1 { width: auto; } .input-search { width: 90px; } .game-body {height: 620px;} .header-search { display: none; } #head .actions a.caption { display: none; } .phone { display: none; } .free-delivery{ display: none; } .icon-phone { display: inline; float: right; margin: 4px 0 4px; padding: 4px 0px 4px 15px; border-left: 1px solid #333; } .ico { display: none; } .header-links { display: inline-block; float: left; } .links { display: inline-block; float: left; } #head .logo{ margin: 12px 0; } #head1 .actions span { font-size: 14px; } .header-search-mobile { display: block; float: none; width: 100%; margin: 0 auto; height: 40px; } .search-button { background: url(../images/search-icon-new.png) no-repeat; border: medium none; color: #fff; float: right; font-size: 16px; height: 39px; padding: 8px 15px 10px 22px; } #head .actions form.search {margin-bottom: 10px;} .header-search-mobile .input-search { width: 60%; } .logo img { width: auto; margin-top: 7px; } #head .actions { width:100%; float: none; } .cart { margin-top: 22px; } #slogan p { font-size: 15px; } .product { width: 97%; text-align: right; height: 200px; padding: 20px 0; border-bottom: 1px solid #ececec; } .product.thumbs>div { margin: 0 auto; } .product>div { margin: 0 auto; } .product .image-wrap { height: 200px; position: relative; float: left; width: 172px; } .checkout-table thead,.checkout-table tfoot { display: none; } .checkout-item { overflow: hidden; } .checkout-table td:first-child { display: block; } .checkout-table td { border-bottom: none !important; text-align: left; } .checkout-table tr { display: block; border-bottom: 1px solid #E8E8E8; } .checkout-table tr:last-child { border: none; } .checkout-table td, .checkout-table th { border-right: none; } .checkout-summ { display: block; background: #F4F4F4; border: 1px solid #E8E8E8; margin: 0 0 10px; text-align: right; border-radius: 3px; color: #000; } .checkout-summ:after { content: ''; display: block; clear: both; } .summ-left, .summ-right { float: left; width: 50%; padding: 10px; box-sizing: border-box; } .summ-left { border-right: 1px solid #E8E8E8; } .table-user-information td { display: block; border: none !important; padding: 0 !important; margin: 0; } .table-user-information tr { padding: 1px 0; display: block; } .steps-checkout { display: none; } .threebanners img { margin-left: 0; } .image-map { display: none; } .contact-form iframe { width: 100%; } .checkout-button-wrapper { float: none !important; width: 65%; } .checkout-button-wrapper a { display: block; margin: 0px !important; } .checkout-button-wrapper1 { float: none !important; width: 65%; margin-top: 15px; } .checkout-button-wrapper1 a { display: block; margin: 0px !important; } .pull-right { float: none !important; } .continue-shopping { display: block !important; } .col-xs-3.order-confirm-input { display: none; } .body-content.order-confirm-input { border: none !important; } .col-xs-9.order-confirm-input { width: 100%; } .col-xs-9.order-confirm-input table { width: 100%; } .text-top { display: none; } .text-bottom { display: block; } .img-2 {margin-left: 0px;} .img-3 {margin-left: 0px;} .size-tables .half-width-img { width: 100%; height: auto; } #footer-del1 { width: 100%; min-height: 335px; margin: 5px 5px 20px; padding: 0; color: #fff } #footer-del1 h3 { text-transform: uppercase; } .title-cart { margin: 0 auto; } .phone-help{ padding-top: 27px; padding-bottom: 10px; } .home-tumbs { height: auto!important; width: 90%!important; margin: 0 0 0 12px; } .mini-banners ul li { display: inline-block; width: 100%; } .myacc input { width: 100%; } .btn.login-button { margin-bottom: 20px; } .actions .cart-account-wrapper .favourite { float: right; height: 18px; margin-top: 32px; padding: 0 20px; text-align: right; width: auto; } .actions .cart-account-wrapper .account { float: right; height: 35px; margin-top: 30px; text-align: right; width: 30px; } #favorite-size { top:37px; } .continue-shopping { padding: 5px !important; } .img-paypal { width: 100%!important; } .bank-info { left:10px!important; width: 90%!important; } .h2-email { width: 50%!important; } .sizeTd { width: 100%; } label { max-width: 95%!important; } } /* Smartphones (portrait) */ @media only screen and (max-width : 480px) { .mid-head, .content-wrap, .category-icons-wrap, .home-circle-banners-wrap, .footer-top, .footer-middle, .footer-bottom{ width: 100%; } .fast-add-to-cart-wrap, .add-to-cart-wrap{ width: 100%; margin-top: 10px; } .left-table-dialog{ width: 40%; } .not-found-wrap img{ width: 100%; } .right-table-dialog{ width: 58%; } .yes{ display: none; } .ui-button-text-only .ui-button-text{ padding: 0!important; } .za-nas-img{ width: 100%; float: none; padding: 10px; } .za-nas-img img{ width: 100%!important; } .add-cart-button{ bottom: 0; } .flexslider{ display: block; width: 100%; float: left; box-sizing: border-box; } .photo-big{ display: none; } .category-groups ul li{ width: 100%; margin-bottom: 20px; } .h1-title-wrap{ margin-top: 30px; } .category-groups ul{ text-align: center; } .category-groups ul li:last-child{ margin-bottom: 0; } .category-groups{ margin-top: 5px; padding: 0 10px; box-sizing: border-box; } .selected-filters ul{ width: 100%; } .selected-ul{ text-align: center; } .filter-category-top{ width: 100%; float: none; box-sizing: border-box; } #text h1{ font-size: 25px; } .fitler-trigger, .filters-wrap-none{ border: none; } #product-info{ text-align: left; } .filters-wrap-block{ display: none; width: 100%; float:left; } .product-wrap{ width: 46%; height: 375px; margin: 10px 7px; } .filter-drop{ border: 1px solid #ddd; position: relative; } .product-listing-wrap{ padding: 0px 6px; margin-top: 20px; box-sizing: border-box; } .filter-group{ width: 100%; box-sizing: border-box; margin: 2px 0; margin-left: 0; border: 1px solid #ddd; } select { border: none; } .filter-group-last{ width: 45%; margin-top: 15px; position: absolute; z-index: 99; } .filters-wrap-none-in{ border: 1px solid #ddd; padding: 15px 10px; } .filters-wrap-none{ border: none; padding: 0; } #submitForm{ margin-top: 120px; } .vertical-group{ padding: 0; width: 100%; } .vertical-group > .products-wrap > a > .product-wrap{ width: 150px; margin: 10px; } #cat-middle{ padding: 0 20px; } .description-wrap img{ width: 100%!important; height: 100%!important; } .product-name-product-page > h1{ line-height: 1.3em; } #breadcrumbs{ padding: 0 10px; box-sizing: border-box; } .top-info{ width: 100%; } .product-actions{ float: none; text-align: center; width: 100%; padding: 15px; box-sizing: border-box; } .account-wrap, #shopping-cart-wrap{ margin-right: 0; } .home-product-wrap{ width: 45%; height: 310px; } .cart-text{ display: none; } .header-search-imput{ width: 87%; } .header-search-button{ width: 13%; } #shopping-cart-wrap{ padding-right: 5px; } .header-search-imput{ font-size: 14px; } .logo-wrap-mobile{ width: 50px; display: block; float: none; position: absolute; text-align: center; left: 40px; top: 10px; right: 0; } .logo-wrap{ display: none; } .home-trio-banner{ width: 94%; margin:auto; } .header-actions-wrap{ width: 10%; margin-top: 15px; right: 0; position: absolute; margin-bottom: 0; float: left; } .header-search-wrap{ width: 65%; float: left; margin-left: 45px; } .left-home-banner, .mid-home-banner, .right-home-banner{ width: 90%!important; } .home-cirlce-banners img{ width: 100%!important; height: 100%!important; } .left-home-banner img, .mid-home-banner img, .right-home-banner img{ width: 100%!important; height: auto!important; } .left-home-banner, .mid-home-banner, .right-home-banner{ width: 27%; } .home-circle-wrapper{ background-image: none; background-color: #dcaba6; } .home-cirlce-banners{ margin: 20px 0; width: 70%; } .footer-column{ width: 100%; margin: 15px 0; text-align: center; } .footer-contacts-b{ width: 57%; } .footer-contacts-a{ width: 40%; } .footer-contacts-c{ width: 35%; } #text{ padding: 0 10px; } .category-icons{ width: 31.6%; padding-bottom: 50px; } .category-icons-wrap{ margin-bottom: 0; } .top-info-right, .top-info-left{ float: none; } .info-slide-text{ margin-top: 15px; text-align: center; } .header-search-form{ width: 100%; margin-top: 5px; } .fourproducts-ie-home-page .product-wrap, .fourproducts-ie .product-wrap { width: 47%; margin: 0 2%; } .fourproducts-ie-home-page a:nth-child(2n) .product-wrap, .fourproducts-ie a:nth-child(2n) .product-wrap { margin-left: 0; } #blog_dimi { width: 100%; } .header-search-mobile{ display: none; } .quicklinks-box {display: none;} .related-products-wrap li.product.thumbs { height: 180px; } .products-seen-wrap li.product.thumbs { height: 180px; } .product .image-wrap { height: 140px; width: 120px; } .ico { display: block; height: 25px; padding: 0; } .links { display: none; } .icon-truck, .icon-envelope { font-size: 18px; } #help object { width: 100% } .button-wrap { width: auto; } .delivery-paragraph { padding: 0px; } .add-to-cart-wrap { margin: 0px; } .attr-wrap.qty { width: 37%; } .icon-truck, .icon-envelope { padding: 7px; } .product { height: 140px; padding: 20px 5px; } .product img { max-width: 120px; margin-right: 5px; } #slogan img { margin: 0px !important; } #bike-sizes { width: 100%; height: auto; } .cart { margin-right: 3px; margin-top: 22px; } #wrapper iframe { width: 100%; height: 330px; } .game-form-subscribe { width: 90%; } .minion-game {display: none;} .fb-game {width: 100px;} .game-form {padding-bottom: 10px;} .cart-display-none {display: none;} #attributes {width: 233px;} .div-info { width: 233px;} .checkout-button-wrapper {display: none;} .promoPrice {right: 0px;} #blog_dimi ul li {width: 100%; margin-bottom: 10px; float: none; padding: 0;} #blog_dimi ul li h2 {text-align: center!important; margin: 0; padding-left: 30px; padding-right: 30px;} #blog_dimi ul li p {padding: 10px 30px;} #blog_dimi {width: 100%; margin: 0 auto; text-align: center;} .bannerproducts-ie-home-page img {width: 100%; display: none;} .blog3 {display: none;} .blog4 {display: none;} .bg-email {width: 95%;} .col {min-width: 40%;} .zopim {display: none!important;} .add-products-input {width: 310px} .brand-logo img {margin: 0 30px 0 0; width: 40%; height: auto;} .brand-logo {margin: 0 0 0 10px;} .bannerproducts-ie-home-page {width: 92%} .mini-banners {padding-left: 0} .fourproducts-ie-home-page {float: none;} .ui-dialog .ui-dialog-buttonpane button {width: 240px!important; float: none!important;} .edit-cart img {margin: 10px; width: 100px!important; height: auto!important; float: none;} .titleProduct_cart {width: 80%;} .editTD {padding-left: 0!important;} .titleProduct_cart {padding-left: 10px; padding-bottom: 10px;} } @media only screen and (max-width : 370px){ .header-search-wrap{ width: 60%; } .product-wrap{ width: 44%; margin: 10px; } } @media only screen and (max-width : 330px){ .header-search-button{ width: 16%; float: none; } .header-search-imput{ width: 80%; } }