main { min-height: 70vh; position: relative; } #OpenPanel .drop_pannel_open, #ClosedPanel .drop_pannel_close { position: absolute; } #OpenPanel .drop_pannelink_s { background-position: inherit!important; line-height: 7px!important; } table [id*="mgmticons"] { display: block; } table [id*="mgmticons"] table { line-height: 20px; background: #FFF8CE; } table [id*="mgmticons"] table td { background-repeat: no-repeat; } table [id*="mgmticons"] table td a, table [id*="mgmticons"] table td a img { margin: 0; } table [id*="mgmticons"] a, table [id*="mgmticons"] a:hover, table [id*="mgmticons"] a:active {background-color:transparent;} a[href*="tel"] { unicode-bidi: embed; direction: ltr; } .absolute-center { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; } .big { font-size: 1.4444rem; display: block; color: #02742f;} .medium-big{font-size:1.33rem;} .medium-larger{ font-size: 1.222rem; } .medium { font-size: 1.1111rem; } .smaller { font-size: 0.8889rem; } .light { font-size: 0.7778rem;} .semi{font-weight:600;} .siteColor { color: #02742f; } .siteMediumColor{color:#02742f;} .siteDarkColor{color:#02742f;} .prefooter .siteColor a, .prefooter .siteColor a:hover { color: #02742f; } .black { color: #000; } .gray { color: #C8C8C8; } .green { color: green; } .transparent { color: transparent; } .normal { font-size: 1rem; color: #000; } .normal:hover { font-size: 1rem; color: #000; } .editor_text img { max-width: 100%; } .editor_text .contact-left img { max-width: 100%; width: 22px!important; } .editor_text ul li {list-style-image: url(../../../design/images/bullet.png) !important; margin-bottom: 10px !important;} .modal-header h1{ font-size: 30px; text-align: center; } .modal-open { /* padding-right: 0!important; */ overflow-y: scroll!important; } .heading { margin: 1.2778em 0 2.1111em 0; } .home .heading {margin: 1.5em 0 1em 0;} .toolbars { border-bottom: 0; margin: 10px 0 30px 0; } .title-hp {padding: 0 15px;color: #02742f;font-weight: 600;font-size:36px;} .map iframe { height: 19.74vw !important; width: 100% !important;} .map { clear: both; display: block;} #BG4{border-bottom:0px solid #02742f;} .item { margin-bottom: 30px; } /*edit panel*/ #ClosedPanel table td, #OpenPanel table td { line-height:10px; } #bsPanelXMLDiv { text-align: left; } .imageupload_wrapper { position:absolute; z-index:10; float: right; margin-left: 20px; } .error404 h1 {text-align:center;} .modal-footer .btnpr {float: left;} .modal-footer .btnpr:first-child { padding: 10px 0;margin-bottom: 15px;} .modal-content .btn-sm {padding: 9px 0;} .customerclub input[type=checkbox] { margin-right: 0 !important; } .product .oldprice span, .complexproduct .oldprice span { padding-left: 12px;} .clubpays { color: rgb(192, 0, 0); font-weight: 600; padding-right: 15px; margin-top: 12px; position: relative; } .clubpays:before { display: block; content: '|'; position: absolute; color: black; right: 0; top: 0; } /*home*/ .banners-links {max-width: 1168px; margin: 0 auto!important; width: 100%;padding-bottom: 22px;} .banners-links .image {position: relative;} .banners-links .item {margin-bottom: 37px;} .name-hp {text-align: center; background: rgba(2, 49, 20, 0.86); position: absolute;bottom: -1px; left: 0;right: 0; height: 48px;} .name-hp h2 {font-size: 22px;font-weight: 300; color: #ffffff; margin: 8px 0 0 0;height: 24px; overflow: hidden;} #most-sold-home { max-width: 1154px; margin: 0 auto!important; width: 100%;padding-bottom: 22px;} #most-reccomend-home { max-width: 1154px; margin: 0 auto!important; width: 100%;padding-bottom: 20px;} .banner-images-home { max-width: 1168px; margin: 0 auto!important; width: 100%;padding-bottom: 68px;} a.see_all {color: #02742f; font-size: 18px; position: relative;top: -3px;} .editor2-hp, .editor1-hp{ max-width: 1158px; margin: 0 auto; width: 100%;} #news-home { max-width: 1169px; margin: 0px auto!important; width: 100%;padding-bottom: 22px;} .banner-images-home .image {position: relative} h2.title-hp {display: inline;} .title-most {text-align: center; margin-top: 16px;margin-bottom: 26px;} a.see_all i { color: #02742f; font-size: 11px; position: relative; top: -1px;} .banners-links .brdr-hp:hover .name-hp { background: rgb(2, 49, 20);} .newsletter-container { border-left-color: #ffffff!important;} .footer-menu-block #top-menu span { color: #ffffff;} /* Yagur Styles*/ .mr-15 { margin-right: -15px!important; } .ml-15 { margin-left: -15px!important; } .pr-15 { padding-right: 0px!important; } .pl-15 { padding-left: 0px!important; } .pr30 { padding-right: 30px!important; } .pl30 { padding-left: 30px!important; } .pr40 { padding-right: 40px!important; } .pl40 { padding-left: 40px!important; } .pr10{padding-right:10px;} .pl10{padding-left:10px;} .mr15 { margin-right: 15px; } .ml15 { margin-left: 15px; } .NoMargin { margin: 0px!important; } .NoMarginLeft { margin-left: 0px!important; } .NoMarginRight { margin-right: 0px!important; } input[placeholder] { color: #9c9c9c;font-size:1rem; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #9c9c9c; font-size:1rem; } ::-moz-placeholder { /* Firefox 19+ */ color: #9c9c9c; font-size:1rem; } :-moz-placeholder { /* Firefox 18- */ color: #9c9c9c; font-size:1rem; } /* Header */ header { color: #000;} header a, header a:hover, header a:focus { color: #000; } .hez a, .hez a:hover, .hez a:focus { color: #02742f; } .menu-general { text-align: center;} .top_header {padding: 0px;font-size:1rem;color: #02742f;} .top_header a{color: #02742f;} .top_header .panel_position { padding-top: 13px; padding-bottom: 0px; } #navbar-sticky { z-index: 9; } .is-sticky #navbar-sticky { background-color: #fff; } .is-sticky #navbar-sticky .logo > a > img{max-width:100px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .is-sticky #navbar-sticky .top_header.row.NoMargin { display: none;} /* Search */ .search { margin-top: 33px; display: inline-block;position: relative; top: 0px; } div#autoSuggest20689 ul { margin-bottom: 5px;} #searchbox {height:1.2778em;margin:0; margin-top: 0px; border: none;border-bottom:1px solid #000;border-left: 0px;border-radius: 0; box-shadow: none; width: 220px; padding: 0px;background: none; } .search-btn{ height: 1.2778em; width: 20px; padding: 0px 2px 0px 0px; border: 0px solid #000; border-right: 0px; background: none; } .top-search { padding-left: 15px; position: relative; } .top-right, .top-left .user-top-menu { margin-top: 10px; margin-left: 15px; } #cart_qnt{padding-left:3px;color:#02742f;font-weight:600;} header .logo > a > img { display: inline-block; padding: 14px 0 10px 0;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .logo.navbar-header { float: none; text-align: center;} header i { color: #02742f;} header i.icon-facebook{position: relative; top: 2px;color:#3a589e;} /* language-select-top */ .language-select-top {position: relative;height: 25px;margin-right:3em;margin-left:15px;} .language-select-top i.arrow {position: absolute;left: 18px;} .language-select-top .arrow {position: absolute;top: 0;left: 58px;cursor: pointer;z-index: 0;line-height: 0.889em;} .language-select-top .arrow:before { font-size: 14px; } .language-select-top select {display: block;border: none;font-size: 1em;margin-left: 10px;-moz-appearance: none;-webkit-appearance: none;background: transparent;padding:2px 10px 0;float: right;color: #02742f;height:1.22em;cursor:pointer;} .language-select-top select::-ms-expand{display:none;} .navbar-toggle .icon-bar { margin-top: 0px;} .icon-menu { float: right;/*width:36px;*/ } .icon-search { font-size: 1em;color:#02742f } .text-menu { font-size: 1.2223rem; /*line-height: 45px;*/ margin-right: 10px; margin-top: 0px; color: #000; float: right; line-height: 21px; } .form-search { margin: 0px 0 0 0; position: relative; } #hc2 ul li { list-style-type:none; } .top-cart {width: 132px;margin-right: 2.5em;padding-left: 0;padding-right: 0px;margin-top: 38px;text-align: right;} .top-cart .cart-title{color:#02742f;font-weight: 600;} .top-cart i { font-size: 1.125rem;color:#02742f;float:right; } i { color: #000; font-size: 1.125rem; } #P322{margin-right:50px;padding-top: 17px;} #P322 li{margin-left:1.5em;} #P322 i{font-size:initial;float:right;padding-left:10px;} #P322 a{font-weight:600;color:#02742f;} .user-top-menu { cursor: pointer; } .user:after { color: #fff; content: "|"; padding: 0 10px 0 0; display: inline-block; } #top-menu, #top-link, #login, #username, #entery { margin:0px 0px 0px 0px; } .social-networks-footer ul#top-link i { font-size: 1rem; position: relative; top: 4px;color: #02742f;} .social-networks-footer ul#top-link i:after{content:"|";padding:0 0.5em;} .social-networks-footer ul#top-link li:last-child i:after{content:"";} .social_networks { font-size: 1rem; margin-top: 11px; } /* sap menu */ .sapMenu ul, .loginFrame { background-color: #fff; padding:0; margin-bottom: 0; -webkit-box-shadow: 1px 5px 5px rgba(0,0,0,.28); -moz-box-shadow: 1px 5px 5px rgba(0,0,0,.28); box-shadow: 1px 5px 5px rgba(0,0,0,.28); border: solid 2px #02742f;} .sapMenu ul li a {line-height: 34px;border-bottom: 1px solid #a5a5a5;display: block;color: #000;padding: 0;font-size: 1rem;font-weight: normal; } .sapMenu ul li:last-child a { border: none; color: #02742f; } .sapMenu { z-index: 1010; position: absolute; left: -78px; top: 40px; width: 175px; } .SapMenuPage .list-unstyled { padding: 30px 0; margin: 0 -15px; height: 195px; } .SapMenuPage .list-unstyled li { width: 40%; float: right; margin: 10px 15px 0; border-bottom: 1px solid #c5c5c5;} .SapMenuPage a:hover { color: #d2232a; text-decoration: underline; } /* login top */ a#signup-btn { margin-top: 51px;} .signup-link {width: 100%;} .loginpage a#btnBlack{width: 100%;padding: 1em 1.6em !important;color: #02742f !important;background-color: #ffffff !important;border: 3px solid #02742f !important;box-shadow: 0 3px 4px rgb(0 0 0 / 20%);} .loginpage .signup-panel .signup-link{padding: 4px 0;max-width: 175px;border: 2px solid;color: #393939;background: #F6F6F6;} .signup-link i {color: #02742f;} .loginFrame { z-index: 1010; position: absolute; top: 50px; left: 15px; padding-top: 15px;width: 547px;} div#P83 h2 { color: #000; font-size: 0.8889rem;} .loginFrame ul li a { color:#000; line-height: 30px; padding: 0 10px; } .loginFrame fieldset .label { width: 32%; padding: 0; padding-right: 15px; text-align: right; font-size: 0.8889rem;} .loginFrame fieldset .input { width: 61.7%; position: relative; } .loginFrame fieldset .label label { color: #000;font-size:1.11rem; } .loginFrame fieldset .input input { height: 26px; } .loginFrame .col-md-offset-4 { margin-right: 27.8%; } .loginFrame .col-md-8 { width: 70%; } #loginform > .col-md-8 { width: 66.66666667%; } .loginFrame #forgotpassword-btn { color: #ED1941; font-weight: normal; font-size: 0.8889rem;padding-bottom:10px; } .loginFrame .editor_text { text-align: center; } #loginform > div:first-child { border-left: 1px solid #000;height: 286px;margin-bottom: 25px;} .loginFrame #login-btn, .loginFrame #fb-login, .loginFrame #signup-btn, .loginFrame #authorize-button { width: 100%;color:#fff; } .social_networks #fb-login { background: #3B5998; width: 100%; } .loginFrame .social-networks-login-title { color: #404041; margin-top: 15px; font-weight: bold; } .loginFrame .social-networks-login-title p { margin-bottom: 0;} .loginFrame fieldset label.col-sm-3 { width: 90px; padding-left: 0px; padding-top: 0px; } .loginFrame fieldset .col-sm-9 { width: 195px; padding-right: 0px; } .hover-user a { text-decoration: underline;} .welcome-msg { margin-left: 0;padding-top: 16px!important; } /* forgotpassword window */ #forgotpasswordwindow label { color: #404041; font-size: 0.8889rem; line-height: 31px; } #forgotpasswordwindow .input-field { width: 77%; position: relative; } #forgotpasswordwindow input { height: 31px; width: 100%!important; } #forgotpasswordwindow #send-btn { margin-left: 33px; font-size: 1.1rem; } #forgotpasswordwindow #send-btn span{padding:0;} .forgotpassword_frame { width: 100%; min-height: 175px; } #forgot_password { width: 314px; margin-bottom: 0; height: 37px; cursor: pointer; } #forgotpassword { cursor: pointer; font-size: 1em; color: #f47920; } #forgotpasswordwindow .form-group { position: relative; float: right; width: 100%; margin-bottom:0; } #forgotpasswordwindow .form-group > .field_label { width: 100%; /*float: right; line-height: 37px;*/ } #forgotpasswordwindow .form-group > .field_input { width: 100%; /*float: left; position: relative;*/ } .top-menu a { color: #02742f; } .top-menu img { margin-left:10px; } #top-link li { padding: 0 0.375em 0 0.375em; } .social-networks-footer #top-link li{padding:0;} #top-link li.menu-separator { padding: 0 0.2em 0 0.14em; position: relative; font-size: 1rem} #top-link a:hover, #top-link a:active, #top-link a:focus { text-decoration:none; } .sapmenu_open > a:hover, .sapmenu_close > a, .sapmenu_close > a:hover { color: #f47920; } .header_links2{margin-top: 35px;} .header_links2 a,.header_links2 a:hover{color:#02742f;font-weight:600;border-bottom:4px solid #a5ce43;} .cart-loading, #hc2{ float:left; position: relative; margin-top: 0px; } #login a, #login a:hover, #UserName a, #UserName a:hover { } #login_close { color: #f47920; text-decoration: underline; } .logo a:last-child { display: inline-block; } i.cart_icon{background:url(/design/images/cart_icon.png) no-repeat center; width:26px;height:26px;display:inline-block;} i.user_icon{background:url(/design/images/user_icon.png) no-repeat center; width:26px;height:26px;display:inline-block;} /* Footer */ section.prefooter { padding: 27px 0; color: #000; } .prefooter a:hover, .prefooter a, .prefooter a:focus {font-size: 1rem; color: #ffffff;} footer { font-size: 0.7778rem; } footer #footer-text .editor_text { display: table;} footer #footer-text .editor_text span { float: right;} footer #footer-text .editor_text div { float: right;} footer .footer-text { padding: 0.7778em 0; } footer #footer-text { margin: 0; } #P54{padding-top:1.5em;} .contact-inform{padding-top:13px;} .contact-inform ul li { display: inline-block;} .contact-inform ul li:not(:first-child)::before { content: "|"; padding-left: 0.35em;} .contact-inform ul { -webkit-padding-start: 0;} .prefooter-content{ margin-top: 0px; border-bottom: 1px solid #fff; margin-bottom: 20px; } .prefooter h4 { font-weight: bold; font-size: 1rem; color: #f47920; padding-bottom: 0px; } #footer-content { padding-bottom: 20px; } #footer-content span div{ padding-right: 15px;font-size: 0.8889rem; } #footer-text li:first-child { margin-left: 25px; } .footer-logo { margin-top: 30px;} .footer-logo img { float: right; margin-left: 0.625em;} .bottom-menu { font-size: 0.8889rem; text-align: center; margin-bottom: 1em;} #myModalLabel { font-weight: 600; font-size: 1.22rem; border-top: 1px solid #b6b6b6; margin-top: 6px; padding-top: 6px;color: #02742f;} .newsletter-container { border-left: 1px solid #02742f;} ul#social-links-footer { margin-bottom: 0;} .newsletter fieldset { position: relative; } .newsletter fieldset .LV_validation_message { height: 25px; } .newsletter fieldset label { font-size: 1rem; display: block; clear: both; color: #02742f; font-weight: normal;} .newsletter fieldset label:first-child { font-weight: 600; font-size: 1.22rem;} .newsletter fieldset label:not(:first-child) { margin-bottom: 1em;color:#000;} .newsletter fieldset label {color:#ffffff!important} .newsletter fieldset input[type=text] { margin: 0; float: right;border-color:#dcdcdc; } .groupRadio { margin-bottom: 10px; } .newsletter button { outline: none!important; } .newsletter fieldset button[type="submit"] { margin-right: 4px; margin-top: 0px; float: right;background: #06943e; } .social-networks-footer { padding-top: 28px; float: right; } .social-networks-footer h3 { font-size: 1rem; color: #000;important; display: inline-block; margin-left: 10px; font-weight: normal; } .social-networks-footer #social-links-footer { display: inline-block; } #social-links-footer li { padding: 0px 10px; } .list-2-levels-footer { margin: 0 -15px; margin-top: 0px; } .list-2-levels-footer, .list-2-levels-footer ul { padding: 0px 0; } .list-2-levels-footer > li { list-style: none; /*border-right: 2px dashed #000; min-height: 24.5vh;*/ } .list-2-levels-footer li { list-style: none; } .list-2-levels-footer h3 { color: #000; margin: 4px 0px; font-weight: bold; font-size: 1rem; } /* mobile-menu-bottom */ #mobilemenu { background: #efefef; position: relative; } #mobilemenu .mobile-search { background: none; } .mobilemenu .navbar { margin-bottom: 0; padding: 0;} #mobilemenu_bottom i { font-size: 1.2rem; color: #02742f; display: block; clear: both; margin-top: 10px; /*height: 1.2em;*/ } #mobilemenu_bottom { margin-bottom: 0!important; position: relative; } #mobilemenu #info-list li:first-child { margin: 0px; } #mobilemenu #info-list li:first-child a { padding: 0px 10px; text-align:left; } #mobilemenu #info-list li:first-child i { font-size: 0.889rem } #mobilemenu_bottom li { width: 20%; padding: 0 0 6px 0; border-left: 1px solid #ababab; text-align: center; float: right; } #mobilemenu_bottom li:last-child { border-left: 0 solid #fff; } #mobilemenu_bottom a, #mobilemenu_bottom a:hover { color: #02742f; text-decoration: none; } .affix-bottom { position: fixed; width: 100%; bottom: 0; right: 0; z-index: 100; } .navbar.mobile-menu { border: 0;} #mobmenu_back i, .btn-search-mobile i {font-size: 0.7888rem; } #mobmenu_back i span { font-size: 1.112rem; font-family: 'assistant', Arial, Sans-Serif; } #mobilemenu .mobile-search .navbar-search { padding-top: 22px; height: 90px; } #mobilemenu .mobile-search .navbar-search input, #mobilemenu .mobile-search .navbar-search input[placeholder] { color: #000; } #mobilemenu #mob_menu_cart_btn { position: relative; display: inline-block; } #mobilemenu a[href="cart"] > span {position: absolute;left: 5px;top: 30px;color: #02742f;background: #fff;border-radius: 50%;border: 1px solid #02742f;width: 19px;height: 19px;line-height: 18px; text-align: center;font-size: 0.7222rem;} .btn-search-mobile { background-color: transparent; border: 0px; padding-top: 6px;} .btn-search-mobile i { font-size: 1.6667rem; } ul#mobilemenu_bottom a { display: inline-block;} #mobilemenu .info-list { position: absolute; left: 5px; bottom: 71px; width: 200px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #fff; border: solid 3px #02742f; } #mobilemenu .info-list:before { position: absolute; bottom: -12px; left: 50px; display: inline-block; border-right: 10px solid transparent; border-top: 10px solid #02742f; border-left: 10px solid transparent; border-bottom-color: rgba(0,0,0,0.2); content: ''; } #mobilemenu #info-list { display: block; list-style: none; padding: 0; margin: 0; margin-top: 4px; } #mobilemenu #info-list li { margin: 0 10px 5px; border-bottom: 0px solid #b6b6b6; } #mobilemenu #info-list li:last-child { border-bottom: none; } #mobilemenu #info-list li a { padding: 0px 10px 5px 10px; display: block; } /* body */ main section { margin-bottom: 50px; } .breadcrumb { font-size: 0.8889rem; margin-top: 0.25em; } .breadcrumbs h1, .page-title h1, .SideMenu h1 { padding-bottom: 0.23em; margin-top: 0; color: #02742f; margin-bottom: 0.9em; font-weight: 600; } .product_list .page-title h1 { margin-bottom: 18px; border-bottom: 0px; padding-bottom: 0px; } .filter_title { margin-top: 0; margin-bottom:91px; color: #02742f; line-height:1.1; font-weight: 600; font-size: 1.36rem;} .filter .icon-arrow-down:before { color: #f47920; font-size: 0.7778rem; } .filter .icon-arrow-up:before { font-size: 0.7778rem; } .breadcrumb a, .breadcrumb a:hover, .breadcrumb li, .breadcrumb li:hover { color: #000; } .page-content nav { text-align: center; } /**STYLE BACK TO TOP**/ #back-top { bottom: 30px; position: fixed; left: 10px; z-index: 90; display: none; } .sticker-wrapper { -webkit-transition: all 100ms ease-in-out 0s; position: relative; left: 0; top: 0; transition: all 100ms ease-in-out 0s; } .sticker { -webkit-border-radius: 50%; -webkit-transition: all 100ms ease-in-out 0s; background: rgba(210, 35, 42, .7) url(/design/images/up-arrow.png) 50% 50% no-repeat; display: table-cell; font-size: 1.1666rem; font-weight: 700; height: 50px; text-align: center; transition: all 100ms ease-in-out 0s; vertical-align: middle; width: 50px; border-radius: 50%; border: 1px solid #fff; } #back-top a:hover .sticker-wrapper { left: 5px; top: 5px; } #back-top a:hover .sticker { height: 60px; width: 60px; } /**END BACK TO TOP**/ /* Home */ .sales-home .bottom { padding-top: 28px;} .home div#P909 { max-width: 1165px; margin: 0 auto 40px;} /* homepage */ .home button#jump-to-anchor { position: fixed; bottom: 30px; z-index: 1010; background: none; margin: 0 auto; left: 0; right: 0; padding: 0; width: 110px; border: none; display: none; } .home button#jump-to-anchor > img { background: rgba(255, 255, 255, .7); border-radius: 50px; width: 55px; height: 55px; border: 2px solid #000; } .home button#jump-to-anchor:hover > img { background: rgba(210, 35, 42, .43); border-radius: 50px; } .home .title { font-size: 1.2223rem; } .editor-main-home .editor_text .col-md-6 { padding-top: 15px;} .editor-main-home{display:inline-block;width:100%;} .home .editor-homepage { float: none; display: inline-block; } .top-categories-home { padding: 0 15px; } .home .main-banner-mobile { margin-bottom: 20px; } .home #menu-list-hp-mobile .item { float: none; display: inline-block; } .home #menu-list-hp-mobile .img-responsive { display: inline-block; } .heading {} .home .banner-list-hp .heading { padding-top: 10px; margin-bottom: 1em;} .banners-sales-list-hp .heading { margin: 10px 0 20px 0;} .banner-list-hp {padding-bottom: 0px;} .banners-sales-list-hp .image { position: relative; } .banners-sales-list-hp .text-center { background-color: #fff;} .small-sale:nth-child(1), .small-sale:nth-child(2) { margin-bottom: 15px;} .banners-sales-list-hp .sale-hp .description h2 { height: 2.4em; margin-bottom: 20px; } .sale-hp {padding-top: 17.5px; padding-bottom: 18.5px;} .for-details { font-size: 0.8889em; padding-top: 0.3125em;} .banners-sales-list-hp .banners-sales { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .banners-sales-list-hp .description h2 { font-size: 1.2222rem; font-weight: bold; margin-bottom: 6px; color: #000; height: 1.31em; overflow: hidden;} .banners-sales-list-hp .item{ margin-bottom:0; } .sale-hp .labelImageList { width: 30%;} .sale-hp .newOnSite { font-size: 0.8em;} .home .brands-list-hp .brand { margin-bottom: 30px; } .brands-home { margin-bottom: 30px; } .sale-hp .image img { max-height: 168px;} .banners-sales-list-hp { margin-bottom: 20px;} .banners-sales.banner-big { background-color: #fff; border-left: 15px solid #ebebeb; border-right: 15px solid #ebebeb;} .sale-hp .col-md-12 { padding-left: 30px; padding-right: 30px;} .banner-images-home a[title]{display:block;} #news-home .description { height: 92px; overflow: hidden; } #news-home h3{font-size: 22px; font-weight: 500; margin: 5px 0 5px 0px; height: 31px; overflow: hidden;} #news-home .articles-hp-wrapper{display:inline-block;float:none;} #news-home a:hover,#news-home a:hover .description{text-decoration:none;} #news-home .articles-hp-wrapper .description{height: 6.2em;overflow: hidden;line-height: 1.65em;} .small-links:nth-child(1), .small-links:nth-child(2) { margin-bottom: 15px;} .banners-links-list-hp .banners-links { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .banners-links{padding-top:3px;} .banners-links h2{font-size:1.33em;} .hp-main-links{margin-bottom:1.3em;} .hp-main-links a, .hp-main-links a:hover{text-decoration:none;} .banners-links-list-hp .item{ margin-bottom:0; } .banners-links-list-hp { margin-bottom: 30px;} .imageupload_wrapper2 { z-index: 50; margin-top: 30px; position: relative;} .category-title { height: 4.27vw; text-align: center; font-size: 1.666669vw; font-weight: bold;position: relative;} .category-title a, .category-title a:focus, .category-title a:hover { color: #fff; left: 0; right: 0;} .green { background-color: #3a9a15;} .orange { background-color: #f57921;} .gray { background-color: #2a2a2a;} .category-title img { max-height: 2.864581vw;} #scrollerContainer1 .labelImageList { position: absolute; top: -209px; right: 0px; max-width: 202px; max-height: 32px; } #scrollerContainer1 .promoImageList { position: absolute; top: -32px; right: 0px; max-width: 202px; max-height: 32px; } #scrollerContainer1 .label { padding: 0px; font-weight: normal; } #classes-home li { margin-top: 0.8888em; } #classes-home .link-to-page { display: inline-block; } #classes-home li a div { font-size: 1.4444rem; } .news-home { margin-bottom: 20px; } .news-home .description { font-size: 1rem; height: 100px; overflow: hidden;} .news-home .name { font-size: 1rem; font-weight: bold; padding-top: 4px; } .link-to-page { display: inline-block; width: 100%; } .link-to-page .image { position: relative;} .banners-home { margin-top: 20px; } .brands-home div[class*=' col'] { float: none; display: inline-block;} .home .list-inline { margin-right: 0px!important; } .picture_wow { height: 54px; } /*CategoriesList*/ .CategoriesList .image { position: relative; } .CategoriesList .description { margin-bottom: 0px; } .CategoriesList .name h2 { font-size: 1.44rem; margin-bottom: 0px;color:#fff; font-weight:normal; margin-top: 0 !important;height: auto !important; overflow: visible; position: absolute; top: 45%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; } .CategoriesList .name { position: absolute; bottom: 0; background-color: rgba(48, 87, 15, 0.87);width: 100%; text-align: center; height: 1.965em;overflow: hidden;} .CategoriesList a:hover .name,.CategoriesList a:focus .name{ color: #fff; } .CategoriesList .nameBlock { position: relative; height: 100%; } .CategoriesList hr{border-color:#d6d6d6;padding:10px 0;} /* CategoriesList hp*/ .CategoriesList_hp h2 { color: #071626; font-size: 2rem; } .CategoriesList_hp > div[class^="col"] { float: none; display: inline-block; margin: 2% 0; } /* last_viewed_hp */ .last-viewed { margin-bottom: 3%; } .last-viewed h2 { font-size: 24px; font-weight: 400; color: #000; } .last-viewed .oldprice { text-align: right; direction: rtl; } .last-viewed .saleprice { direction: rtl; } .last-viewed .image{ position: relative; } .last-viewed .image img{ display: inline-block; } .last-viewed .labelImageList { position: absolute; top: 0px; left: 0px; } .last-viewed .text-center { direction: rtl; } /*Mobile*/ #menu-list-hp-mobile li{ margin-bottom: 10px; } #menu-list-hp-mobile li:last-child { width: 100%!important; margin-bottom: 0px; } #menu-list-hp-mobile li:last-child .menu-title-mobile { display: none; } .menu-title-mobile { position: absolute; bottom: 20px; left: 5px; color: #fff; font-size: 30px; background-color: #4f473f; padding: 2px 20px 5px 20px; } #sale-list-hp-mobile, #menu-list-hp-mobile{ margin-bottom: 5px!important; } h4.panel-title:before, .h4.panel-title:before { font-size: 0.89rem; content: '-'; float: left;color: #02742f;} .collapsed h4.panel-title:before, .collapsed .h4.panel-title:before { content: '+'; } .product h4.panel-title:before, .complexproduct h4.panel-title:before, .product .h4.panel-title:before, .complexproduct .h4.panel-title:before { content: '\e924'; font-family: 'icomoon'; font-weight: bold; } .product .collapsed h4.panel-title:before, .complexproduct .collapsed h4.panel-title:before, .product .collapsed .h4.panel-title:before, .complexproduct .collapsed .h4.panel-title:before { content: '\e925'; } .product h2.panel-title:before, .complexproduct h2.panel-title:before, .product .h2.panel-title:before, .complexproduct .h2.panel-title:before { content: '\e924'; font-family: 'icomoon'; font-weight: bold; } .product .collapsed h2.panel-title:before, .complexproduct .collapsed h2.panel-title:before, .product .collapsed .h2.panel-title:before, .complexproduct .collapsed .h2.panel-title:before { content: '\e925'; } h2.panel-title:before, .h2.panel-title:before { font-size: 0.89rem; content: '-'; float: left;color: #02742f;} .collapsed h2.panel-title:before, .collapsed .h2.panel-title:before { content: '+'; } h2.panel-title, .h2.panel-title{font-size: 1rem;font-weight: 600;} .noProductImage { padding-bottom: 12px; } .noProductImage .newProduct { bottom: 12px; } .noProductImage .labelImageProduct { left: 0px; } /*auto complite*/ .suggestion_list { background: white;-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.49); -moz-box-shadow: 0 5px 8px rgba(0,0,0,.49); box-shadow: 0 5px 8px rgba(0,0,0,.49); border: solid 2px #2b2b2b; padding: 0; font-size: 0.8889em; line-height:120%; width: 240px; top: 23px!important; left: 0!important;} .suggestion_list ul { padding: 0px; margin: 0; list-style-type: none; color: #000;} .suggestion_list ul li { background: white;padding: 4px;} .suggestion_list ul li:nth-child(odd) { background-color: #ebebeb; padding: 4px; } .suggestion_list a { text-decoration: none; color: #000;} .suggestion_list .selected { color: #02742f; cursor: pointer;} .autosuggest { display: none;} /*message alert*/ div.message-alert { background: #f47920; border-radius: 0px; color: #fff; font-size: 20px; font-weight: bold; padding: 20px 60px; position: fixed; width: 50%; left: -9999px; right: -9999px; margin: auto; text-align: center; top: 0; z-index: 99999; } div.message-alert button { background: url("/design/images/close.png") no-repeat scroll 0 0 transparent; border: none; height: 1em; position: absolute; right: 15px; top: 35%; width: 1em; z-index: 9999; } div.message-alert button:hover { background-position: 0 -1em; cursor: pointer; } .ui-loader{ display: none; } /*cart*/ #ShoppingCart .theader:first-child { padding-right: 0px!important; } #ShoppingCart .theader:last-child { padding-left: 0px!important; } #ShoppingCart .theader{font-size:1.22em;} .tdata { border-bottom: 1px solid #b6b6b6; padding-top: 1.1em; padding-bottom: 1.1em; font-size: 1rem; } .tdata:last-child { border-bottom: 0px solid #b6b6b6;} .cart-order .subtotal {border-top: 1px solid #b6b6b6; border-bottom: 0px; padding-top: .55em;} .discount { padding-bottom: 20px; font-size: 1em; } .column-delete a{ color: #000; font-size: 1.11rem; } .column-delete i.icon-cancel {color: #000; font-weight:bold; font-size:0.61rem;} .ShoppingCart .saleprice , .ShoppingCart .saleprice span {font-size: 1.22rem;color:#000;font-weight:normal;} .ShoppingCart .oldprice { font-size: 0.8889rem; display: block; } .ShoppingCart .sum { padding-bottom: 0.91em; padding-top: 0.91em; color: #000; font-size: 1.333rem; font-weight: bold; float: left; } .ShoppingCart .price span:first-child, #ShoppingCart_Total .price span:first-child { direction: ltr; display: inline-block; } .cart-currency { font-size: 0.8889em; } #ShoppingCart input[type="text"] { width: 50px; margin-bottom: 0px; height: 26px; font-size:1em; text-align: center; margin-left: 20px; display: inline-block; } .ShoppingCart .close { float: right; font-size: 0.7778em; font-weight: 400; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=100); opacity: 1; } .ShoppingCart .close:focus, .ShoppingCart .close:hover { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=100); opacity: 1; } .ShoppingCart .close span { text-decoration: underline; } .buttons { margin-top: 6px; } #ShoppingCart .btn { font-size: 1em; } #ShoppingCart .btn span{ padding: 5.5px 1.2em; } #ShoppingCart h2 { margin-top: 0px; color: #000; font-weight: bold;} div#ShoppingCart .brdr { max-width: 180px;} .prop { margin-bottom: 10px; font-size: 1rem; } .qnt-update { font-size: 0.8889em; } .tdata .prop img { width: 30px; } .tdata .qnt-update a { color:#02742f; display: inline-block;font-size:1rem; } .total-row { background-color: #ecf3fa;} #ShoppingCart .footer { float: left;margin-bottom: 20px; margin-top: 15px; } #ShoppingCart .cart_btn a { padding: 0; } #ShoppingCart .cart_btn > a img { margin: 4px 5px 0 10px; } #ShoppingCart .cart_btn > a:last-child { float: right; padding: 4px 0; } #ShoppingCart .cart_btn > a:first-child {margin-left: 5px; float: right; color: #02742f; padding: 3px 0; } #ShoppingCart .cart_btn > a:first-child { border: 2px solid #02742f; background-color: #fff;} #ShoppingCart .cart_btn > a:last-child span { padding: 4px 1.2em; } #ShoppingCart .cart_btn > a:first-child img { margin-top: 4px; } #ShoppingCart .cart_btn > a:last-child img { margin-top: 10px; height: 1em; } #ShoppingCart .secure-checkout {font-size: 0.8889rem;margin-top: 10px;padding: 0 0 0 50px;float: right;background: url('../images/secure-checkout.png') no-repeat 32px center;} /* loginpage */ .required { color: #ff0000; } label { font-size: 1.111em; font-weight: 400; } .login input[type="text"], .login input[type="password"] { height: 26px; } .login input[type="password"] { margin-bottom: 0; } .login h2, .signup h2 { margin-bottom: 20px; font-weight: normal; font-size: 1.222rem; } .modal-body .btn { margin-top: 15px; } .login fieldset > .row .form-group:nth-child(2) { margin-bottom: 0; } .login fieldset > .row .form-group:last-child { margin-top: 40px; } .loginpage .btnOneRow > div { width:58.33333333%; float: none; display: inline-flex !important;} .loginpage .text-right { max-width: 1286px;} .loginpage .btnOneRow .facebook-login-panel, .loginpage .btnOneRow .googleplus-login-panel { width: 100%; } .loginpage .btnOneRow .facebook-login-panel {margin-left:15px;} .loginpage .btnOneRow .facebook-login-panel i, .loginpage .btnOneRow .googleplus-login-panel i{color:#fff; } .loginpage .btnOneRow .googleplus-login-panel {margin-right:15px;} #fb-login { background-color: #3B5998; } #fb-login span, #authorize-button span { padding: 0px 13px; } #fb-login span img { margin: 0px 15px 0px 0px; } .login_width {max-width: 290px;width: 100%;margin: 0 auto;} .login_width .signup-panel{margin-top: 35px;margin-bottom: 25px;} .loginpage .social-networks{margin-top: 50px;font-weight: 600;color: #02742f;} .title-signup {margin-bottom: 9px;} .loginpage a#btnBlack i {color: #02742f; font-size: 0.5rem;position: relative;margin-right: 10px;top: -1px;} .loginpage .control-label{text-align: right;} .username { display: none; } .signup { margin-bottom: 20px; } .signup .checkbox { position: relative; margin-bottom: 0; margin-top: 5px;} .checkbox .LV_validation_message { top: -37px; padding: 0; background-color: transparent; } .signup .checkbox label, .UpdateDetails .checkbox label, .ContactUs .checkbox label, #comments-form .checkbox label { padding-right: 30px; } .UpdateDetails .checkbox label a{ display: inline!important; float: none; } .signup .checkbox input[type="checkbox"], .UpdateDetails .checkbox input[type="checkbox"], .ContactUs .checkbox input[type="checkbox"], #comments-form .checkbox input[type="checkbox"] { margin: 5px 0 0 15px; line-height: 1em; width: 20px; height: 20px; /*float: right;*/ } .signup .checkbox input[type="checkbox"]:before,.UpdateDetails .checkbox input[type="checkbox"]:before, .ContactUs .checkbox input[type="checkbox"]:before, #comments-form .checkbox input[type="checkbox"]:before { content: ''; background: #fff; border: 1px solid #4f473f; width: 19px; height: 19px; display: block; } .signup .checkbox input[type="checkbox"]:checked::before, .UpdateDetails .checkbox input[type="checkbox"]:checked::before, .ContactUs .checkbox input[type="checkbox"]:checked::before , #comments-form .checkbox input[type="checkbox"]:checked::before { content:'✔'; } .loginpage .control-label { padding-left: 0; margin-bottom: 0; } .UpdateDetails .checkbox .LV_validation_message { top: -38px; padding: 0; } .UpdateDetails .page-content .content h2 { margin-top: 0; margin-bottom: 20px; font-size: 30px; padding: 0 15px; color: #000; } /* Changepassword */ .ChangePassword h2, .UpdateDetails h2, .SapOrders h2 { margin-top: 0px; font-weight: bold; font-size: 1.3333em; margin-bottom: 1.08em; color: #f47920; } /* form validation */ fieldset input, #forgot_password { position: relative; } /*Search results*/ .AllResults #subHeaders { margin-bottom: 2em; } .AllResults #subHeaders li a { font-size: 1em; } .AllResults .CategoriesList .item a { font-size: 1.1112em; } /*ShoppingCart_Order*/ .shipping-br { border: 1px solid #b6b6b6;} .shipping-cart .cart-empty { padding: 15px; } .shipping-cart .price span:first-child{ direction: ltr; display: inline-block; } #ShoppingCart_Order .tdata, #ShoppingCart_Total .tdata, #ShoppingCart_Total .cart-total { margin-right: 0!important; margin-left: 0!important; } #ShoppingCart_Order .tdata { border: none; font-size: 1em; padding-top: 10px; } #ShoppingCart_Order .code { font-size: 0.8889rem; margin-bottom: 8px; margin-top: 2px; } #ShoppingCart_Order .discount { padding: 10px 0; } #ShoppingCart_Order .color > img { max-width: 30px; } #ShoppingCart_Order h2, #ShoppingCart_Total h2 { margin-top: 0!important; } #ShoppingCart_Order hr { border-top: 1px solid #b6b6b6; border-bottom: none; margin: 0 15px 5px 15px; } #ShoppingCart_Order .title-bold { font-size: 1rem; font-weight: bold;} div#ShoppingCart_Order .cartTitle { font-size: 1.1111rem;margin-bottom: 8px;font-weight: 600;color: #02742f;} #ShoppingCart_Total { display: table; width: 100%; } #ShoppingCart_Total .total .sum { font-weight: bold; padding-top: 5px; } #ShoppingCart_Total .tax-sum { margin-bottom: 10px; margin-top: -10px; } #ShoppingCart_Total .sum { font-weight: bold; font-size: 1.2223em; } #ShoppingCart_Total .tdata { padding: 10px 0; font-size: 1em; border-bottom: 1px solid #a5a5a5; } #ShoppingCart_Total .cart-total { padding: 10px 0; } #ShoppingCart_Total .tdata > div {padding:0;} #ShoppingCart_Total .total.sum{padding-right:0;} .tdata.subtotal{padding:10px 0;} .tdata.subtotal > div{padding-right:10px;} .shopping-total{background:#ecf3fa;padding:10px;} .total { color: #000; font-size: 1.22rem; font-weight: bold; } /* Hidden Page */ .HiddenPage .item { background: url('../images/bullet.png') no-repeat right 12px; padding-right: 25px; } /* Categories */ .categories .categories-bullets .item { background: url('../images/bullet.png') no-repeat right 12px; padding-right: 20px; margin-bottom:30px; } /* Categories2 */ .read-more { color: #02742f; font-size: 0.8889rem; margin-top: 0.7em; } .read-more i{color: #02742f; font-size: 0.6rem;} .description:hover, .read-more:hover { text-decoration: underline;color: #000; } /* categories with images, article list images */ .categories-images .brdr, .CategoriesList .brdr { position: relative; } .brdr { border: 1px solid #cecece;} .categories-images a { } .categories .name h2 { font-size: 1.1112rem; font-weight: bold; } .categories .description, .AllResults .description { font-size: 0.8889rem; height: 4.25em; overflow: hidden;} .descDiv{height: 4.15em; overflow: hidden;} .categories-images .image { position: relative; } .categories-images h2 { margin-top: 10px; height: 2.4em; overflow: hidden; } .categories-images .description{max-height:4em;overflow:hidden;} a:hover .name, a:focus .name, a:hover .read-more, a:focus .read-more { color: #02742f; text-decoration: underline;} /* categories / article list bullets */ .categories .categories-bullets .item { padding-bottom: 0.5556em; } .categories .categories-bullets .name h2 { font-size: 1.1112em; font-weight: bold; height: 2.4em; overflow: hidden; } .categories .categories-bullets .description { height: 2.9em;} .categories .categories-bullets a:hover .read-more { color: #02742f; } .categories4 .panel-heading a:hover { color: #02742f!important; } .categories4 a[aria-expanded="true"] h4.panel-title { color: #02742f; } /* Downloads List */ .downloads-list .icon-download{font-size:1.68em;line-height:1.68em;color:#02742f;padding-left:1rem;height:3.3em;} .downloads-list > div{border-bottom:1px solid #c1c1c1;padding-bottom:0.6em;} .downloads-list h2{font-size:1.33em;font-weight:600;text-decoration:underline;} .downloads-list > div:last-child{border:0;} .downloads-list a,.downloads-list a:hover{color:#02742f;} .Downloads .description{font-size:1.11em;} .Downloads .description:hover{text-decoration:none;} /* Gallery List */ .gallery_list .item { margin-bottom: 4%; } .gallery_list .item h2 { font-weight: normal; font-size: 1.222rem; height: 2.4em; overflow: hidden; } /* Gallery Page */ .gallery .title-gallery { font-size: 20px; color: #02742f; height: 3.9em; overflow: hidden;} .gallery .image, .gallery_list .image{ position: relative;} .gallery .enlrage-img img { position: absolute; bottom: 12px; left: 15px;} /* Article Page */ .Article .page-content .brdr ~ h2 { margin-bottom: 20px; margin-top: 8px; } .Article .page-content .editor_text { margin-bottom: 2.5em; } .Article .page-content .icon-download{color:#02742f;} .Article .page-content .download{margin-top:25px;} .Article .page-content h3 {font-weight:normal;color:#02742f;text-decoration:underline;font-size:1.11em;padding-right:1.6em;} /* PrintPage */ .PrintPage .btn, .PrintNumOrder .btn { margin-left: 15px; } .PrintPage .page-content img { margin-bottom: 15px; } .PrintPage #P1, .PrintNumOrder #P1 { margin-top: 15px; } .Order .page-content { margin: 15px; font-size: 0.7778em; } .Order .theader { font-size: 1em; line-height: 30px;} /* OrderAccepted */ .OrderAccepted h4 { font-size: 24px; } /* Branches */ .branches-list { padding: 0; list-style: none; } .branches-list li .content { border-top: 1px solid #f47920; padding: 15px 0; } .branches-list li .name { /*background: url('../images/bullet.png') no-repeat 96% 10px; padding-right: 30px;*/font-size: 0.8889em; font-weight: bold; } .branches-list li h2 { margin-top: 0; } .branches-list li .phones { border-right: 1px solid #000; font-size: 0.8889em; } .branches-list li .branch-name, .branches-list li .branch-phone-title, .branches-list li div[class^=branch-phone] a { } .branches-list li .branch-address,.google-map, .waze { font-size: 0.8889em; } .waze { padding-top: 10px; } .branches-list li .google-map iframe { max-width: 100%; max-height: 160px; } /* Club join */ .clubjoin-form { margin: 20px 0; } .ClubMembership .checkbox .LV_validation_message { top: -28px; right: -5px; padding: 5px; } .ClubMembership .checkbox label { float: right; width: 85%; padding-right: 10px; } .ClubMembership .checkbox input[type="checkbox"] { display: none; } .ClubMembership .checkbox span.checkbox { background: #fff; border: 1px solid #4f473f; width: 20px; height: 20px; cursor: pointer; color: #fff; line-height: 20px; margin: 5px 0 0 0; float: right; } .ClubMembership .checkbox input[type="checkbox"]:checked ~ span.checkbox { color: #000; } /*ajax Cart*/ .no-items-in-cart { margin: 0px; color: #02742f; } .mtajaxcart { padding: 0; position: absolute; left: 0; top: 35px; z-index: 9999; color:#000; font-weight:normal;} .ajax-container { background-color: #fff; -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.49); -moz-box-shadow: 0 5px 8px rgba(0,0,0,.49); box-shadow: 0 5px 8px rgba(0,0,0,.49); border: solid 2px #2b2b2b; width: 350px;} .ajax_cart_footer{background:#ecf3fa;} .mtajaxcart .tdata .code, .mtajaxcart .tdata .quantity, .mtajaxcart .tdata .total { font-size: 16px;} .mtajaxcart .tdata { padding-top: 0px; font-size:1em; line-height: 24px; margin:0px;border-bottom-color: #b5b5b5; } .mtajaxcart .cartTitle { font-size: 1em; margin: 4px 0px; } .mtajaxcart .cartTitle a {color: #02742f;font-weight: 600;} .mtajaxcart .color > img { max-width: 30px; } .mtajaxcart .close { float: right; font-size: 0.7778em; font-weight: 400; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=100); opacity: 1; } .mtajaxcart .close span { text-decoration: underline; display: inline-block; margin-top: 5px; } .mtajaxcart .close:focus, .mtajaxcart .close:hover { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=100); opacity: 1; } .ajax_btn{padding:10px 10px 10px 0;} .ajax_btn a:first-child { background-color: #fff; color:#02742f; border: 2px solid #02742f;} .mtajaxcart .discount { padding: 10px 0px; margin: 0px; } .mtajaxcart .price { margin: 0px; line-height: 100%; padding: 0px; } .mtajaxcart .btn { letter-spacing: 0em; font-size: 1.11em; padding: 2px 15px; } .mtajaxcart .tdata:last-child { border: 0px; } .mtajaxcart .subtotal { width: 100%; margin-top: 10px; font-size: 1.2223em; font-weight: bold;color: #000; display: inline-block; padding-right:10px; } .mtajaxcart .price span:first-child{ direction: ltr; display: inline-block; } .discount .price span { direction: ltr; display: inline-block;} .mtajaxcart .title-bold {font-weight:bold;} .mtajaxcart .total{font-size:1.11em;} /* Side Sap Menu */ .SideMenu { font-size: 1em; margin-bottom: 20px; margin-top: 40px;} .SideMenu .heading { background: none; padding-right: 10px; border-bottom: 1px dashed #f47920; font-weight: bold; padding-bottom: 8px; margin: 0; } .SideMenu .sapList a { border-bottom: 1px solid #000; line-height: 2.39em; display:block;} .SideMenu .sapList:last-child a { border-bottom: 1px dashed transparent; } .SideMenu .active a, .sapList a:hover { padding: 0; color: #000; font-weight: bold; } .SideMenu .active a:before, .sapList a:hover::before { content: '>'; padding-left: 5px; display: inline-block; } .SideMenu .points { border-bottom: 1px solid #D5D5D9; background-color: #F7F7F7;padding: 10px 35px 10px 0; } .SideMenu .sapList.active a { color: #000; } /*WishList*/ #WishList { margin-bottom: 30px; } .WishList .sale { font-size: 0.8889rem; font-weight: normal; color: #f47920; } .WishList .brdr { max-width: 127px;} .WishList .image { position: relative; } #WishList .icon-cart{color:#fff;} .WishPrice .saleprice { line-height: 1; font-size: 1rem;} .WishPrice .oldprice { font-size: 0.8889rem;} .WishPrice .prop { margin-bottom: 0px;} .wishTitle { font-weight: bold; } .wishDesc { font-size: 0.8889rem;} .alertsWishlist { padding: 20px 0px; } .WishList h2,.SapOrders h2 { margin-top: 0px; font-weight: bold; font-size: 1.3333em; margin-bottom: 0.95em; color: #f47920; } .theader { background-color: #ecf3fa; padding: 0.278em 0;color: #02742f;font-weight: 600;} /*SapOrders*/ .SapOrders .tdata, .SapAcc .tdata { padding-top: 0.78em; padding-bottom: 0.48em; } #SapOrders,#sapacc, #WishList { margin-top: 20px; } div#sapacc { font-size: 0.8889em;} .sapTitle { font-weight: bold; } .orders .tdata { padding-top: 15px; padding-bottom: 10px; font-size:0.8889em; } .orders h2 { margin-top: 0px; font-weight: bold; font-size: 22px; margin-bottom: 20px; } .orders .theader {font-size:1.22em;} /*SapOrder*/ .SapOrder h2 { margin-top: 8px;font-size:1.11em; } .SapOrder .tdata, .SapRow .tdata, .dayPay { padding-top: 0.7em; padding-bottom: 0.7em; font-size: .89em; } .SapOrder .details {font-size:1em;} .sumline { padding-right: 5px!important; } .SapOrder_print .logotip .logo, .SapRow_print .logotip .logo { float: none !important; margin: 0 auto;} .SapOrder_print .logotip, .SapRow_print .logotip { margin: 0px 0 5px;} .SapOrder_print .logotip .logo img, .SapRow_print .logotip .logo img { margin: 0 auto;} .dateOrder_print { text-align: left;} .SapOrder_print .theader, .SapRow_print .theader { border-right: 1px solid #000; margin-top: 20px; color: #000;} .SapOrder_print .tdata, .SapRow_print .tdata { border-bottom: 0px solid #000; border-right: 1px solid #000; padding-top: 0; padding-bottom: 0;border-radius: 0;} .SapOrder_print, .SapRow_print { color: #000;} .SapOrder_print h2, .SapRow_print h2 { color:#000; } .dateOrder_print { margin-bottom: 25px;} .SapOrder_print .cell, .SapRow_print .cell {border-left: 1px solid; padding-top: 7px; border-top: 1px solid #000; padding-bottom: 7px;} .SapOrder_print .cellsum, .SapRow_print .cellsum { border-left: 1px solid; padding-top: 7px; border-top: 1px solid #000; border-right: 1px solid #000; padding-bottom: 7px;} .SapOrder_print .totalSum .row:last-child .row .cellsum, .SapRow_print .totalSum .row:last-child .row .cellsum { border-bottom:1px solid;} .SapOrder_print .textsum, .SapRow_print .textsum { padding-top: 7px; padding-bottom: 7px;} .SapOrder_print .totalSum, .SapRow_print .totalSum { margin-top: 35px;} .SapOrder_print .sum.tdata, .SapRow_print .sum.tdata { border-right: 0 solid;} .SapOrder_print header { border: none ;} .SapOrder_print main td, .SapRow_print main td { padding-right: 0.7em; padding-left: 0.7em;} .SapRow_print main td.dayPay { padding-right: 0;} .SapOrder_print main tr.tdata, .SapRow_print main tr.tdata { border: 0;} .SapOrder_print td.cell, .SapRow_print td.cell { border: 1px solid #000;} .SapOrder_print .tdata td.cell, .SapRow_print .tdata td.cell { padding-top: 0.4em; padding-bottom: 0.4em; font-size: 0.88888em;} td.dateOrder_print { text-align: right;} table.details { margin-bottom: 35px; margin-top: 10px;} table.details td { padding-left: 0; padding-right: 0;} .colonticul { bottom: 0; border-top: 2px solid #000; width: 100%; left: 0;right: 0; background-color: #fff; padding-top: 7px; display: none;} .animated { -webkit-animation-duration: 800ms; -moz-animation-duration: 800ms; -o-animation-duration: 800ms; animation-duration: 800ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -moz-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; -webkit-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -moz-transform: scale(.3); -ms-transform: scale(.3); -o-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.09); -moz-transform: scale(1.09); -ms-transform: scale(1.09); -o-transform: scale(1.09); transform: scale(1.09); } 70% { -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; -moz-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; -webkit-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out; } .sharing { margin-top: 8px; height: 20px; } .btn-default span img { margin-top: 8px; margin-left: 15px; } /* product */ .prod-row {padding-right: 0px!important;} .buy-here h3 { font-size: 22px; font-weight: 600; margin-bottom: 7px;} .buy-here p { font-size: 18px;font-weight: 300; margin-bottom: 1px;} .icons-our { margin-top: 24px;} .icons-our img {margin: 0 5px;} .linkToPopup { font-size: 0.8889em; text-decoration: underline; } .IMG-editMode .img-responsive{ min-height: 50px; } .product-content h1, .complexproduct h1 {margin-top:0; margin-bottom: 0.6667rem; } #sale { margin-right: 0px; } .sale { font-size: 22px; font-weight: bold; } .label_seo img { margin: 10px 0px 20px 10px;} .label_seo span:last-child img{ margin-left: 0px;} .desc_bullet { padding-right: 19px; padding-top: 10px; line-height: 1.5em; margin-bottom: 0;} .product .description:hover { text-decoration: none; } ul.desc_bullet li:last-child { margin-bottom: 0.8889em; } .code { font-size: 1rem;color:#6d6d6d; } .code span { unicode-bidi: embed; direction: ltr;} .code span.title-bold { direction: rtl;} span.code { direction: ltr; unicode-bidi: embed;} .attributeList {unicode-bidi: embed;} .imgProduct { border: 1px solid #ACACAC; } .logo_firm { position: absolute; bottom: 76px; z-index: 5; width: 100%; text-align: center; } .bg_gray .saleprice { font-size: 1.6667rem; } .bg_gray .oldprice { font-size: 1.223rem; padding-right: 15px; margin-top: 8px;} .addToCart button { margin: 0px 0px 10px 0px; padding: 6px 10px 6px 10px; font-size: 1em; width: 211px; } .addToCart button i{color:#fff;} div#addTofavorite button { margin-bottom: 10px;} div#line-count { display: table; margin-bottom: 25px;} input#countProd1 { height: 1.5em; width: 60px;} .addToCart button span { padding: 0px 9px 0px 0.7778em; } .bg_gray { background: inherit; margin-top: 0.7778em; margin-bottom: 1.5em; border-top: 0px dashed #f47920; border-bottom: 0px dashed #f47920; } .labelImageProduct { position: absolute; top: 7px; left: 23px;max-width:100px; } .colors button { background: none; } .color_img { padding: 0; border: 2px solid transparent; margin: 6px 0 10px 10px; float: right; } .color_img img { max-width: 45px; } #size button, #size2 button { cursor: pointer; float: right; background-color: transparent; border-radius: 0%; font-size: 1em; height: 46px; min-width: 46px; padding: 4px 8px 4px 8px; text-align: center; line-height: 36px; border: 2px solid #dedede; margin: 0px 0px 10px 10px; } .stock_in { color: #000; } .stock_out { color: #707070; } #size button.active, #size2 button.active {border:2px solid #02742f; outline:none; } #size img { max-height: 36px;} .tabList {float:right;} .h2-tab{font-size: 1rem;color: inherit;margin: 3px;font-weight:inherit;} .customerRemarks {margin-bottom: 30px;} .customerRemarks label {font-weight: 600;} #custRemarks {width: 100%;max-width: 300px;height: 60px;display: block;} .firm-product { padding: 0.5556em 0 0.8333em 0; } .descript { width: 90%; margin: 1.1111em 0; } .newProduct { background-color: rgba(0, 0, 0, 0.8); color: #fff; position: absolute; bottom: 73px; left: 0px; right: 0px; padding: 4px 0; font-size: 1em; text-align: center; z-index:10;} .product .nav-tabs>li, .complexproduct .nav-tabs>li{padding-top:10px;} .complexproduct .nav-tabs>li a, .product .nav-tabs>li a{border: 1px solid #b7b7b7;} .product .nav-tabs>li.active>a, .product .nav-tabs>li.active>a:focus, .product .nav-tabs>li.active>a:hover, .complexproduct .nav-tabs>li.active>a, .complexproduct .nav-tabs>li.active>a:focus, .complexproduct .nav-tabs>li.active>a:hover { color: #fff; background-color: #02742f;border-top:0;} .product .nav-tabs>li.active, .product .nav-tabs>li.active:focus, .product .nav-tabs>li.active:hover, .complexproduct .nav-tabs>li.active, .complexproduct .nav-tabs>li.active:focus, .complexproduct .nav-tabs>li.active:hover {background: #02742f;font-size:1rem;border:1px solid #b7b7b7;} .product .nav-tabs>li>a:hover, .complexproduct .nav-tabs>li>a:hover {color: #fff;background-color: #02742f;border: 1px solid #b7b7b7;} .product .nav-tabs, .complexproduct .nav-tabs { border-bottom: 0;} #tabs .nav-tabs>li.active>a, #tabs .nav-tabs>li.active, #tabs .nav-tabs>li.active>a:hover{background-color:transparent;color:#02742f;font-weight:bold;} #tabs .nav-tabs>li.active>a{border:0;} #tabs .nav-tabs>li>a:hover{background-color:transparent;color:#000;} #tabs .tab-content{background-color:#f1f1f1;} .product .tab-content, .complexproduct .tab-content { border:solid #cecece;border-width:1px 0 1px 0;} .product .panel-group, .complexproduct .panel-group {border-top: 1px solid #00387b;border-bottom: 1px solid #00387b; margin-top: 1.35em;} .product .panel-default>.panel-heading, .complexproduct .panel-default>.panel-heading { background-color: #ececec;} .product .panel-group .panel, .complexproduct .panel-group .panel {border-bottom: 1px solid #00387b;} .product .panel-group .panel:last-child, .complexproduct .panel-group .panel:last-child { border-bottom: 0;} .productVideo{margin-top:30px;} .productVideo .image{position:relative;cursor:pointer;} .productVideo .image .youtube-player-icon{ position: absolute; display: block; background: url('/design/images/play_btn_g.png')no-repeat; background-size: cover; background-position: center center; height: 50px; width: 60px; cursor:pointer; top: 42%; left: 44%; opacity:0.75 } .productVideo .image:hover .youtube-player-icon { position: absolute; cursor:pointer; display: block; background: url('/design/images/play_btn_r.png')no-repeat; background-size: cover; background-position: center center; height: 50px; width: 60px; top: 42%; left: 44%; opacity:1; } .elongatesText{height:116px;overflow:hidden;} .readMoreElongatesText > span{color: #02742f;text-decoration: underline;} .readMoreElongatesText i{color: #02742f;font-size: 0.75em;padding-right: 6px;font-weight: bold;} .product hr.descript{border-color:#cecece;margin:15px 0;} .tabAttrItem{background: url(../images/bullet.png) no-repeat right 8px;padding-right: 14px;background-size: 8px;padding-bottom: 5px;list-style: none;} .tab-content .download{padding-bottom:10px;} .tab-content .download i,.panel-body .download i{color:#02742f;padding-left:10px;} .download_link{color:#02742f;font-size:1rem;text-decoration:underline;} #name_size b,#name_size strong{color:#02742f;font-size:1.22em;} #size_current{font-size: 1.1em;} .collection { margin: 8px 0px 0px 0px; font-weight: bold; font-size: 20px; } .linked-products .item { margin-bottom: 30px; } .alternative-products .item { margin-bottom: 50px; } .linked-products .description h2, .alternative-products .description h2, .linked-products .description .h2, .alternative-products .description .h2,.linked-products .description h3, .alternative-products .description h3, .linked-products .description .h3, .alternative-products .description .h3{ font-size: 1rem; font-weight: 600; margin-top: 6px; height: 2.3em; white-space: normal; color:#02742f;overflow: hidden; } .linked-products .saleprice, .alternative-products .saleprice { line-height: 1em; } .linked-products .image, .alternative-products .image{ position: relative; background-color: #fff; /*line-height: 205px;*/ } .addFromList { margin-top: 6px; } .addFromList button, .addFromList a { padding: 0px 34px; } .addFromList a { background-color: #757575; } .linked-products .labelImageList, .alternative-products .labelImageList { position: absolute; top:10px; left: 10px; } .linked-products .text-center, .alternative-products .text-center { direction: rtl; } .linked-products .heading, .alternative-products .heading { direction: ltr;border-bottom:1px solid #cecece; } .home .linked-products .heading, .home .alternative-products .heading {border-bottom:0;margin-top: 12px;margin-bottom: 22px;} .linked-products .heading .title-hp{font-weight:bold;} .prices { padding-top: 0px; } .firm { padding-bottom: 0px; font-size: 1em; font-weight: normal; height: 30px; overflow: hidden; } #scrollerContainer7 .labelImageList, #scrollerContainer2 .labelImageList { top: -179px;} #scrollerContainer7 .label, #scrollerContainer2 .label, #scrollerContainer7 .description, #scrollerContainer2 .description { padding: 0px; font-weight: normal; } .linked-products { margin-top: 70px;} .activeIMG{display:block!important;} .thumbs img { cursor: pointer; padding-bottom: 30px; } .thumbs img:last-child { padding-bottom: 0px; } .thumbs #addpslider img{/* padding-bottom:0; */} .product-images { margin-bottom: 20px; } #addTofavorite { cursor: pointer; color: #02742f;} #addTofavorite i.icon-favorite-heart-button { margin-left: 9px; position: relative; top: 3px;} #addTofavorite button, #addToCompare button { width: 200px; margin-right: 10px; background: none; display: inline-block; padding: 6px 10px 6px 10px; font-size: 1em; border: 2px solid #02742f;} #addToCompare i { line-height:1em; margin-left: 9px; position: relative; top: 3px; } .modal-body .mytab { margin-left: 3px; } .modal-body .mytab a { padding: 0px 8px; } .modal-body a[href="wishlist"] { display: inline-block; } #tabs,#tabsAttr { margin: 30px 0px 0px; } .mytab, .mytabAttr { font-size: 1em; margin-left: 0px; } .mytab:last-child,.mytabAttr:last-child { margin-left: 0px; } .complexproduct .tab-pane, .product .tab-pane { font-size: 0.8889em; } .tab-content {padding: 7px 8px;margin-bottom: 10px;} .details_prices li { margin-right: 3px; padding-right: 24px; border-bottom: 0px #F0F0F0 solid; background: url(../images/bullet.png) no-repeat right; line-height: 30px; } .current-description li { margin-right: 3px; padding-right: 24px; border-bottom: 0px #F0F0F0 solid; background: url(../images/bullet.png) no-repeat right 0.7778em; line-height: 30px; } /* product list */ .scrollbar-prop { max-height: 237px; overflow-y: auto;} .filter .heading {margin: 0px 0px 0.8889em 0px;font-size: 1.11em;font-weight: bold;background-color: #efefef;padding: 0.12em 0.56em;border: 0;color:#02742f;width:93%;} .filter label { font-size: 1.11em; margin-bottom: 0.55em; unicode-bidi: embed;} .filter .list-unstyled li { display: block; width: 100%; } .filter .list-unstyled li input[type="checkbox"], .SapAcc input[type="checkbox"], .alertsWishlist input[type="checkbox"] { margin: 0 0 0 15px; float: right; width: 19px; } .filter .list-unstyled li input[type="checkbox"]:before, .SapAcc input[type="checkbox"]:before, .alertsWishlist input[type="checkbox"]:before { content: ''; background: #fff; border: 1px solid #4f473f; width: 19px; height: 19px; display: block; } .filter .list-unstyled li input[type="checkbox"]:checked::before, .SapAcc input[type="checkbox"]:checked::before, .alertsWishlist input[type="checkbox"]:checked::before { content: '✔'; } .filter .list-unstyled li label, .SapAcc label, .alertsWishlist label { line-height: 1em; } .filter .out_of_range { color: #b5b5b5; } .filter li.active label { color:#02742f;} .filter .logo_filter { margin-bottom: 0px; border: 1px solid #B5B5B5; width: 155px!important; height: 42px; margin-bottom: 5px;position:relative; } .filter .logo_filter input[type="checkbox"] { margin: 0px!important; opacity: 0; cursor:pointer; width: 153px; height: 38px; position:absolute; float: none; } .filter .logo_filter span { margin-bottom: 0px; width: 153px; text-align:center; display: block; } .filter .logo_filter img { width: 140px; padding:0 10px;} .filter .logo_filter label { padding-right: 0px; text-align: center; line-height: 38px!important;margin-bottom: 0px; } .filter .logo_filter.active{ border-color: #02742f; } .filter .logo_filter.active label { color: #02742f; text-decoration: none; } .filter .logo_filter.out_of_range{ border-color: #f1f1f1; } .filter .logo_filter.out_of_range input[type="checkbox"] { cursor: not-allowed!important; } #mobile-filter .panel-default>.panel-heading { background-color: #efefef; padding: 10px 5px 2px 10px; } #mobile-filter .panel {border-color: #fff; } #mobile-filter .panel-body{padding:0;} #mobile-filter .panel-group .panel-heading {border-bottom: 1px solid #02742f; } #mobile-filter .panel-collapse {margin-top: 6px; } #mobile-filter h4.panel-title:before { content: '\e911'; font-family: 'icomoon'; font-weight: bold; } #mobile-filter .collapsed h4.panel-title:before { content: '\e909'; } #mobile-filter a:focus {text-decoration:none;} #mobile-filter .panel-group { margin-bottom: 20px; } button#close_filter i { color: #000;font-weight:bold; font-size: 0.8889rem; position: absolute; top: 30%; left: -15px;} #close_filter { margin: 6px 0px; background-color: #fff; border: 0; color: #000; font-weight: bold; position: relative; text-align: right;width:100%;height:30px; } #mobile-filter, #close_filter { display: none; } #mobile-filter ul { padding: 0px 5px; margin: 0.5em 0; } #display_filter {border: 0;padding: 0.4em 1.55em 0.4em 2.25em;} #display_filter i {margin-right: 21px; color: #02742f; position: absolute; left: 0; top: 51%; font-weight:bold; font-size: 1em; -webkit-transform: translateY(-50%) scale(1.1, 1); -moz-transform: translateY(-50%) scale(1.1, 1); -ms-transform: translateY(-50%) scale(1.1, 1); -o-transform: translateY(-50%) scale(1.1, 1); transform: translateY(-50%) scale(1.1, 1);} #parameters li:only-child{ display: none; } #parameters { margin-bottom: 0px; } #parameters li { font-size: 1em; margin-left: 8px; } #parameters li button, #filter_data li button { display: inline-block; background: #fff; border: 0px solid #B1B1B1;} #parameters li button small { margin-right: 8px; } #parameters li:first-child { border: 1px solid transparent; } #parameters li span { display: inline-block; } #parameters li .semi {font-size: 1.1em;} #filter_data li:only-child{ display: none; } #filter_data { margin-bottom: 0px; margin-top: 6px; } #filter_data li { font-size: 0.7778em; } #filter_data li span { display: inline-block; margin-left: 8px; } #filter_data li small { cursor: pointer; } #filter_data li:first-child { border: 1px solid transparent; } .glyphicon-remove:before { font-size: 0.7778em; cursor: pointer; } .product_list .backPicture { position: absolute; top: 0; z-index: 3; opacity: 0; filter: alpha(opacity=0);} .product_list .item { margin-bottom: 30%; } .products .item { margin-bottom: 30px;} .product_list .image, .AllResults .image{ position: relative; color: #fff;background:#fff; } .products .item:hover .brdr{-webkit-box-shadow: 0px 0px 0px 1px #a5ce43; -moz-box-shadow: 0px 0px 0px 1px #a5ce43; box-shadow: 0px 0px 0px 1px #a5ce43} .product_list .image:hover, .AllResults .image:hover{ } .rate { margin-top: 6px; } .labelImageList { position: absolute; top: 4px; left: 4px; z-index: 4; max-width: 30%; } .product_list .description h2, .AllResults .description h2 {font-size: 1.222rem;font-weight: 600;margin-bottom: 6px;color: #02742f;height: 2.55em;line-height: 1.2778em;overflow: hidden;} .product_list.description div, .AllResults .description div {height:2.6665em;} .description div {height: 43px;overflow: hidden; line-height: 1.2; margin-bottom: 23px;} .saleprice { color: #02742f; font-size:1.444rem; font-weight: bold; } .oldprice { color: #4e4e4e; font-size: 1.1111rem; text-decoration: line-through; } .saleprice span { font-size: 1.2223rem; } .product_list .special_price, .AllResults .special_price { height: 30px; } .icons-on-product:hover .image::after {background-color: rgba(0,0,0,0.7); -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;} .icons-zone { width: 92px; z-index: 10; display:none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;} .icons-on-product:hover .icons-zone {display: block;} .icons-on-product { position: relative;} .product_list .h1.title{margin:15px 0 15px 15px;} .products .image:hover .icons-on-product, .alternative-products .image:hover .icons-on-product{ display: block;} .products .tab-content { border: 1px solid #4f473f;} .icons-zone i { background-color: #f47920; border-radius: 50%; text-align: center; font-size: 0.8889rem; width: 2.375em; height: 2.375em; line-height: 2.375em; display: inline-block; margin: 0.2em 0.2em;} .newOnSite { background-color: rgba(0, 0, 0, 0.8); color: #fff; position: absolute; bottom: 0; left: 0; right: 0; padding: 2px 0; font-size: 1em;} i.icon-weight { font-size: 1.14rem; width: 1.852em; height: 1.852em; line-height: 1.7em;} .sort-by { padding-bottom: 0.7778em; } .sort-by select { margin-bottom: 0px; height: 29px; font-size: 1em; color: #747474; border-radius: 0px; border-color: #656565; padding: 0px 0px; } .sort_label { line-height: 28px; font-size: 1em; } .orders-detail a { text-decoration: underline; color: #f47920; } .page-total .tdata { border-bottom: 1px solid #c5c5c5; } .OrderDetails .page-content { margin-bottom: 0px; } .OrderDetails .tdata { padding-top: 15px; } .OrderDetails .hidden-print a { display: inline-block; } .tdatasum { border-bottom: 1px solid #ddd; padding-top: 15px; padding-bottom: 15px; font-size: 1em; } .tdatatax { border-bottom: 1px solid #0568b3; padding-top: 15px; padding-bottom: 15px; font-size: 1em; } .tdatatotal { border-bottom: 1px solid transparent; padding-top: 15px; padding-bottom: 15px; font-size: 20px; font-weight: bold; } .page-total { margin-bottom: 50px; } /*Brands*/ #toEditBrands { display: none; } .modal-body #toEditBrands { display: block; } .modal-body table { display: none; } .brands #tabs{ margin-top: 20px; } .brands-list > div{margin-bottom:30px} .brands .tab-content, .modal-body .tab-content { background-color: #f5f5f5; border: 0px; border-top:1px solid #f47920; padding: 0px;} .brands .nav-tabs, .modal-body .nav-tabs { text-align: center; border: 0px; } .brands .nav-tabs>li, .modal-body .nav-tabs>li { float: none; display: inline-block; margin-right: 0px; width: 22%; margin:0px; } .brands .nav-tabs>li.active, .modal-body .nav-tabs>li.active { /*padding-top: 10px;*/ border: 1px solid #f47920; background-color: #f47920; } .brands .tab-content>.tab-pane, .modal-body .tab-content>.tab-pane { padding-right: 0px; padding-left: 0px; padding-top: 10px;} .brands .nav-tabs>li>a, .modal-body .nav-tabs>li>a { font-size: 1em; display: block; } .brands .nav-tabs > li.active > a, .brands .nav-tabs > li.active > a:focus, .brands .nav-tabs > li.active > a:hover, .modal-body .nav-tabs > li.active > a, .modal-body .nav-tabs > li.active > a:focus, .modal-body .nav-tabs > li.active > a:hover { background-color: #f47920; color:#fff;border:0px; } .brands .nav-tabs > li > a, .modal-body .nav-tabs > li > a { margin-right:0px; background-color: #e5e5e5;} .brands .nav-tabs > li > a:hover, .modal-body .nav-tabs > li > a:hover { border: 0px; border-bottom: 0px; background-color:#e5e5e5; color: #f47920; } .brands .abc, .modal-body .abc { border-bottom: 1px solid #d2d2d2; font-size: 1em; margin-bottom: 20px;} .bg_firm { margin: 10px 11px; display:inline-block; } .bg_firm_eng { margin: 10px 7px; display:inline-block; } .modal-body .container { padding-right: 15px; padding-left: 15px; } .modal-body .abc_list {height: 340px; overflow-y: auto; } .modal-body .page-content { margin: 0px; } /* autoscroller */ #jump-to-anchor { position: fixed; bottom: 5px; z-index: 9999; left: 5px; background: rgba(255, 255, 255, .7); border-radius: 50px; border: 2px solid #000; width: 65px; height: 65px; overflow: hidden; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } #jump-to-anchor > a { background: rgba(255, 255, 255, .7); height: 32px; display: block; } #jump-to-anchor > a#scroll-to-top { background-image: url('../images/chevron-up.png'); background-repeat: no-repeat; background-position: center; } #jump-to-anchor > a#scroll-to-bottom { background-image: url('../images/chevron-down.png'); background-repeat: no-repeat; background-position: center; } #jump-to-anchor > a:hover { background: rgba(94, 94, 94, 0.65); } #jump-to-anchor > a:focus { outline: none; } @media (min-width: 992px) { #jump-to-anchor:hover { bottom: 15px; left: 15px; } } @media (max-width: 991px) { #jump-to-anchor { bottom: 80px; left: 10px; width: 45px; } .loginpage .login_width {margin-top: 20px;} } @media (max-width: 767px) { #jump-to-anchor { display:none; } } .error404 .page-content .btn-default { width: 12.723em; margin-top: 2.39em; } .sales-list h2 { text-align: center; color: #fff; margin: 0; width: 100%; padding: 0 5px; } .sales-list .link-to-page { border: 2px solid #cbcbcb;} .sales-list .name { background-color: #f47920; height: 72px; position: relative; border-bottom: 4px solid #cbcbcb;} .sales-list .link-to-page .image { background-color: #ebebeb;} .rwTable label, .rwTable input, .rwTable select { font-size: 0.7778em!important; } .rwTable input, .rwTable select { padding: 0px!important; } .preshipping h1{ margin-bottom: 0px; } #myModal .editor_text img { border: none!important; width: 100px; } #cart-pic { padding-top: 15px; } .btnWhite {background-color: #fff!important;color: #02742f!important;border: 2px solid #02742f!important;} #toggle-form:after { content: '+'; margin-right: 15px; } #comments-form h3 {border-bottom:1px solid #8e8e8e; padding-bottom: 6px;text-align:center;} #comments-form textarea, #comments-form input[type="text"] { border:1px solid #c5c5c5; } .banner1-mobile { margin-bottom: 2px; } .error404 .page-content { padding-bottom: 9%;} /* general */ #navbar-sticky-sticky-wrapper { position: relative; } .navbar-sticky, .is-sticky #navbar-sticky { max-width: 1792px; width: 100%; display: block; clear: both; background: #fff; z-index:52;} .navbar-collapse.in { width: 258px; } .navbar-default .navbar-nav>li>a { margin: 0; } .pr15 { padding-right: 15px!important; } .pl15 { padding-left: 15px!important; } #bsPanelXMLDiv { text-align: left; overflow-y: scroll; background: #fff; z-index: 10; height: 700px; position: absolute; width: 100%; } /* Contact Page */ .ContactUs main section {margin-bottom: 0px!important;} .contact-col {display: block; z-index: 12;} .contact-text img { max-width: 100%; height: auto!important; } .contact-form { margin-bottom: 40px; z-index: 6000;} .ContactUs .editor-under-contact { display: block; padding: 10px 0; background-color: #ededed; } .ContactUs .editor-under-contact li { list-style: none; border-left: 0px dashed #404041; height: 80px; padding: 0 25px 0 15px; margin-bottom:2%; } .ContactUs .editor-under-contact li:last-child { border-left: none; } .ContactUs .editor-under-contact li:first-child { padding-right: 15px; } .ContactUs .editor-under-contact li .top-row .image, .ContactUs .editor-under-contact li .top-row .title { float: right; } .ContactUs .editor-under-contact li .top-row .title { margin-right: 10px; } .ContactUs .editor-under-contact li .bottom-row { display: block; clear: both; margin-right: 35px;} .ContactUs #main-content .form-group { margin-bottom: 15px; } .ContactUs button#sendbtn { padding: 0.2em 1.82em; } .ContactUs .editor_text .grey_bg { padding: 1.1em 0 0; margin-bottom: 0.55em; display: flex; } .contact-left {height:396px;} .ContactUs .checkbox label { padding-right: 30px; } .ContactUs .checkbox input[type="checkbox"] { margin: 5px 0 0 15px; line-height: 18px; width: 20px; height: 20px; /*float: right;*/ } .ContactUs .checkbox input[type="checkbox"]:before { content: ''; background: #fff; border: 1px solid #4f473f; width: 19px; height: 19px; display: block; } .ContactUs .checkbox input[type="checkbox"]:checked::before { content:'✔'; } /* after contact */ .AfterContact .page-content { margin-bottom: 70px; } /* orderaccepted page */ .OrderAccepted .editor_text { margin-bottom: 20px; } .OrderAccepted .text > div[class^="col"] > h2 { font-size: 1.1111rem; font-weight: normal; margin-bottom: 1.1112em; color:#000; line-height: 1.3;} .OrderAccepted .text > div[class^="col"] > h3 { font-size: 1em; font-weight: bold; color: #f47920; } /* ordererror page */ .OrderError .editor_text { margin-bottom: 20px; } .OrderError .text > div[class^="col"] > h2 { font-size: 1.1111rem; font-weight:normal; margin-bottom: 1.1112em; color:#000;} .OrderError .text > div[class^="col"] > h3 { font-size: 1em; font-weight: bold; color: #f47920; } /* SalesList page */ .SalesList .sales .item { margin-bottom: 30px; } /* barnds list page */ .brands .brands-list .item { margin-bottom: 30px; } .brands .brands-list .item .image { position: relative; } .brands_text { font-size: 0.8889rem;} .brands .brands-list h2 { font-size: 1.1111rem;} /* loginpage */ .loginpage .nav-tabs>li { float: right; display: inline-block; } .loginpage .nav-tabs>li>a { padding: 6px 30px 9px !important; } .loginpage .nav-tabs>li>a { font-size: 1.3333em; font-weight: bold; } .loginpage .nav-tabs>li.active>a,.loginpage .nav-tabs>li.active>a:focus,.loginpage .nav-tabs>li.active>a:hover{color:#02742f;} .loginpage .tab-content { background: #efefef; padding: 50px 30px; margin-bottom: 30px;} .loginpage .nav-tabs>li:not(:first-child)>a { margin-right: 5px;} .tab-content .clearfix > div[class^="col"] { float: none; display: inline-block; } .loginpage button#sendbtn { width: 100%;} .loginpage .login .form-group { margin-bottom: 20px; } .loginpage .login .form-group:last-child { margin-bottom: 10px; } .loginpage .login .buttons { margin-top: 30px; } .loginpage .login .buttons > button { width: 100%; } .loginpage .social-networks-login-title p { font-size: 1.2222rem; line-height: 170%; margin-top: 10px; font-weight: bold; } .loginpage #forgotpassword-link u { font-size: 1rem; padding: 5px 0; color: #F90A2C; } .loginpage #fb-login { width: 100%; } .googleplus-login-button { width: 100%; background: #db4026 !important; } .loginpage #fb-login i,.loginpage .googleplus-login-button i{color:#fff;} #site_tos { text-decoration: underline; } .social_networks i { line-height: 26px;color:#fff; } .social_networks .btn { font-size: 16px; } .loginpage #signup-panel.active ~ .social-networks-login > div { width: 66.66666667%; float: none; display: inline-block; } .loginpage #signup-panel.active ~ .social-networks-login .facebook-login-panel, .loginpage #signup-panel.active ~ .social-networks-login .googleplus-login-panel { width: 50%; float: right; padding: 0 15px; } .signup .checkbox input[type="checkbox"][value="0"]::before { content: ''; } .signup .checkbox input[type="checkbox"][value="1"]::before { content: '✔'; } /* preshipping */ .preshipping main section { margin-bottom: 70px; } .preshipping-list { padding: 50px 15px 0; background: #ebeaea; border-bottom: 1px solid #f47920; margin-top: 10px; border-top: 1px solid #f47920;} /* Shipping */ .cartTitle { font-size: 1.22em;} .shipDesc {color: #737373;font-size: 0.8889em; display: block; padding: 10px 20px 0px 0px; } .shipping_method { padding-bottom: 10px; border-bottom: 1px solid #a5a5a5; margin-bottom: 20px; } .shipping #branches-list select { height: 37px; margin-top: 10px; } .secure-checkout { font-size: 16px; margin-top: 10px; padding: 0 0 0 30px; display: block; background: url('../images/secure-checkout.png') no-repeat left center; } #shipping-address h2 { margin-top: 0; } .shipping #branches-list .LV_validation_message { position: relative; } .tdata .firm { font-size: 16px; font-weight: normal; } .tdata .sku { font-size: 0.8889em; } #CardReg, .shipping-invoice { border-top: 1px solid #a5a5a5; margin-top: 15px; padding-top: 20px; } #CardReg { padding-top: 20px; } #checkout .btn { margin: 10px 0; width: 290px; display: block; } #checkout .btn span { display: inline-block;line-height: 26px; padding: 0px; } #checkout .btn img { display: inline-block;margin-bottom: 5px; } #checkout .checkbox label, #note .checkbox label { padding-right: 30px; } #checkout .checkbox label a { display: inline!important; float: none; } #checkout .checkbox input[type="checkbox"], #note .checkbox input[type="checkbox"] { margin: 0.16em 0 0 15px; line-height: 1em; width: 20px; height: 1em;/*float: right;*/ } #checkout .checkbox input[type="checkbox"]:before, #note .checkbox input[type="checkbox"]:before { content: ''; background: #fff; border: 1px solid #4f473f; width: 19px; height: 19px; display: block; } #checkout .checkbox input[type="checkbox"]:checked::before, #note .checkbox input[type="checkbox"]:checked::before { content: url('../images/checkbox-v.png'); } .MoveToPayment button:focus { display: inline-block; } .PaymentDetails h2 { margin-top: 0px; font-weight: bold; font-size: 1.1112em; margin-bottom: 20px;color: #2D2D2D; } #paypal { background: none; border: 2px solid #f47920; color: #f47920; padding: 2.5px 0; } #standard { background-color: #f47920; border: 2px solid #f47920; color: #fff; padding: 2.5px 0; } /* PaymentDetails */ #bscpoupon { height: 28px; width: 100%;margin-left:4PX; } .PaymentDetails #CardReg h2 { font-size: 1.1112em; font-weight: bold; } div#CardReg .total.sum { margin-bottom: 15px;} .coupon-valid button { margin-top: 20px;} .PaymentDetails .checkbox { margin-top: 10px; margin-bottom: 24px; } .PaymentDetails .secure-checkout { float: right; } .PaymentDetails #shipping-details input, .PaymentDetails #shipping-details textarea { border: none; } #popModal h1 { color: #f47920; } .popup_sales section, .popup_sales .page-content { margin-bottom: 0px; } #popModal .modal-body { padding-top: 0px!important; /*padding-right: 0px!important;*/ } .shop { font-size: 0.8889rem; height: 27px; padding: 0 0.5556em 0 0.2222em; margin-top: 10px; width: 100%; border: 1px solid #717171;} .bg_shop_info { padding-top: 15px;} .AjaxLoaderOuter { vertical-align: middle; z-index: 99999; margin: auto; top: 0; left: 0; bottom: 0; right: 0; text-align: center; background: rgba(170,170,170, .5); width: 100% !important; height: 100% !important; position: fixed; } .AjaxLoaderOuter img { margin: auto; top: 0; left: 0; bottom: 0; right: 0; text-align: center; position: fixed; } #most-sold-home, #most-reccomend-home .row { margin-right: -15px; margin-left: -15px;} #most-sold-home, #most-reccomend-home .li_item {float: none; padding-left: 0; padding-right: 0; padding-bottom: 3px;} ul#most-sold-home { margin-bottom: 0;} #invoice-address .radio input { margin-right: 0; } a.disabled {pointer-events: none; cursor: default; } li.disabled { cursor: not-allowed;} li.disabled a {pointer-events: none; } .disabled i {background-color:#b5b5b5;} .product-thumb-sale { position: relative; } /***************************b2b***********************/ .business-block { margin-top: 50px;} .business .image {height: 260px; background-color: #E3E3E3;} .business .image img { padding: 0 30px;} .business a { display: inline-block; width: 100%; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.26); -moz-box-shadow: 0 5px 5px rgba(0,0,0,.26); box-shadow: 0 5px 5px rgba(0,0,0,.26); margin-bottom:30px;} .business .description { height: 260px;} .business:nth-child(n) .description { background-color:#f47920;} .business:nth-child(2n) .description { background-color:#B41634;} .business:nth-child(3n) .description { background-color:#262626;} .business:nth-child(4n) .description { background-color:#ED2B6B;} .business:nth-child(5n) .description { background-color:#525252;} .business:nth-child(6n) .description { background-color:#174B85;} .business:nth-child(7n) .description { background-color:#9C9B9B;} .business:nth-child(8n) .description { background-color:#D61818;} .business:nth-child(9n) .description { background-color:#4F85C1;} .business h2 { color: #fff; font-weight: normal; font-size: 1.8889em; margin: 0;} /***************branch*******************/ .branches h2 { font-size: 1.3333rem; margin-bottom: 15px;} .branches select { display: block; width: 100%; height: 27px; padding: 0 5px; font-size: 18px; color: #717171; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-color: #717171;} #choose_branch .control-label { font-weight: bold; margin-bottom: 5px;} .branches .details { margin-top: 20px; margin-bottom: 25px;} .branches .details > div + div { border-right: 1px solid #b2b2b2; min-height: 135px;} .telBranch { margin-bottom: 15px;} .picBranch { margin-top: 100px;} .google-map iframe { width: 100%; height: 270px;} .picBranch img { max-height: 421px;} /******compare bar *****/ #compare_bar.show { bottom: 0;} #compare_bar { width: 100%; position: fixed; bottom: -20px; background-color: rgba(0,0,0,.7); z-index: 9001; padding-top: 10px; padding-bottom: 10px; transition: bottom .5s;} .compareBar .container { padding-right: 15px; padding-left: 15px; } .innerWrapper { position: relative; } .itemWrapper { background-color: #fefefe; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0px 10px 5px; height: 101px;} .removeCompare{ line-height: 20px; } .removeCompare i{ color: #000; font-size: 10px; margin: 0px; position: relative; right: -5px; cursor:pointer; } .nameLink,.nameLink:hover, .nameLink:focus, .nameLink:active { font-size: 0.76rem; color: #000; } .itemWrapper .name { height: 70px; overflow: hidden;position: relative; } #compare_bar .controls { position: absolute!important; left: 0;} .clearBtn { margin-top: 6px; } .clearBtn a,.clearBtn a:hover, .clearBtn a:focus, .clearBtn a:active { color: white; background-color:transparent; font-size: 0.8889rem; } .compare-cell-sticky img,.compare-cell img { max-height: 100px;} #compareContainer .navbar-sticky, #compareContainer .is-sticky #compare-sticky { display: block; clear: both; background: #fff; z-index:52;visibility:visible;} #compare-sticky{padding-top:20px;margin-right:0px!important;margin-left:0px!important; background-color: white;} .is-sticky #compare-sticky{padding-top:10px; border-bottom:2px solid #f47920;} .remove-from-compare .icon-cancel { color: #f47920; font-weight: bold; font-size: 0.6667rem;} .compare_headers { padding: 5px 0; display: inline-block; font-size: 0.9em; } .compare-cell { padding: 7px 15px; min-height: 39px; text-align: center; font-size: 0.9em;} .compare-title { padding: 7px 15px; min-height: 35px; font-size: 0.8em;} .compare-cell .btn { margin-bottom: 5px; width: 95%; margin-top: 2px; font-size:0.8889em;} a.remove-from-compare {font-size:0.8889em;} .compare-cell i { margin-left: 5px;} .btn-clean-all { background: none; display: inline-block; padding: 5px 2em 5px 2em; font-size:0.8889rem; border: 2px solid #f47920; margin-top: 15px;} .remove-from-compare img { position: relative; top: -2px; margin-left: 5px;} .compare-row:nth-child(n) { background-color: #fff; } .compare-row:nth-child(n) .row { background: #fff; background-image: repeating-linear-gradient(to left,#fff,#fff 24.9%,#fff 24.9%,#fff 24.9%,#fff 25%); } .compare-row:nth-child(2n) { background-color: #f0f0f0; } .compare-row:nth-child(2n) .row { background: #f0f0f0; background-image: repeating-linear-gradient(to left,#f0f0f0,#f0f0f0 24.9%,#fff 24.9%,#fff 24.9%,#fff 25%); border-right: 3px solid #FFF;} .compareBtn-mbl { margin: 6px 0px 6px 0px; background-color: #fff; border: 1px solid #a9a9a9; font-size: 1.2223em; padding: 0.4em 0.55em 0.4em 1.05em; font-weight: bold; position: relative; display: inline-block;} .checkCompare { position: relative;} span.compare-text:after { content: attr(data-default); cursor: pointer; } .checkbox:checked +span.compare-text:after { content: attr(data-checked);} .checkCompare input[type="checkbox"]:before { content: ''; background: #fff; border: 1px solid #4f473f; width: 18px; height: 18px; display: block; position: relative; top: -3px; left: 2px; } .checkCompare input[type="checkbox"] { margin: 3px 0 0 11px; float: right; position: relative; top: 3px; left: -3px;} .checkCompare input[type="checkbox"]:checked::before { content: url(../images/checkbox-v.png);} .checkCompare a, .checkCompare label { font-size: 0.8889rem; color:#f47920 } .checkCompare i { font-size: 0.9444rem; color:#f47920 ; margin-left: 0.2778em; line-height:1;} #addToCompare button.disabled { background-color: #b5b5b5; color: #fff; border-color: #b5b5b5;pointer-events: none; cursor: default;} #addToCompare .disabled i { background-color: transparent; color: #fff;} .quick_order #SapOrders { margin-top: 40px; } .quick_order .saleprice span { font-size: 1rem;} .quick_order .oldprice { font-size: 0.8889rem;} .quick_order .tdata { padding-top: 0.973em; padding-bottom: 0.973em; } .quick_order .prop {margin-bottom:0;} .negative {direction:ltr;float:right;} .quick_order .form-inline {padding-top:12px;padding-bottom:16px;} .quick_order .form-inline label {margin-right:15px; font-size: 1.1112rem;} #makat{ padding-right:10px; padding-left:10px; border: 1px solid #717171; } .page-top .icon-search_icon { font-size: 1.325em; } .page-top button {padding: 3px 0px 0px 0px; background-color: #F47920;margin-right: 10px;height: 34px; width: 39px;position:relative;top:3px; } .page-top .suggestion_list {width: 100%; max-width: 439px; top: 53px!important; right: 14.3rem !important;} .page-top .bsautosuggest {position:absolute;} .quick_order input[type="text"] { padding: 0 4px; font-size: 0.8889rem;} .quick_order button i { margin-left: 0; top: 0;} .loader,.loader:after { border-radius: 50%; width: 5em; height: 5em;} .loader { margin: 0px auto; font-size: 6px; position: absolute; text-indent: -9999em; border-top: 0.7em solid rgba(177,177,177, 0.2); border-right: 0.7em solid rgba(177,177,177, 0.2); border-bottom: 0.7em solid rgba(177,177,177, 0.2); border-left: 0.7em solid #b1b1b1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; bottom: 0px; right: -30px; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #mobilemenu_bottom a.loginUser i { } #SubMenu { position: absolute; bottom: 0px; text-align: right; width: 175px; border: 3px solid #02742f; font-size: 0.9rem; padding: 10px 10px 5px !important; background-color: #fff; } #SubMenu1 .icon-cancel { color: #02742f; font-size: 1rem; margin-top: 0px;} #SubMenu1 a { display: block!important; text-align: left;} #SubMenu1 li { padding: 0px!important; } ul#SubMenu2 li:not(:last-child) { margin: 0px 0px 5px; border-bottom: 0px solid #b6b6b6; border-left: 0px; } #SubMenu li { float: none; width: 100%; padding: 0 5px 5px; text-align: right; } ul#SubMenu2 li a, ul#SubMenu2 li a:hover { color: #000; font-size: 1rem; } #SubMenu:before { position: absolute; bottom: -10px; left: 140px; display: inline-block; border-right: 10px solid transparent; border-top: 10px solid #02742f; border-left: 10px solid transparent; border-bottom-color: rgba(0,0,0,0.2); content: ''; } .cmp_img { max-height: 80px; } .modal-body a:hover.siteColor { color: #02742f; } button i { margin-left: 10px; position: relative; top: 3px;} .btn-lg i { margin-left: 7px;} .moreArt h2 { margin-top: 0px;font-size:1rem; } .product-content .slider-pro img.sp-thumbnail { margin: 0 auto!important; } .file-upload { margin-top: 14px; } .inputfile { position: absolute; clip: rect(0px, 0px, 0px, 0px); display: block; } #namefile { margin-right:5px; } .labelfile { color: #000; display: inline-block; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-image: none; padding: 0.075em 1.6em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border: solid 2px #f47920; background-image: -webkit-linear-gradient(bottom, #b7b6b6, #fff); background-image: -moz-linear-gradient(bottom, #b7b6b6, #fff); background-image: -o-linear-gradient(bottom, #b7b6b6, #fff); background-image: -ms-linear-gradient(bottom, #b7b6b6, #fff); background-image: linear-gradient(to top, #b7b6b6, #fff); }