/* @import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,cyrillic-ext); @import url(//fonts.googleapis.com/css?family=Roboto:400,600,700,800,300&subset=latin,cyrillic-ext); @import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300&subset=cyrillic-ext,latin); */ @import "animate.css"; /* cyrillic */ @font-face { font-display: fallback; font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4kaVIGxA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-display: fallback; font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-display: fallback; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4kaVIGxA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-display: fallback; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-display: fallback; font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4kaVIGxA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-display: fallback; font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: normal; src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: fallback; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmZiArmlw.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: fallback; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmQiArmlw.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-display: fallback; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmUiAo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: fallback; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmZiArmlw.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: fallback; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmQiArmlw.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-display: fallback; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiAo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: fallback; font-family: 'Roboto'; font-style: normal; font-weight: 600; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYaalmZiArmlw.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: fallback; font-family: 'Roboto'; font-style: normal; font-weight: 600; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYaalmQiArmlw.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-display: fallback; font-family: 'Roboto'; font-style: normal; font-weight: 600; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYaalmUiAo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: fallback; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmZiArmlw.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: fallback; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmQiArmlw.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-display: fallback; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmUiAo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: fallback; font-family: 'Roboto'; font-style: normal; font-weight: 800; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZEalmZiArmlw.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: fallback; font-family: 'Roboto'; font-style: normal; font-weight: 800; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZEalmQiArmlw.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-display: fallback; font-family: 'Roboto'; font-style: normal; font-weight: 800; font-stretch: normal; src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZEalmUiAo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: fallback; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyXsosBD5XxxKA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: fallback; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyXsosBK5XxxKA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-display: fallback; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyXsosBO5Xw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: fallback; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBD5XxxKA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: fallback; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBK5XxxKA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-display: fallback; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBO5Xw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: fallback; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBD5XxxKA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: fallback; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBK5XxxKA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-display: fallback; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBO5Xw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var {/* background:transparent; */ border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {order:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}input[type=text], textarea{ outline:none;} /* Reset ================================================================================= */ * { margin:0; padding:0; } html { height: 100%; width: 100%; } body { font-family: 'Open Sans', sans-serif; font-size:14px; line-height:20px; color:#333; text-align:center; min-width:320px; position:relative; -webkit-text-size-adjust: none; background: #000000; } body{margin:0 auto !important;max-width:2560px;} body > .wrapper { position:relative; width: 100%; max-width: 2560px;} img { border:0; vertical-align:top; } a { color:#012338; text-decoration:none;} a:hover { text-decoration:none; color:#858585; } :focus { outline:0; text-decoration: none; } a:focus {outline:0; text-decoration: none; color: #858585;} /* Headings */ h1 { /* font-size:20px; */ font-size:28px; font-weight:normal; line-height:1.15; margin-bottom:0px; font-family: 'Open Sans', sans-serif; text-transform: uppercase;} h2 { /* font-size:18px; */ font-size:24px; font-weight:normal; line-height:1.25;margin-bottom:7px; font-family: 'Open Sans', sans-serif; text-transform: uppercase;} h3 { /* font-size:16px; */ font-size:22px; font-weight:bold; line-height:1.25; margin-bottom:7px; font-family: 'Open Sans', sans-serif; text-transform: uppercase;} h4 { /* font-size:16px; */ font-size:20px; font-weight:normal; margin-top:15px; font-family: 'Open Sans', sans-serif; line-height:1.25;text-transform: uppercase;} h5 { /* font-size:12px; */ font-size:18px; font-weight:bold; margin-bottom:7px; font-family: 'Open Sans', sans-serif; text-transform: uppercase;} h6 { /* font-size:11px; */ font-size:16px; font-weight:bold; margin-bottom:7px; font-family: 'Open Sans', sans-serif; text-transform: uppercase;} @media (max-width:810px){ h1{font-size:24px;} .product_page-right h1 {margin: 0px 20px 15px 0px;} h2{font-size:22x;} h3{font-size:20px;} h4{font-size:18px;} h5{font-size:17px;} h5{font-size:15px;} } @media (max-width:600px){ h1{font-size:22px;} h2{font-size:21px;} h3{font-size:20px;} h4{font-size:18px;} h5{font-size:17px;} h5{font-size:16px;} } @media (max-width:420px){ h1{font-size:22px;} h2{font-size:21px;} h3{font-size:20px;} h4{font-size:18px;} h5{font-size:17px;} h5{font-size:16px;} } @media (max-width:370px){ h1{font-size:22px;} h2{font-size:21px;} h3{font-size:20px;} h4{font-size:18px;} h5{font-size:17px;} h5{font-size:16px;} } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; font-weight:normal; } .fright{float: right} /* Content */ strong { font-weight:bold; } address, .address { font-style:normal; margin-bottom:5px;} cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } hr {border-color: #C6C5C5;} /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } .label {padding: 0 0 2px; border-radius: 0; text-align: left; color: inherit; font-size: 100%;} /* ======================================================================================= */ /* =========================== font awesome ============================================== */ .header-cart:before, .header-cart .block-content:before, .btn-edit:before, span.toggle:before, .block-slider-sidebar .slider-sidebar-pager a:before, .camera_wrap .camera_pag .camera_pag_ul li:before, .list-icon li a:before, .product-view .bx-controls-direction > a:before, .header .links li a:before, .sf-menu-phone li a:before, .footer ul li:after, .camera_prev:before, .camera_next:before, .footer ul li:before, .footer .footer-col .tel:before, .product-view .bx-controls-direction > a:before, .header .links li a:before, .banner-block li a:before, .header-cart .sb-func:before, .uMenuRoot li a span:after, .uMenuRoot li li.uWithSubmenu > a:before, .cat-blocks div:before, .cat-blocks li:before, .wishlist .wish:before, .product-info-desc .add-to-checkout:before, .searchForm .schBtn:before, .footer ul li a:before, #back-top span:before, .header-container .header-block:before, .banners a span:after, .footer .footer-col p:before, .camera_caption .link-camera:after { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; text-indent: 0 !important; } /* =========================== font fontello ============================================== */ /* Layout ================================================================================ */ .wrapper {width:100%; overflow:hidden; } .page { margin: 0 auto; text-align: left;} .main-container { padding:45px 0 40px; position:relative; z-index:1; background: #ffffff; max-width: 100%; margin: 0 auto 0px; } .main-container-bg { padding-top: 10px; background-color: #eaeaea; width: 100%; max-width: 2560px;margin:0 auto;} .container .row, .container .row > div {position: inherit; /* width: 100%; */} .main-container .container .row { } .row .product_page-left { width: 60%;max-width: 815px;height: auto; /* margin: 20px; */ overflow: hidden; /* Ограничиваем видиую область */ } .row .product_page-right { width: 40%; } @media (max-width:814px){ .row .product_page-left, .row .product_page-right { width: 100%; } .row .product_page-right { /* margin: 0px 0px 0px 10px; */ } .product-img-big { border: 0px solid #cccccc !important; } .product-img-box { margin: 0 auto; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; flex-direction: row; flex-direction: column-reverse; width: 100%; max-width: 720px; } .image-thumb, .product-img-big{ width: 100%; } ul.product-img-small { display: flex; justify-content: flex-start; padding: 0; list-style-type: none; margin: 20px; } } /* Base Columns */ .col-left { float:right; } .col-right { /*float:right;*/ } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:14px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } input,select,textarea { border:1px solid #c9caca; border-radius: 0;} input,textarea { padding:4px; resize:none; border-radius: 0; margin-bottom: 2px;} .main-container input,textarea {margin-top: 0px; margin-bottom: 3px;} select { padding:2px; moz-box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } select option { padding-right:10px; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input[type="radio"], input[type="checkbox"] {min-height: 12px; min-width: 12px;} button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ .btn::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ input[type="button"]::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ input[type="submit"]{border: none;} .btn, button, input[type="button"], input[type="submit"], input[type="reset"], .header-cart .actions a { /* color:#333333; */ color: #fff; /* background: #efde1a; */ /* Old browsers */ background: #000; border: #000 1px solid; border-radius: 0; /*height:51px;*/ text-transform: uppercase; font-weight: 300; position: relative; /*overflow: hidden;*/ z-index: 5; display: inline-block; cursor: pointer; outline: none; text-decoration: none; padding: 12px 0px 12px 0px; font: normal 21px/25px "Roboto", sans-serif; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } button{position: relative;} .btn:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .header-cart .actions a:hover { /* color: #fff; */ /* background: #000; */ /* Old browsers */ color: #000; background: #fff; text-decoration: none; outline: none; } .btn:focus { outline: none; color: #fff; } input[type="button"], input[type="submit"]{ position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; /* border: none; */ } .header-cart .actions a:after, .btn:after, input[type="button"]:after, input[type="submit"]:after{ position: absolute; content: ''; width: 0; height: 0; left: 50%; top: 50%; background: #fff; border-radius: 50%; z-index: 3; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; } .header-cart .actions a:hover:after, .btn:hover:after, input[type="button"]:hover:after, input[type="submit"]:hover:after{ height: 100%; width: 100%; left: 0; top: 0; border-radius: 0; opacity: 0; background-color: #000; } .btn-details { /* background: #efde1a; */ /* Old browsers */ padding: 12px 27px 12px 27px; font: normal 21px/25px "Roboto", sans-serif; height:35px; background: #000; border: #000 1px solid; } .btn-details:hover { /* background: #000; */ /* Old browsers */ /* color: #fff; */ background: #fff; /* Old browsers */ color: #000; } .btn-cart{ color: #858585; background-color: #000; padding: 3px 10px; height:51px; } /***** global style wishlist ****************/ .wishlist{ /*overflow: hidden;*/ position: relative; display: inline-block; } .wishlist .wadd, .wishlist .wdel { width: auto; height: auto; display: inline-block; /* background: none !important; */ padding: 0 !important; cursor: pointer; background: #858585 !important; width: 32px; height: 32px; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .wishlist .wish:hover, .product-info-desc .add-to-checkout:hover { color: #858585; background: #000 !important; } .wishlist .wadd:after { display: block; /* content: "Добавить в список желаний"; */ float: left; } .wishlist .wdel:after { /*content: "Удалить из списка желаний";*/ float: left; } .wishlist .wdel:before {color: #777;} .wishlist .wish:before { content: "\f08a"; /* float: left; */ margin-left: 8px; margin-top: 7px; display: inline-block; } .wishlist .wait:before {display: none;} /***** end ****************/ /*******************************************************/ div.alert a{ font-size:12px; padding-left:5px;} div.alert a:hover{ color:#fff;} div.alert {position:fixed;background:#353535; top:0; left:50%; width:333px; margin-left:-220px; padding:20px 60px; color:#FFF; z-index:999; font-size:12px; font-weight:bold; color:#C6C5C5; border-radius:0 0 3px 3px; text-align:center;} div.alert button{ /* background:url('../images/remove-popup.png') 0 0 no-repeat; */ width:9px; height:9px; position:absolute; right:20px; top:45%; border:none; z-index:9999;} div.alert button:hover{ cursor:pointer; background-position:0 -9px;} /* BreadCrumbs */ .breadcrumbs { background:#fbfbfb; border: 1px solid #dddddd; padding:8px 19px; margin:0 0 30px; overflow:hidden; } .breadcrumbs li { float:left; list-style: none; margin-right: 10px; } .breadcrumbs .edit-entry-link { /*color: #FF0000; font-weight: bold;*/ float: right;} .breadcrumbs a:hover {color: #858585; text-decoration: overline;} /* Page Heading */ .page-title, .block-title, #cont-shop-checkout h1 { position: relative; margin: 20px 0 21px; font-size: 24px; line-height: 36px; color: ##2f2f2f; font-weight: 300; } /*.page-title a { font-size: 10px; float: right;}*/ /***************************************** End **************************************************/ /* Logo ================================================================================ */ .header .logo { float:left; display:block; text-decoration:none !important; font-size: 60px; font-weight: bold; color: #373737; margin-bottom: 7px; width: 280px; height: 106px; } .header a.logo {} .header .logo span { font-size: 45px; color: #04253a; display: block; margin-top: -19px; } .header h1.logo {max-width: 320px; overflow: hidden;} .header .logo:hover {color: #858585;} /* Header ================================================================================ */ header {width: 100%;height: 192px;} @media only screen and (max-width: 991px) { header {width: 100%;height: 172px;} } @media only screen and (max-width: 767px) { header {width: 100%;height: 308px;} } header.header_content { border-bottom: 5px solid #eef3f5; padding-bottom: 15px; } .header-container { /*background: #fff;*/ width: 100%; height: 122px;} @media only screen and (max-width: 767px) { .header-container { width: 100%; height: 258px; } } .header { padding:0; position:relative;} .header .header-border { background: #eef3f5; margin: 0 -10000px 20px; padding: 7px 10000px; } .header .header-border:after {content: ""; display: table; clear: both;} .header .quick-access{ float: left; } .header .welcome-msg { color: #a9a9a9; color: #efde1a; font-size: 12px; font-weight: normal; margin: 4px 0 11px; max-width: 180px; text-align: right; line-height: 14px; } .header .welcome-msg a {} .header .header_info { float: right; padding: 3px 30px 0 0; text-align: center; } .header .header_info h2 { color: #efde1a; font-size: 27px; font-weight: 500; margin: 0; text-transform: uppercase; } .header .header_info h3 { color: #333; font-size: 15px; font-weight: normal; margin: 0 0 1px; text-transform: uppercase; } .header .header_info p { color: #777; font-size: 11px; } .header .links { } .header .links li {float:left; padding:0;} .header .links li a { display: inline-block; margin-right: 14px; text-transform: uppercase; color: #333333; font-weight: normal; padding: 4px 9px 6px; text-transform: capitalize; cursor: pointer; background: rgba(255, 255, 255, 0.48); border: 1px solid #c4c1c1; margin-right: 10px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 300; } .header .links li a:hover {color: #000; background: #fff;} .header .header-currency { float: right; padding-top: 1px; display: block; color: #333333; font-weight: normal; padding: 4px 9px 6px; text-transform: capitalize; cursor: pointer; background: rgba(255, 255, 255, 0.48); border: 1px solid #c4c1c1; margin-right: 10px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 300; } .header .header-currency:after {content: ""; display: table-cell; clear: both;} .header .title-header { float: left; color: #4d585a; margin: 1px 5px 0 0; font-weight: normal; } .header #shop-currency {float: left;} .header .header-currency select { font-size: 11px; background: #fff; border: 0; } .searchForm { float:right; position: relative; z-index: 101; margin-top:35px} .searchForm .schQuery {display: inline-block;} .searchForm .schQuery input { background: #2f2f2f; border: 1px solid #2f2f2f; float: left; height: 49px; line-height: 18px; padding: 13px 65px 13px 8px; width: 325px; margin: 0; color: #555555;} .searchForm .schBtn { position: absolute; right: 5px; top: 0; display: inline-block; width: 31px; height:39px; line-height: 49px; text-align: center; color: #FFF; display: block; } .searchForm .schBtn:before{content: "\f002"; font-size: 25px; color: #FFFFFF; } .searchForm .schBtn input { border:none; padding: 0; height: 100%; width: 100%; background: none; color: #FFFFFF; font-size: 0; line-height: 0; position: absolute; left: 0; top:0; } .searchForm .schBtn:hover:before {cursor:pointer; color: #efde1a;} .header .head_block { float: right; min-height: 78px; padding: 0 30px; padding-right: 110px; } /*************Header Cart **********************/ #shop-basket { float:right; clear: right; min-width: 200px; padding: 30px 0; padding: 20px 16px 23px 39px; border-left: 1px solid #3a3a3a; border-right: 1px solid #3a3a3a; /* margin-top: -20px; */ } #shop-temp {z-index: 10;} .header-cart { position:relative; cursor: pointer; padding: 0; background: #fff; display: block; color: #333; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; height: 85px; width: 85px; font-size: 31px; line-height: 55px; font-weight: bold; position: relative; border: 2px solid #3a3a3a; } .header-cart:after {content: ""; clear: both; display: table;} .header-cart:before { content: ""; background-image: url('/img/svg/basket_hover.svg'); margin: 1px; text-align: center; position: absolute; position: absolute; left: -35px; height: 70px; width: 70px; background-size: 70px 70px; display: block; color: #FF2400; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } #shop-basket.active .block-content:before, .header-cart:hover .block-content:before {color: #efde1a;} .header-cart h3 { color: #090909; font-size: 18px; font-weight: 300; line-height: normal; margin: 0 0 -1px; text-transform: uppercase; float: left; } .header-cart:hover .summary, .header-cart:hover .empty{ font-size: 50px;} .header-cart:hover:before{ height: 40px; width: 40px; background-size: 40px 40px; left: -14px; } .header-cart .block-content {} /*.header-cart .block-content:before {content:"\f107"; position: absolute; right: 13px; font-size: 15px; top: 8px;}*/ .header-cart .empty, .header-cart .summary { font-weight:normal; float: left; font-size: 31px; line-height: 87px; font-weight: bold; /*margin: 5px 0px 4px 9px;*/ text-transform: uppercase; font-family: 'Roboto', sans-serif; color: #333333; text-align: center; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header-cart .subtotal { font-size: 12px; font-weight: normal; padding: 10px; background-color: #323232; color: #fff; text-align:left;} .header-cart .total {border-bottom: 1px solid #c0c0c0; padding-bottom: 2px; margin-bottom: 3px; } .header-cart .subtotal .price, .header-cart .subtotal .price-disc {float: right;} .header-cart .sb-img {float: left; width: 60px; border: 1px solid #ddd; margin-right: 10px;} .header-cart .sb-img img {max-width: 100%;} .header-cart .sb-name {margin-right: 15px; font-size: 14px; line-height: 26px;} .header-cart .sb-name small {font-size: 10px; display: block; margin-top: -5px; font-weight: normal;} .header-cart .sb-cost {font-weight: bold; font-size: 12px; line-height: 20px;} .header-cart .sb-func {text-decoration: none; font-size: 14px; float: right;} .header-cart .remove:before {content: "\f00d";} .block-cart-header .btn-edit:hover {color: #ed1111;} .header-cart .cart-content { background: #FFFFFF; position:absolute; right: -93px; top: 89px; z-index:9; min-width:280px; width: 100%; display:none; cursor:default; z-index: 121; border: 1px solid #000; } .block-cart-header .empty .cart-content { padding:10px; color:#000; moz-box-sizing:content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; font-weight: normal; font-size: 13px; } .header-cart .actions { padding:10px; overflow:hidden; background-color: #323232;} .header-cart .actions a {width: 100%; text-align: center; font-size: 18px;} .header-cart li { border-bottom:1px solid #c0c0c0; width: 100%; float: left; clear:both; padding:10px 0px; position:relative; background-position: left center !important; } #shop-basket ul { margin:0; padding:0; text-align:left; list-style:none } #shop-basket .total {font-weight: bold;} #shop-basket .disc-info { font-style: italic; } /********************Header Cart end ***********************/ /*=============================================================== Sidebar ====================================== */ /* =========================================================================================================== */ .block { margin:0 0 30px; } .block.last_block {margin-bottom:0;} .block .block-title { position:relative; margin-bottom: 10px; text-transform: capitalize; text-transform: uppercase; font-size: 24px; line-height: 36px; color: ##2f2f2f; font-weight: 300; font: normal 22px/26px "Roboto", sans-serif; color: #fff; background: #171717; border-top: 5px solid #efde1a; text-transform: uppercase; padding: 14px 10px 17px 20px; margin: 0 0 20px 0; } .block .block-content {width: 100%; text-align: left;} .block .block-content div {text-align: left !important;} .tagItem{float: left;margin-right: 10px;} .block .block-content hr {display: none;} .block #shop-currency-select {width: 98%;} .block .rate-list {padding: 10px 0 0;} .pollBlock .pollQue {font-size: 143x !important; margin-bottom: 5px; color: #333; font-weight: bold; font-family: 'Open Sans',sans-serif;} .pollBlock .answer {margin-bottom: 10px; font-family: 'Open Sans',sans-serif;} .pollBlock .answer input {margin: 0 4px 0 0; } .pollBlock .answer label { font-size: 13px; font-weight: normal;} .pollBlock .pollButton {padding: 8px 0 0;} .pollBlock .pollQue b { font-size: 13px; line-height: 15px; display: block; margin-bottom: 13px; } .block .block-content li {list-style: none;} .block .block-content li {list-style: none;} .block noindex > div {} .block noindex a {font-family: 'Open Sans',sans-serif;display: inline-block; margin: -1px -1px 4px 0;} .block noindex a:hover { } .block noindex .eTagGr {font-size: 13px !important; } .block noindex .eTagGr14 {font-size: 10px !important;} .block noindex .eTagGr15 {font-size: 11px !important;} .block noindex .eTagGr16 {font-size: 12px !important;} .block noindex .eTagGr17 {font-size: 13px !important;} .block noindex .eTagGr18 {font-size: 14px !important;} .block noindex .eTagGr19 {font-size: 15px !important;} .block noindex .eTagGr20 {font-size: 16px !important;} .block noindex .eTagGr21 {font-size: 17px !important;} .block noindex .eTagGr22 {font-size: 19px !important;} .block noindex .eTagGr23 {font-size: 21px !important;} .block noindex .eTagGr24 {font-size: 23px !important;} .block noindex .eTagGr25 {font-size: 20px !important;line-height: 18px;} /*************************************************** Block Slider Sidebar *******************************************************/ .block-slider-sidebar {display: none; position: relative;} .block-slider-sidebar.first {margin-top: 50px;} .block-slider-sidebar.block-slider-start {display: block;} .block-slider-sidebar .block-content { padding-bottom: 15px; box-shadow:0 0px 13px rgba(0,0,0,0.15); -moz-box-shadow:0 0px 13px rgba(0,0,0,0.15); -webkit-box-shadow:0 0px 13px rgba(0,0,0,0.15); } .block-slider-sidebar .slider-sidebar-cont {padding: 19px 19px 15px; text-align: center;} .block-slider-sidebar li {width: 270px; min-height: 405px; float: left; position: relative;} .block-slider-sidebar li a { } .block-slider-sidebar img {max-width: 100%; margin-bottom: 20px;} .block-slider-sidebar .block-content > a {font-size: 20px; position: absolute; top: 0; right: 0; } .block-slider-sidebar a.slider-sidebar-prev {right: 40px;} .block-slider-sidebar .slider-sidebar-pager {text-align: center; position: relative;} .block-slider-sidebar .slider-sidebar-pager a {font-size: 13px; line-height: 11px; display: inline-block; margin: 0 4px; color: #777777; } .block-slider-sidebar .slider-sidebar-pager a:before {content: "\f111"; } .block-slider-sidebar .slider-sidebar-pager a.selected, .block-slider-sidebar .slider-sidebar-pager a:hover {color: #333333;} .block-slider-sidebar .slider-sidebar-pager span {font-size: 0; text-indent: -777px;} .block-slider-sidebar h1 { font-size: 19px; font-weight: normal; line-height: 24px; text-transform: uppercase; border-top: 1px solid #d3d3d3; padding: 15px 20px 0; margin: 0 -20px 5px; } .block-slider-sidebar h1 a {color: #1681da; } .block-slider-sidebar h1 a:hover {color: #000;} .block-slider-sidebar p {} .block-slider-sidebar button.button > span {background-position: center -47px; border-color: #363636 #363636 #151515; color: #fff;} .block-slider-sidebar button.button:hover > span {background-position: center -92px; border-color:#F8CD37 #F8CD37 #D8A730; color: #000;} /*================================================================== End Sidebar ============================================= */ /* ========================================================================================================================== */ /******************************************** View Type: Grid ***********************************************************/ /*******************/ .shop-cat-descr img, table.catalog img {max-width: 100%;} .shop-cat-descr {margin-bottom: 20px;} table.catalog {margin-bottom: 20px;} table.catalog .catalog-item > a { display: block; float: left; max-width: 80px; border: 1px solid #D4D2D2; margin-right: 15px; padding: 8px; background: #fff; } table.catalog td {padding-right: 15px;} table.catalog h3 {padding-top: 10px;} .shop-cat-big {} .shop-cat-big img {max-width: 120px; float: left; margin-right: 15px; border:1px solid #D4D2D2; background: #fff; padding: 8px; } .shop-cat-big {} /***** filter **************/ .table-filter {margin: 0 0 30px; border-top: 1px solid #D4D2D2; border-bottom: 1px solid #D4D2D2; } .table-filter td { padding: 6px 0;} #flist-item-brand {margin: -24px 0 30px; border-bottom: 1px solid #D4D2D2; padding-bottom: 7px;} /***** end **************/ /* .goods-list {position:relative; margin: 0 -15px; } */ .goods-list { margin: 0 auto; display: flex; flex-wrap: wrap; align-content: flex-start; width: 100%; max-width: 1540px; } @media(max-width:1540px){ .goods-list {justify-content: center;} } .goods-list:after { content: ""; display: table; clear: both; } .goods-list .list-item { float:left; -moz-box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; padding-bottom: 20px; width: 100%; max-width: 720px; height: auto; text-align: left; padding-top: 10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; overflow: hidden; margin: 20px; } @media (max-width:425px){ .goods-list .list-item {margin: 20px 0px;} } .goods-list .list-item img{display: block; width: 100%; max-width: 720px; height: auto; max-height: 485px;} #goods_cont .goods-list .list-item:nth-child(3n+1) {clear: left;} .goods-list .list-item:nth-child(3n+1) {clear: left;} .home-list .goods-list .list-item {width: 33.33333%;} .home-list .goods-list .list-item:nth-child(3n+1) {clear: left;} .home-list .actions .wishlist {display: none;} #tabs-container2 .goods-list .list-item {width: 25%;} #tabs-container2 .goods-list .list-item:nth-child(3n+1) {clear: none;} .product-bottom .goods-list .list-item {width: 22%;} @media (max-width:1280px){ .product-bottom .goods-list .list-item {width: 44%;} } .product-bottom .goods-list .list-item:nth-child(3n+1) {clear: none;} .goods-list .product-image { display:block; max-width:720px; height:auto; /*margin:0 auto 13px; */ margin-bottom: 13px; text-align: center; position: relative; overflow: hidden; background:#fff; } .goods-list .product-image img {max-width: 100%;} .goods-list .desc.std{ overflow:hidden; padding:5px 0;} .goods-list .desc_grid {margin-bottom: 10px; color:#777777;} .desc_grid details{margin-top: 10px;} .desc_grid div{display: flex;} .desc_grid summary{cursor: pointer;font-size: 16px;line-height: 2;} .details-title{border-bottom: 1px solid #c6c7cb;padding: 3px 0;} .details-descr{margin-left: auto;} .goods-list .product-name { font-size: 14px; font-weight: normal; text-decoration: none; margin-bottom: 4px; min-height: 25px; } .goods-list .product-name a { font-weight: normal; text-decoration: none; text-transform: uppercase; font: 300 18px/25px "Roboto", sans-serif; color: #161717; } .goods-list .shop-options {margin-bottom: 6px;} .goods-list .ratings {margin-bottom: 8px;} .wrapper-hover { position: relative;} .wrapper-hover .actions{ margin-top: 10px;} .wrapper-hover:after { content: ""; display: table; clear: both; } .wrapper-hover:hover { /*box-shadow:0 0px 16px rgba(0,0,0,0.11); -moz-box-shadow:0 0px 16px rgba(0,0,0,0.11); -webkit-box-shadow:0 0px 16px rgba(0,0,0,0.11);*/ } .product-shop { padding: 11px 0px 20px; } .wrapper-hover.hovered {height: auto !important; position: relative; z-index: 3;} .goods-list .price, .price-box .price { display: inline-block; font-size: 14px; font-weight:300; line-height: 20px; color: #333333; margin-bottom: 10px; } .goods-list .price {} .goods-list .btn {margin: 0 2px 5px 0;} .goods-list .btn .fa { font-size: 44px; height: 61px; width: 61px; color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .goods-list .btn .fa:before { content: ""; background-image: url('/img/svg/basket.svg'); text-align: center; position: absolute; height: 50px; width: 50px; background-size: 50px 50px; display: block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } @media (max-width:987px){ .goods-list .btn .fa:before { height: 45px; width: 45px; background-size: 45px 45px; } } .goods-list .btn-cart:hover .fa:before { content: ""; background-image: url('/img/svg/basket_black.svg'); text-align: center; position: absolute; height: 50px; width: 50px; background-size: 50px 50px; display: block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } .goods-list .btn:hover .fa {/* color: #fff; */ color: #000;} .block-search-page {overflow: hidden; padding: 15px; border: 1px solid #ddd; margin-bottom: 15px; background: url("../images/bg_grid.gif") repeat-x scroll 0 0 #fff;} .block-search-info {overflow: hidden;} .block-search-bottom {margin: 15px -15px -15px; padding: 3px 10px; background: #fbfbfb;} .block-search-bottom .schCatsSep {padding: 0 2px;} form table .queryField {padding: 9px;} .img-small {float: left; margin-right: 15px;} /********************************************** product info right ============================================================= */ .image-thumb{ padding: 0; float: left; padding-right: 1em; width: 80px; } .product-img-box {margin-bottom: 25px; position: relative; z-index: 3;} .product-img-box img {max-width: 720px;width: 100%;height: auto;max-height: 485px;transition: opacity 124ms linear, transform 124ms linear; /* Плавное изменение прозрачности и увеличения */} .product-img-big, .product-img-small li {text-align: center;border: 1px solid #cccccc;overflow: hidden; transition: all 0.5s ease;} .product-img-small li.selected, .product-img-small li:hover {border: 1px solid #000;} .product-img-small {overflow: hidden; } .product-img-small li {padding: 6px; margin-bottom: 7px; background-color: #fff;} .product-img-small li:nth-child(3n) {margin-right: 0;} .product-img-small img{ width: 100%;max-width: 80px; } .product-info-desc {margin-bottom: 25px; padding: 0px 20px 0px 20px;} .product-info-desc h1 { font-size: 22px; font-weight: bold; line-height: 28px; margin-bottom: 15px; color: #04253a; } .product-info-desc .price-box { } .price-box .price {padding-top: 4px; display: inline-block; color: #000; font: normal 39px/43px "Roboto", sans-serif; } .price-box .price s{color: #000; font-size: 14px; opacity: .6;} .price-box .sold{opacity: .5;font-size: 50%; border-bottom: 2px solid #FF2400;} .price-box .sold-last{opacity: .5;font-size: 50%;} .product-info-desc .add-to-cart{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0 10px; margin-bottom: 15px; } .product-info-desc .add-to-cart input{margin-top: -10px;} .product-info-desc .add-to-cart input[type="text"] { border-color: #ccc; padding: 8px; height: 34px; width: 50px; text-align: center; margin: 0px -1px 0; font-size: 30px; color: #000;} .product-info-desc .add-to-cart input[type="button"] {float: right; height: 50px; min-width: 140px;margin: 0px 0px 0px 0px;} @media (max-width:810px){ .product-info-desc .add-to-cart input[type="button"] {margin: 0px 40px 0px 0px;} } @media (max-width:500px){ .product-info-desc .add-to-cart input[type="button"] {margin: 30px 40px 0px 0px;} } .product-info-desc .rating-product {max-width: 155px; text-align: center; margin-bottom: 10px;} .product-info-desc .shop-options { padding: 10px 0; } p.good_short_description {font-size: 14px; background: #ffffff; padding: 10px; line-height: 20px;} .product-info-desc .shop-options li {list-style: none; padding: 0 0 3px; margin: 0 0 3px; } .product-info-desc .shop-options .shop-options {margin: 4px -10px -11px; box-shadow:none; border: 1px solid #dbdbdb; border-right: 0; border-left: 0;} .product-info-desc .shop-options .shop-options li {border: 0;} .product-info-desc .shop-options .shop-options .opt {display: block; margin-bottom: 5px;} .product-info-desc .shop-options .shop-options select {width: 100%; padding: 5px; border-left-width:3px; border-left-color:#000;} .product-info-desc .goods-list { margin: 0; padding: 3px 0 10px; } .product-info-desc .goods-list .basket {height: auto; width: auto;} .product-info-desc .add-to-checkout { position: relative; display: inline-block; cursor: pointer; padding: 7px 0 4px; margin-bottom: 5px; color: #fff; text-transform: uppercase; font-weight: 300; position: relative; overflow: hidden; z-index: 5; display: inline-block; cursor: pointer; outline: none; text-decoration: none; border-radius: 0; background: #000000; padding: 5px 15px; font: normal 15px/22px "Roboto", sans-serif; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin-right: 5px; height: 32px; } /*.product-info-desc .add-to-checkout:before {content: "\f07a"; font-size: 14px; margin-right: 5px;}*/ .product-info-desc .add-to-checkout > div { position: absolute; height: 100% !important; width: 100% !important; left: 0; top:0; background: none; } .product-info-desc .add-to-checkout:hover{background-color: #000;} /******* start add-to-cart plus minus ***************/ .add-to-cart > span { display: block; width: 50px; height: 50px; background: #eee; color: #1a1a1a; text-align: center; line-height: 50px; cursor: pointer; font-size: 40px; border: 1px solid #cccccc; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .add-to-cart > span:hover, .add-to-cart > span:active { color: #fff; background-color: #2f2e2e; } .fa-plus-sign:before { content: "+"; margin-top: -1px; display: block; } .fa-minus-sign:before { content: "-"; margin-top: -3px; display: block; } .add-to-cart > * { float: left; } /******* end add-to-cart plus minus ***************/ /***************** tabs *****************/ .shop-tabs {margin-bottom: -1px;} .shop-tabs li { float: left; } .shop-tabs li a { font-size: 14px; padding: 10px 15px; display: inline-block; border: 1px solid #dbdbdb; border-left-width: 0; } .shop-tabs li:first-child a {border-left-width: 1px;} .shop-tabs li.postRest1 a { position: relative; border-bottom:1px solid #fbfbfb; background: #fbfbfb; cursor: default; } .shop-tabs li:hover a { background: #fbfbfb;} .shop-info {border: 1px solid #dbdbdb; padding: 15px; min-height:30px; background: #fbfbfb;} .shop-info .commSbmFl {margin-top: 5px;} .shop-info .shop-imgs img{max-width: 80px;} /********** End *****************/ .product-bottom {padding: 30px 0 0;} /********* checkou *************************/ #cont-shop-checkout {padding: 10px 0 0;} #order-table {} #order-submit { text-align: left !important; margin-left: 0 !important; } #order-button{margin-left: 0 !important;} #cont-shop-checkout td, #cont-shop-checkout th {padding: 5px; vertical-align: middle} .methods-list th, .methods-list td {vertical-align: bottom !important;} /********* contacts *************************/ .map {height:100%; position:relative; padding-bottom:50%; overflow:hidden; margin-bottom: 30px; } .map iframe {border:none; height:100%;width:100%; position:absolute; left:0; top:0;} .form-custom {margin-bottom: 30px;} .form-custom input[type="text"], .form-custom textarea {width: 100% !important; margin-bottom: 8px;} /********* abaut us *************************/ .page-part {} .page-part img {max-width: 100%;} .page-part p {margin-bottom: 10px;} .page-part .block-part {overflow: hidden; margin-bottom: 30px; padding-top: 10px;} .page-part .img-part {float: left; margin:0 20px 0 0; width: 44%;} .page-part .list-part {overflow: hidden; margin: 0 -13px;} .page-part .list-part li {float: left; padding: 0 13px; width: 25%; text-align: center;} .page-part .list-part li a, .page-part .list-part li a img{width: 100%;} .page-part .list-part li:first-child {border-left-width: 0;} .page-part .list-part li a:hover {opacity: 0.8;} .img_description{ width: 100%; overflow: hidden; background-color: #dfdfdf; padding: 10px; moz-box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Footer ================================================================================ */ /* Footer ================================================================================ */ .footer-container{ padding: 57px 30px 30px; overflow: hidden; max-width: 100%; margin: 0 auto; /* background: #171717; */ background: #000000; color: #888888; text-align: left;} .footer {} .footer-cols-wrapper { position:relative; padding-bottom: 5px; margin-bottom:5px; } .footer h4, .footer .block-title strong, .footer h3 { text-transform: uppercase; position: relative; font-size: 21px; margin-bottom: 12px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 400; margin-top: 0; } .footer-title-h4 { text-transform: uppercase; position: relative; font-size: 21px; margin-bottom: 12px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 400; margin-top: 0; line-height: 1.25; } .footer ul li { display:block; padding:4px 0 4px; max-width: 170px;} .footer ul li:last-child{border-bottom:none;} .footer ul li a { display:inline-block; text-decoration:none; color: #888888; font-size: 13px; font-weight: 300; font-family: 'Roboto', sans-serif;} .footer ul li a:hover {color: #ffffff;} .footer address {font-size: 12px; color: #888888; margin-bottom: 10px;} .footer address a{color: #888888;} .footer address a:hover{color: #efde1a;} .footer-bottom{ border-top: 1px solid #353838; padding-top:30px; text-align: center; } /*.footer {color: #b0b0b0;}*/ .footer a, .footer-bottom a {color: #888888;} .footer-bottom a:hover {color: #fff;} .footer a:hover {color: #fff;} .footer .footer-cols-wrapper {overflow: hidden; padding: 0 0 28px; position: relative;} .footer .footer-col.last h3, .footer .footer-col.last h4 { margin-bottom: 12px; } .footer .list-icon {overflow: hidden; margin-bottom: 30px;} .footer .list-icon li a {font-size: 22px; line-height: 22px; color: #4c4d4d;} .footer .list-icon li a:hover {color: #ffffff;} .footer .list-icon li {float: left; margin-right: 25px; padding: 0; border:0;} .footer .list-icon li:after {display: none;} .footer .footer-col iframe {background: #EDEFF4;} .footer-col {float:left; width:23.9%; margin-right: 1.1%;} .footer-col.last { margin-right:0; } .footer .footer-col p {margin-bottom: 20px; color: #888888;} .footer .footer-col p:before { color: #888888; content: "\f041"; float: left; font-size: 20px; margin-right:15px; } .footer .footer-col p.footer-phone:before {content: "\f095";} .footer-shadow { background: #222222; color: #777; font-size: 11px; padding: 9px 10000px 7px; margin: 0 -10000px;} .footer-shadow a {color: #777;} .footer-shadow a:hover {color: #fff;} .socials-container {background: #303030; padding:26px 10000px; margin: 0 -10000px;} .footer .socials {overflow: hidden;} .footer .socials li {float: left; margin: 0 32px 0 0;} .footer .socials a { font-size: 15px; font-weight: 500;} .footer .socials i { font-size: 25px; color: #3067d7; margin-right: 10px; vertical-align: -3px; } .footer .socials li:nth-child(2) i {color: #48b2ed;} .footer .socials li:nth-child(3) i {color: #fea904;} span.toggle { position:absolute; cursor:pointer; right: 10px; top:50%; margin-top: -23px; width:20px; text-align: center; font-size: 30px; } .block-title span.toggle { top: 50% !important; margin-top: -14px; } span.toggle:before {content: "+";} span.opened:before {content: "-";} /* ******** popup info user ******* */ .pt-inside { } .popup-bg { padding: 10px; background: #fff; } .popup-bg .popup { border: 1px solid #EEEEEE; padding: 15px; } .popup-bg .udtb { padding: 5px; } .popup-bg .udtlb { font-weight: bold; color: #000; } .popup-bg .pb-inside > div > div { background: #fafafa; float: none !important; padding: 5px 10px; margin: 8px 0; text-align: left !important; border: 1px solid #EEEEEE; } .popup-bg .uSearchFl { border: 1px solid #D4D6D7; height: 51px; padding: 2px 10px; } .popup-bg input[type="button"], .popup-bg input[type="submit"], .popup-bg input[type="reset"] {width: auto !important;} .popup-bg img {vertical-align: baseline;} /* ******** calendar ******* */ .calTable {width: 100%;} .calTable td {text-align: center; padding: 3%;} .calMonth {font-weight:bold;border:1px solid #bdbdbd; } .calWday {border:1px solid #bdbdbd; background:#fbfbfb; width:17px;} .calWdaySe {border:1px solid #bdbdbd; background:#fbfbfb; width:17px; font-weight:bold;} .calWdaySu {border:1px solid #bdbdbd; background:#fbfbfb; width:17px; font-weight:bold; color:#FF0000;} .calMday {border:1px solid #bdbdbd; ;} .calMdayA {border:1px solid #bdbdbd; background:#fbfbfb;font-weight:bold;} .calMdayIs {border:1px solid #bdbdbd; background:#fbfbfb;font-weight:bold;} .calMdayIsA {border:1px solid #bdbdbd; background:#fbfbfb;font-weight:bold;} a.calMonthLink:link,a.calMdayLink:link {text-decoration:none; } a.calMonthLink:visited,a.calMdayLink:visited {text-decoration:none; } a.calMonthLink:hover,a.calMdayLink:hover {text-decoration:underline; } a.calMonthLink:active,a.calMdayLink:active {text-decoration:underline; } /*************** Forums Styles *********************/ .gTable {background: none;} .gTable td {border: 1px solid #ddd !important; padding: 5px 7px;} td.gTableTop {font-size:14px;padding: 5px 10px;border: none;} td.gTableSubTop, td .postTdTop { background:#fafafa; line-height:30px; color: #000; padding: 3px 10px;} td.postRest2, td.postRest1{padding: 3px 10px;} td.postRest2 {background: #fff;} td.gTableSubTop a, td .postTdTop a {color: #fff;} /* General forum Table View */ .gTableTop {font-weight:bold;;} .gTableSubTop {padding:2px;color:#000000;} .gTableBody {padding:2px;} .gTableBody1 {padding:2px;} .gTableBottom {padding:2px;} .gTableLeft {padding:2px;font-weight:bold;color:#737373} .gTableRight {padding:2px;} .gTableError {padding:2px;color:#FF0000;} /* forum Titles & other */ .forumDescr,.forumModer {font-size:11px;} /* forum Page switches */ .switches {} td.pagesInfo, td.switch, td.switchActive {background: #ffffff; border: 1px solid #dcdbe0; padding-left: 5px; padding-right: 5px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} td.switch, td.switchActive { background: #CCCCCC;border:1px solid #CCCCCC; color: #FFF;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} td.switch a {color: #4c4c4c;} .threadDescr {font-size:11px;color:#585858} .postPoll td {border: 0px !important;} .postFirst {border: 0px !important;} .postRest1 {border: 0px !important;} .postRest2 {border: 0px !important;} .postSeparator {border: 0px !important} .postBottom td {border: 0px;padding: 0px 5px !important;} .postBottom img {vertical-align: middle;} .postTdInfo {text-align: center;} .posttdMessage {text-align: justify;padding: 8px !important;line-height: 18px;} .smilesPart td {border: 0px !important;} .userSchFrm input[type="checkbox"] {margin-right: 5px;} .forumContent select {background: #fff;color: #000000;padding: 3px;margin-top: -3px;} #thread_search_button { margin-top:0px;} #thread_search_form { overflow:hidden;} #frmButns83 { margin-bottom:15px;} .gDivLeft { margin-bottom:15px;} .forumContent { /*border:1px solid #ddd; padding: 10px;*/ margin-bottom: 15px;} .forumContent > table { border-bottom:1px solid #ddd; margin-bottom: 10px;} .forumContent > table:last-child {border-bottom-width: 0;} #allEntries table td { border:1px solid #dbdbdb; padding: 15px !important;} #acform { background: #f6f6f6; padding: 20px; display: block;} #acform:after { content: ""; display: table; clear: both; } #acform .commFl, #acform textarea { width: 100%; moz-box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ececec; padding: 6px; margin-bottom: 8px; resize:none; } #acform .commSbmFl { float: left; margin-top: 5px;} #acform .commSbmFl:hover { background: #ddd; } #acform .securityCode {width: auto; border: 1px solid #ececec;} #acform select {margin: 6px 0;} #mchatIfm2 {padding: 5px; background: #F9F9F9;} #MCaddFrm > table { margin-bottom: 5px;} #MCaddFrm textarea {border: 1px solid #D4D6D7; padding: 5px;} .forumContent .btn, .forumContent input[type="button"], .forumContent input[type="submit"], .forumContent input[type="reset"] { height: 24px; padding-top: 2px; padding-bottom: 2px; font-size: 13px; } .gDivLeft {overflow: auto; padding-bottom: 15px;} .forumContent .gTableTop{line-height: 30px;} /* ----------------- */ /* ====== forum End ====== */ .eDetails, .eDetails1 {padding: 5px; background: #f6f6f6; } .eTitle {font-size: 24px; line-height: 20px; margin-bottom: 15px;} .eBlock .eMessage {padding-bottom: 20px !important; overflow: hidden; } .eBlock {margin-bottom: 10px;} .eBlock .eMessage img {} #allEntries .eBlock table td {border-color: #fff;} /* ======================================= Home Page ============================================================== */ .label-product { position: absolute; left: 0px; top: 0px; z-index: 11; width: 100%; } .label-product > span { position: absolute; top: 0; left: 0; background:#bdbdbd; font-size:14px; color: #fff; padding: 2px 12px 5px 15px; text-transform: uppercase; } .label-product > span.sale { background:#ff0000; } .label-product.label-indent > span.sale { left:100px; font-size: 23px; line-height: 23px; color: #efde1a; font-weight: bold; font-family: 'Open Sans', sans-serif; } .products-list .label-product {left: 60px; right: auto;} .products-list .label-product.label-indent {left: 90px;} /* ==================================back-top ================================================== */ /* #back-top {position: fixed; bottom:40px;z-index:99; left: 50%; margin-left: 835px; display:none; width:51px;height:51px;} #back-top span {display: block; text-align: center; } #back-top span:before {content: "\f139"; font-size: 40px; line-height: 45px;} #back-top a {} #back-top a:hover {} */ #back-top {width:100px;border: 2px solid #212121;background:#212121;text-align:center;padding:5px;position:fixed;bottom:10px; /* отступ кнопки от нижнего края страницы*/ right:10px;cursor:pointer;display:none;color:#fff;font-family: "Roboto",sans-serif;font-size:13px;margin-right: 5px;z-index: 10; box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #c4c4c4;} #back-top a {color: #fff;} #back-top:hover {background:#e5e5e5;color:#212121;transform: translateY(2px);box-shadow: 0px 6px 16px #aaa; } #back-top:hover a{color:#212121;transform: translateY(2px); } /* Clears ================================================================================ */ .clear {clear: both; display: block; overflow: hidden; visibility: hidden;width: 0;height: 0;} .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .goods-list:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, .goods-list .actions:after, .header .row-2:after, .header-buttons:after, .input-box:after, .block-subscribe .block-content:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ /* start Stuck menu styles ========================================================*/ #stuck_container{ position: relative; z-index: 10; width: 100%; height: 70px; } @media only screen and (max-width: 991px) { #stuck_container { width: 100%; height: 50px; } } .isStuck { background: #eef3f5; padding: 0px 0 0px; z-index: 999; left: 0; text-align: center; } .isStuck .tm_navbar {display:inline-block;} .isStuck h1 { /*height: 100px;*/ } .isStuck .sf-menu > li > a { padding: 7px 0px 3px; } /*.isStuck .sf-menu > li > a {line-height: 50px;}*/ .isStuck .sf-menu ul.submenu { top: 23px; } .isStuck #menu {margin-top: 0;} .isStuck ul.uMenuRoot li li:hover ul, ul.uMenuRoot li li.sfHover ul {left: 188px; top: -7px;} .isStuck ul {display: block !important;} @media only screen and (max-width: 979px) { .isStuck { display: none !important; } } /* end Stuck menu styles ========================================================*/ /* start home banners menu styles ========================================================*/ .list-1 {max-width: 1230px; margin: 0 auto 40px; overflow: hidden;} .list-1 li {float: left; width: 33.3333333%;} .list-1 li a { position: relative; display:block; font-size: 12px; color: #fff; text-transform: uppercase; text-align: center; overflow: hidden; } .list-1 .banner-block-c {position:absolute; left: 0; bottom: 0; padding: 0 7% 3.5%; width: 100%;} .list-1 .title-1 { font-size: 42px; font-weight: bold; line-height: 51px; display: inline-block; background-color: #efde1a; background-color: rgba(236, 10, 23, 0.9); margin-bottom: 8px; padding: 11px 18px; } .list-1 .title-2 { font-size: 55px; line-height: 80px; margin-bottom: 32px; } .list-1 .title-2 span { font-size: 80px; display: block; font-weight: bold; margin-top: -22px; } .list-1 .title-3 { font-size: 77px; line-height: 76px; font-weight: bold; margin-bottom: 11px; } .list-1 img {width: 100%;} .list-1 a:hover img { transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); } a, button.button span, button.button i, .goods-list li.item, .wrapper-hover, .list-1 a img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* end home banners menu styles ========================================================*/ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { background:transparent; border:0; overflow:visible; cursor:pointer; padding:0; margin:0; width:auto; } button.button > span { float:left; text-align:center; white-space:normal; padding:0; } button.button span span {padding:8px 15px 7px; display:block; float:left;} /*button.button > span, .page-sitemap .links a { font-family: "Open Sans",sans-serif; background: #efde1a; color:#fff; font-size:16px; line-height: 20px; text-transform: uppercase; font-weight: bold; } button.button:hover > span, .page-sitemap .links a:hover { background: #012338; color:#fff; } */ .page-sitemap .links a { display:inline-block; text-decoration:none; position:relative; text-transform:uppercase; padding:0px 11px; height: 36px; line-height: 36px; } .form-custom input[name="f7"] {width: 100px !important;} .form-custom select{margin-top: -10px;} #contact-form a input{border: none;} .newprice{ color: #000 !important; font: normal 39px/43px "Roboto", sans-serif; color: black; } .banners{ padding: 30px 0 0px; background: #fff; text-align: center;} .banners .banner {} .banners img{ max-width: 100%; margin-bottom: 0px;background: #00526c; width: 100%; } .banners .banner-button:after, .banners a img{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .banners a{ display: block; position: relative; text-align: center; margin: 0 auto; overflow: hidden;} .banners a h6{ font-family: 'Open Sans', sans-serif; position: absolute; top: 50%; width: 100%; padding: 0 8%; text-align: center; color: #fff; font-size: 28px; line-height: 36px; text-transform: uppercase; font-weight: bold; margin: 0;} .banners a .banner-button{ font-family: 'Open Sans', sans-serif; font-size: 17px; display: inline-block; text-transform: uppercase; font-weight: bold; line-height: 53px; padding: 0 2px; z-index: 3; position: absolute; bottom: 5%; left: 14%; right: 14%; color: #fff; } .banners a .banner-button:after{ content: ''; position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.3; left: 0; top: 0; z-index: 2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .banners a .banner-button:before{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: solid 1px #fff; opacity: 0.7;} .banners a .banner-button span{ position: relative; z-index: 20;} .banners a:hover .banner-button:after{background-color: #fff;} .banners a:hover img{box-shadow: 1px 1px 10px -1px #b2b2b2; -webkit-transform: scale3d(1.15, 1.15, 1); transform: scale3d(1.15, 1.15, 1); } .product-name a:hover{color: #858585;} .header-cart h3{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .header-cart:hover h3{color: #858585;} /*---------------ADVANCED SEARCH PANEL---------------*/ form table {max-width: 100%;} form table td>div{position: relative; margin-top: 0px;} #sFltLst{ top: -16px !important; left: 0 !important; } .xw-mc { border: 1px solid #bbbaba !important; background: #dadee3 !important; } form table .queryField {padding: 17px !important;} form table .queryField{width: 320px !important;} @media only screen and (max-width: 767px) { form table .queryField{width: 200px !important;} } /*---------------ADVANCED SEARCH PANEL---------------*/ .good-rate { margin-top: -10px; } .good-rate a, .uStarRating2 a, .blog-dsc a{ -webkit-transition: all 0.0s ease; -moz-transition: all 0.0s ease; -o-transition: all 0.0s ease; transition: all 0.0s ease; } /*---------------Start Tabs styles---------------*/ #tabs-container{ width: 100%; overflow: hidden; margin-top: 35px; } .tabs-menu { float: left; width: 200px; } .tabs-menu li { display: block; line-height: 20px; box-sizing: border-box; border-left: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; margin-bottom: -1px; cursor: pointer; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: 700; transition: color .3s ease; color: #000; background: #ffffff; } .tabs-menu li.current{ border-left: 3px solid #1a1a1a; color: #777; margin-right: -1px; } .tabs-menu li:hover { color: #777; } .tabs-menu li a { display: block; padding: 10px; text-transform: uppercase; text-decoration: none; color: inherit; } .tab { border: 1px solid #d8d8d8; margin-bottom: 20px; width: auto; overflow: hidden; } .tab-content { padding: 15px; display: none; } #tab-1 { display: block; } .tab img{ transition: opacity .3s ease; moz-box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; transition: all 0.5s ease 0s; border: 1px solid #eaeaea; } .tab img:hover{ opacity:0.85; border: 1px solid #000; } .shop-imgs img { float: left; margin: 0 1% 15px 0 !important; max-width: 100%; width: 32%; } @media only screen and (max-width: 1167px) { .tabs-menu { width: 100%; float: none; } .tabs-menu li {border-right: 1px solid #d8d8d8;} .tabs-menu li.current{margin-right: 0;} .shop-imgs img {margin-right: 1% !important;} } /*---------------End Tabs styles---------------*/ /*---------------Start Tabs styles---------------*/ #tabs-container2{ width: 100%; } .tabs-menu-shop-main { width: 100%; background-color: #fff; overflow: hidden; } .tabs-menu-shop-main li { display: block; line-height: 20px; box-sizing: border-box; border-right: 1px solid #d8d8d8; cursor: pointer; font-size: 21px; letter-spacing: 1px; text-transform: uppercase; font-weight: 700; float: left; transition: all 0.5s ease 0s; } .tabs-menu-shop-main li.current a{ background-color: #262626; color: #efde1a; } .tabs-menu-shop-main li:hover a { background-color: #262626; color: #efde1a; } .tabs-menu-shop-main li a { display: inline-block; padding: 20px 10px; text-transform: uppercase; text-decoration: none; color: inherit; font-weight: normal; background: #fff; color: #01020b; } .tab-shop-main { margin-bottom: 20px; width: auto; margin-top: 30px; } .tab-content-shop-main { display: none; } #tab-1-shop { display: block; } @media only screen and (max-width: 1167px) { .tabs-menu-shop-main { width: 100%; float: none; } .tabs-menu-shop-main li {border-right: 1px solid #d8d8d8;} .tabs-menu-shop-main li.current{margin-right: 0;} } /*---------------End Tabs styles---------------*/ /* FORUM -------------------------- */ .gTable { background: none; border-spacing: 0; } .gTable td { padding: 5px 20px; font-size: 13px; vertical-align: middle; } .gTableTop { line-height: 20px; padding: 0 20px !important; color: #fff; text-decoration: none; font-size: 12px !important; text-transform: uppercase; font-weight: 700; background: #403832; } .gTableTop a { color: #fff !important; text-decoration: none; font-size: 12px; letter-spacing: 1px; } .gTableSubTop { padding: 5px 10px; font-weight: 600; font-size: 13px; } .catLink { color: #fff !important; font-size: 12px !important; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-family: 'Arimo'; letter-spacing: 1px; } .catLink:hover, .gTableTop a:hover { color: #fff !important; } .funcBlock { padding-right: 10px; } .forumIcoTd { text-align: center; } .forumIcoTd, .forumNameTd, .forumThreadTd, .forumPostTd, .forumLastPostTd { padding: 5px 10px; } .forumThreadTd, .forumPostTd, .threadPostTd, .threadViewTd, .threadAuthTd, .threadIcoTd, .threadNametd, .threadAuthTd, .threadLastPostTd { vertical-align: middle; padding-left: 20px; } .forumNameTd { line-height: 24px; } .forumNameTd a { font-size: 12px; letter-spacing: 1px; } .forumNamesBar { padding-left: 10px !important; } .frmBtns { text-align: right; padding-right: 10px; } .legendTd { padding: 0 10px; } .threadIcoTd, .threadIcoTd { text-align: center; vertical-align: middle; } .threadsDetails { padding: 5px; } .postTdTop { text-align: center; padding: 5px; } .postTdInfo { text-align: center; } .posttdMessage { vertical-align: top; padding: 5px; } .threadsDetails, .postTdTop { background: none; } .gTable tr { background: none; } .gDivBottomRight {min-height: 5px;} .pagesInfo { padding: 0 10px; line-height: 24px; } .switchActive { padding: 0 10px; color: #fff; } .postBottom { padding: 0 20px !important; } #thread_search_form { position: relative; padding-bottom: 10px; overflow: hidden; } #thread_search_button { position: absolute; top: 0; right: 0; } .fNavLink { display: inline-block; margin-bottom: 30px; } #forum_filter { text-align: right; padding-bottom: 10px; } #forum_filter form { display: inline-block; margin-left: 5px; } #filter_by { display: inline-block; line-height: 32px; margin-top: -2px !important; } .postPreview, #iplus, .ucoz-editor-panel input, .allUsersBtn, .uSearchFlSbm { width: auto !important; } #selectPhotosBtn, #order-button { width: auto !important; height: auto !important; } #thread_search_field { float: left !important; width: 165px !important; } .forumIcoTd, .forumNameTd, .forumThreadTd, .forumPostTd, .forumLastPostTd, .forumThreadTd, .forumPostTd, .threadPostTd, .threadViewTd, .threadAuthTd, .threadIcoTd, .threadNametd, .threadAuthTd, .threadLastPostTd, .postTdTop, .postBottom { border-bottom: 1px solid #d8d8d8; } .postTdTop, .postBottom { border-top: 1px solid #d8d8d8; } .gTableSubTop, .pagesInfo { background: #f2f2f2; } .gTableSubTop, .gTableSubTop a { color: #1a1a1a !important; } .postTdInfo {border-right: 1px solid #d8d8d8;} .forumNameTd {color: #7a7a7a;} a.forum {color: #1a1a1a;} .forumContent a:hover { color: #755835; } .cnt { padding-top: 40px; } .postTdInfo { text-align: left; } #subscribe { padding-top: 11px; } .forumContent { font-size: 13px !important; } .forumContent input[type="button"], .forumContent input[type="submit"], .forumContent input[type="reset"] { background: none repeat scroll 0 0 #fff; border: medium none; box-shadow: 0 0 0 2px #1a1a1a inset; color: #1a1a1a; cursor: pointer; font-family: "Arimo"; font-size: 11px; font-weight: 700; height: 28px; letter-spacing: 1px; line-height: 24px; padding: 3px 15px; text-transform: uppercase; transition: all 0.3s ease 0s; } .forumContent input[type="button"]:hover, .forumContent input[type="submit"]:hover,.forumContent input[type="reset"]:hover { background: none repeat scroll 0 0 #1a1a1a; color: #fff; } #thread_search_button { float: right; margin-top: 0 !important; } /* end FORUM -------------------------- */ /* start banner section styles */ #htmlcontent_top { /* background: url('/img/parallax/top-column-bg.png') no-repeat center bottom; */ /* padding: 104px 0 137px; */ background-repeat: no-repeat; background-position: center bottom; background-image: url('/img/parallax/top-column-bg.png'); position: relative; z-index: 3; margin-bottom: -45px; margin-top: -35px; min-height: 1111px; object-fit: cover; } @supports (background-image: url('/img/parallax/top-column-bg.webp')) { #htmlcontent_top {background-image: url('/img/parallax/top-column-bg.webp');} } @media (max-width:1024px){ #htmlcontent_top {background-image: none !important;} } .htmlcontent-top-title{ padding: 50px 0px 0px; } @media (max-width:1024px){ .htmlcontent-top-title{padding: 0px;} } @media (max-width: 1199px) { #htmlcontent_top { background-size: cover; padding: 0px 0px 104px; } } #htmlcontent_top ul li { width: 100%; max-width: 470px; height: auto; padding-bottom: 30px; margin: 0 auto; overflow: hidden; } #htmlcontent_top ul li > div { position: relative; } #htmlcontent_top ul li img { width: 100%; max-width: 470px; height: auto; height: auto; -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; } #htmlcontent_top ul li a { display: block; overflow: hidden; } @media only screen and (min-width: 1200px) { #htmlcontent_top ul li a:hover img { -moz-transform: scale(1.1) rotate(2deg); -ms-transform: scale(1.1) rotate(2deg); -o-transform: scale(1.1) rotate(2deg); -webkit-transform: scale(1.1) rotate(2deg); transform: scale(1.1) rotate(2deg); } #htmlcontent_top ul li a:hover .item-html { color: #000; } #htmlcontent_top ul li a:hover .item-html:after { color: #000; } #htmlcontent_top ul li a:hover .item-html:before { background: #ffffff; -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } } #htmlcontent_top ul li .item-html { position: absolute; left: 0; bottom: 0; width: 100%; padding: 19px 5px 17px; text-align: center; color: #ffffff; text-transform: uppercase; font: bold 52px/1em "Roboto", sans-serif; overflow: hidden; z-index: 1; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; } #htmlcontent_top ul li .item-html span { display: block; font: 100 43px/1em "Roboto", sans-serif; margin-top: -6px; } #htmlcontent_top ul li .item-html:before { content: " "; display: block; position: absolute; left: -200px; top: 8px; width: 800px; height: 400px; background: #000; opacity: 0.8; -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); -webkit-transform: rotate(2deg); transform: rotate(2deg); z-index: -1; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; } #htmlcontent_top ul li .item-html:after { content: ">"; font-size: 37px; line-height: 37px; font-weight: normal; color: #fff; position: absolute; right: 20px; bottom: 17px; } @media (min-width: 992px) and (max-width: 1199px) { #htmlcontent_top ul li .item-html { font: bold 35px/1em "Roboto", sans-serif; } #htmlcontent_top ul li .item-html span { font: 100 30px/1em "Roboto", sans-serif; margin: 0; } #htmlcontent_top ul li .item-html:after { font-size: 26px; line-height: 27px; } } @media (min-width: 768px) and (max-width: 991px) { #htmlcontent_top { padding: 80px 0; } #htmlcontent_top ul li .item-html { font: 500 22px/1em "Roboto", sans-serif; } #htmlcontent_top ul li .item-html span { font: 100 14px/1em "Roboto", sans-serif; margin: 2px 0 0; } #htmlcontent_top ul li .item-html:after { font-size: 16px; line-height: 16px; } } @media (min-width: 480px) and (max-width: 767px) { #htmlcontent_top { padding: 50px 0 20px; } #htmlcontent_top ul li .item-html { padding: 15px 5px 10px; font: 500 17px/1.1em "Roboto", sans-serif; } #htmlcontent_top ul li .item-html span { font: 100 12px/1.1em "Roboto", sans-serif; margin: 0; } #htmlcontent_top ul li .item-html:after { display: none; } } @media (max-width: 479px) { #htmlcontent_top { padding: 50px 0 70px; min-height: 2250px; } #htmlcontent_top ul { margin: 0 auto; } #htmlcontent_top ul li { width: 100%; /* padding: 0 5px 20px; */ } #htmlcontent_top ul li .item-html { padding: 15px 5px 10px; font: 500 17px/1.1em "Roboto", sans-serif; } #htmlcontent_top ul li .item-html span { font: 100 12px/1.1em "Roboto", sans-serif; margin: 0; } #htmlcontent_top ul li .item-html:after { display: none; } } /* end banner section styles */ /*----------start parallax section styles--------------*/ #tmhtmlcontent_topColumn .parallax_content { width: 100%; padding: 0; margin: 0; float: none; } .tmhtmlcontent_topColumn { padding: 186px 0 224px; /* background: url(/images/banner-decor.png) no-repeat center bottom; */ } .tmhtmlcontent_topColumn ul { margin: 0; } .tmhtmlcontent_topColumn ul li img { max-width: 100%; height: auto; } .tmhtmlcontent_topColumn ul li .item-html { text-align: center; color: #fff; font: 300 18px/33px "Roboto", sans-serif; } .tmhtmlcontent_topColumn ul li .item-html h2 { font: 100 85px/89px "Roboto", sans-serif; margin: 0; padding: 0; } .tmhtmlcontent_topColumn ul li .item-html h3 { font: bold 85px/89px "Roboto", sans-serif; margin: 0 0 20px; padding: 0; color: #efde1a; } .tmhtmlcontent_topColumn ul li .item-html p { margin: 0; padding: 0 50px; } @media (min-width: 992px) and (max-width: 1199px) { .tmhtmlcontent_topColumn { padding: 146px 0 184px; } .tmhtmlcontent_topColumn ul li .item-html { font: 300 16px/26px "Roboto", sans-serif; } .tmhtmlcontent_topColumn ul li .item-html h2 { font: 100 65px/69px "Roboto", sans-serif; } .tmhtmlcontent_topColumn ul li .item-html h3 { font: bold 65px/69px "Roboto", sans-serif; margin: 0 0 14px; } .tmhtmlcontent_topColumn ul li .item-html p { padding: 0; } } @media (min-width: 768px) and (max-width: 991px) { .tmhtmlcontent_topColumn { padding: 120px 0; } .tmhtmlcontent_topColumn ul li .item-html { font: 300 13px/22px "Roboto", sans-serif; } .tmhtmlcontent_topColumn ul li .item-html h2 { font: 100 35px/39px "Roboto", sans-serif; } .tmhtmlcontent_topColumn ul li .item-html h3 { font: bold 35px/39px "Roboto", sans-serif; margin: 0 0 14px; } .tmhtmlcontent_topColumn ul li .item-html p { padding: 0 20px; } } @media (min-width: 480px) and (max-width: 767px) { .tmhtmlcontent_topColumn { padding: 90px 0; } .tmhtmlcontent_topColumn ul li .item-html { font: 300 12px/20px "Roboto", sans-serif; } .tmhtmlcontent_topColumn ul li .item-html h2 { font: 100 30px/34px "Roboto", sans-serif; } .tmhtmlcontent_topColumn ul li .item-html h3 { font: bold 30px/34px "Roboto", sans-serif; margin: 0 0 14px; } .tmhtmlcontent_topColumn ul li .item-html p { padding: 0 20px; } } @media (max-width: 479px) { .tmhtmlcontent_topColumn { padding: 90px 0; } .tmhtmlcontent_topColumn ul li .item-html { font: 300 11px/15px "Roboto", sans-serif; } .tmhtmlcontent_topColumn ul li .item-html h2 { font: 100 20px/24px "Roboto", sans-serif; } .tmhtmlcontent_topColumn ul li .item-html h3 { font: bold 20px/24px "Roboto", sans-serif; margin: 0 0 8px; } .tmhtmlcontent_topColumn ul li .item-html p { padding: 0 5px; } } /*----------end parallax section styles--------------*/ .parallax_section { position:relative; width:100%; overflow:hidden; z-index:1; /* background-image: url(../images/parallax.jpg); */ } .parallax_section .info_alert { position:absolute; top:20px; background:#fff; } .parallax_section .info_alert span { color:#000; display:block; } .fixed_parallax_section{ width:100%; min-height: 200px; position: relative; background-size:cover; background-repeat:no-repeat; background-position: 50% 50%; } /****************************************************************************** Home Page Slider *******************************************************************************/ #homepage-slider { /* padding: 98px 0; */ overflow: hidden; object-fit: cover; position: relative; z-index: 3; margin-bottom: -20px; margin-top: -45px; min-height:676px; background-image: url('/img/parallax/slider-bg.png'); background-position: center -6px; background-repeat: no-repeat; } @supports (background-image: url('/img/parallax/slider-bg.webp')) { #homepage-slider {background-image: url('/img/parallax/slider-bg.webp');} } @media (max-width:1024px){ #homepage-slider {background-image: none !important;} } @media (max-width: 767px) { #homepage-slider { padding: 58px 0; } } #homepage-slider #homeslider { margin: 0 auto; padding: 0; } .shop-main-bg { /* background: url(/images/content-bg.png) no-repeat center top; */ margin-bottom: -17px; padding-top: 40px; } /* start banner 2 section styles */ #htmlcontent_home { /* background: url(/images/bottom_banner_bg.png) no-repeat center top; */ background-repeat: no-repeat; background-position: center top; background-image: url('/img/parallax/bottom_banner_bg.png'); object-fit: cover; min-height: 690px; margin-bottom: -70px; margin-top: -50px; padding: 10px 10px; position: relative; z-index: 2; } @supports (background-image: url('/img/parallax/bottom_banner_bg.webp')) { #htmlcontent_home {background-image: url('/img/parallax/bottom_banner_bg.webp');} } @media (max-width:1024px){ #htmlcontent_home {background-image: none !important;} } #htmlcontent_home ul li { margin: 0 auto; /* padding: 0px 20px; */ width: 30%; } #htmlcontent_home ul li a { overflow: hidden; height: 330px; max-height: 330px; display: block; } @media only screen and (min-width: 1200px) { #htmlcontent_home ul li a:hover .item-html i.fa { font-size: 128px; line-height: 155px; display: block; margin-bottom: -10px; } #htmlcontent_home ul li a:hover .item-html h2 { font: bold 32px/34px "Roboto", sans-serif; } #htmlcontent_home ul li a:hover .item-html h2 span { font: 100 23px/25px "Roboto", sans-serif; } #htmlcontent_home ul li a:hover .item-html p { animation: 500ms ease-in-out 0s normal none 1 moveFromBottom; -webkit-animation: 500ms ease-in-out 0s normal none 1 moveFromBottom; } } #htmlcontent_home ul li > div { background: #171717; } #htmlcontent_home ul li img { max-width: 100%; height: auto; } #htmlcontent_home ul li .item-html { text-align: center; color: #fff; padding: 20px 30px; } #htmlcontent_home ul li .item-html i.fa { font-size: 112px; line-height: 130px; display: block; margin-bottom: -11px; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } #htmlcontent_home ul li .item-html h4 { font: bold 42px/1.15em "Roboto", sans-serif; margin: 0 0 8px; padding: 0; color: #ffffff; text-transform: uppercase; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } #htmlcontent_home ul li .item-html h4 span { font: 100 33px/1.1em "Roboto", sans-serif; display: block; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } #htmlcontent_home ul li .item-html p { margin: 0; padding: 0 0 10px; } @media (min-width: 992px) and (max-width: 1199px) { #htmlcontent_home { margin-bottom: 0; } #htmlcontent_home ul li .item-html i.fa { font-size: 70px; line-height: 90px; margin: 0; } #htmlcontent_home ul li .item-html h2 { font: bold 30px/1.15em "Roboto", sans-serif; } #htmlcontent_home ul li .item-html h2 span { font: 100 20px/1.1em "Roboto", sans-serif; } } @media (min-width: 768px) and (max-width: 991px) { #htmlcontent_home { padding: 100px 0 56px; /* margin-bottom: 0; */ } #htmlcontent_home ul li { padding: 0px 10px;} #htmlcontent_home ul li .item-html { padding: 20px 5px; } #htmlcontent_home ul li .item-html i.fa { font-size: 70px; line-height: 90px; margin: 0; } #htmlcontent_home ul li .item-html h2 { font: bold 23px/1.15em "Roboto", sans-serif; } #htmlcontent_home ul li .item-html h2 span { font: 100 16px/1.1em "Roboto", sans-serif; } #htmlcontent_home ul li .item-html p { display: none; } } @media (min-width: 480px) and (max-width: 767px) { #htmlcontent_home { padding: 100px 0 56px; margin-bottom: 0; } #htmlcontent_home ul { margin: 0 -5px; } #htmlcontent_home ul li { padding: 0 5px; } #htmlcontent_home ul li .item-html { padding: 20px 5px; } #htmlcontent_home ul li .item-html i.fa { font-size: 50px; line-height: 70px; margin: 0; } #htmlcontent_home ul li .item-html h2 { font: bold 17px/1.15em "Roboto", sans-serif; } #htmlcontent_home ul li .item-html h2 span { font: 100 13px/1.1em "Roboto", sans-serif; } #htmlcontent_home ul li .item-html p { display: none; } } @media (max-width: 479px) { #htmlcontent_home { padding: 60px 0 26px; margin-bottom: 0; } #htmlcontent_home ul li { padding: 20px 0px; width: 100%; } #htmlcontent_home ul li .item-html { padding: 15px; text-align: left; font-size: 11px; line-height: 15px; } #htmlcontent_home ul li .item-html i.fa { font-size: 60px; line-height: 60px; margin: 0 15px 0 0; float: left; } #htmlcontent_home ul li .item-html h2 { font: bold 17px/1.15em "Roboto", sans-serif; } #htmlcontent_home ul li .item-html h2 span { font: 100 13px/1.1em "Roboto", sans-serif; } } /* end banner 2 section styles */ /* start home blog section styles */ #homepage-blog { overflow: hidden; padding: 100px 0 38px; margin: 0; /* background: url(/images/bottom_content_bg.png) no-repeat center bottom; */ } @media only screen and (max-width: 1700px) { #homepage-blog { background-size: contain; } } @media (min-width: 768px) and (max-width: 991px) { #homepage-blog { padding: 50px 0 18px; } } @media (max-width: 767px) { #homepage-blog { padding: 50px 0 5px; } } #homepage-blog .title_block { display: none; } #homepage-blog li { padding-bottom: 30px; text-align: center; } @media (max-width: 767px) { #homepage-blog li { padding-bottom: 17px; } } #homepage-blog li.first-in-line { clear: left; } @media only screen and (min-width: 1200px) { #homepage-blog li .blog-image a { display: block; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); position: relative; } #homepage-blog li .blog-image a:after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } #homepage-blog li .blog-image a img { max-width: 100%; height: auto; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } #homepage-blog li .blog-image a:hover { -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0px 20px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0px 20px; box-shadow: rgba(0, 0, 0, 0.4) 0 0px 20px; -moz-transform: scale(0.9788); -ms-transform: scale(0.9788); -o-transform: scale(0.9788); -webkit-transform: scale(0.9788); transform: scale(0.9788); } #homepage-blog li .blog-image a:hover:after { -moz-box-shadow: inset 0 0 0 7px white; -webkit-box-shadow: inset 0 0 0 7px white; box-shadow: inset 0 0 0 7px white; } #homepage-blog li .blog-image a:hover img { -moz-transform: scale(0.9788); -ms-transform: scale(0.9788); -o-transform: scale(0.9788); -webkit-transform: scale(0.9788); transform: scale(0.9788); } } #homepage-blog li h5 { font-size: 21px; line-height: 34px; color: #262626; text-transform: uppercase; margin: 20px 0 8px; padding: 0 100px; font-weight: 300; text-align: center; } .block_content li h5 {line-height: 26px !important;} #homepage-blog li h5 a { color: #262626; } #homepage-blog li h5 a:hover { color: #888888; } #homepage-blog li .post-descr { margin: 0 0 11px; } #homepage-blog li .date_and_comments { padding-top: 5px; font: normal 15px / 24px Georgia, serif; color: #262626; overflow: hidden; } #homepage-blog li .date_and_comments i { margin-right: 3px; margin-top: 5px;} #homepage-blog li .date_and_comments a { font: normal 15px / 24px Georgia, serif; color: #262626; } #homepage-blog li .date_and_comments a:hover { color: #888; } #homepage-blog li .date_and_comments .date-added { display: inline-block; padding-right: 14px; } #homepage-blog li .date_and_comments .commentcount { display: inline-block; } @media (min-width: 992px) and (max-width: 1199px) { #homepage-blog li h5 { font-size: 20px; line-height: 26px; margin: 10px 0 4px; padding: 0 50px; } } @media (min-width: 768px) and (max-width: 991px) { #homepage-blog li h5 { font-size: 16px; line-height: 22px; margin: 10px 0 4px; padding: 0 20px; } } @media (max-width: 767px) { #homepage-blog li { width: 50%; } #homepage-blog li h5 { font-size: 14px; line-height: 20px; margin: 10px 0 4px; padding: 0 5px; } } @media (min-width: 480px) and (max-width: 767px) { #homepage-blog li p.post-descr { display: none; } } @media (max-width: 479px) { #homepage-blog li { width: 100%; } } /* end home blog section styles */ /*================== Start GOOGLE MAP ======================*/ .map_full_width{margin-bottom: -70px;} .map_model { height: 300px; } .map_model img { max-width: none !important; } @media (max-width: 767px) { .map_model { height: 250px; } } @media (max-width: 479px) { .map_model { height: 200px; } } .map_locations { display: none; } /* End Google Map ========================================================*/ /******* start switch view mode***************/ .sort_by {margin: 15px 0;padding: 15px 0 9px;border: 1px solid #cccccc;border-width: 1px 0;text-align: right;} .sort_by label {margin: 0 4px 0 0;line-height: 30px;} .sort_by select {width: auto !important;height: 30px;display: inline-block;padding: 5px 4px;cursor: pointer;} ul.display #grid, ul.display #list { color: black; display: block; float: left; cursor: pointer; font-size: 22px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; color: #777; } ul.display li { margin-right: 7px; } ul.display .selected { color: #000 !important; } ul.display #grid:hover, ul.display #list:hover { color: #000; } .goods-view-list .goods-list .list-item { border­bottom: 1px dotted #d8d8d8; margin­bottom: 5px; margin­top: 5px; padding­bottom: 5px; position: relative; text-align: left; width: 100%; } .goods-view-list .goods-list .product-image { float: left; width: 170px; margin-right: 20px; } .description_goods{margin-bottom: 10px; display: none;} .goods-view-list .description_goods{display: block;} .goods-view-list .product-shop {padding: 0px 0px 20px; overflow: hidden;} .goods-list .product-image a {display: block;overflow: hidden;position: relative;} .goods-list .product-image img { display: block; width: 100%; max-width: 720px; height: auto; max-height: 485px; background-color: #fff;position: relative;z-index: 1; width: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .gphoto{margin-bottom: 0 !important;} .goods-list .product-image img:before {content: '';width: 100%;height: 100%;background: rgba(0,0,0,.2);position: absolute;left: 0;top: 0;z-index: 1;} .goods-list .product-image .img__2 { width:100%;position: absolute; left: 0;top: 0;z-index: 10; /*opacity: 1; */ top: 101%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .goods-list .product-image:hover>img{ transform: translateY(-120px); } .goods-list .product-image:hover .img__2{ /*opacity: 1; */ top: 0; } @media (max-width:1199px){ .goods-list .product-image .img__2 { display: none; } } /******* end switch view mode***************/ .pollBut{width: auto !important;} /******* стилизация фото категорий ***************/ .catsTd { padding: 0 0 3px 21px; background: url('/.s/t/101/13.gif') no-repeat 6px 8px; background-color: #fff; margin-bottom: 1px; display: inline-block; } #catSelector9{margin-top: 3px;} #uCatsMenu7{top: 115px !important;} #tmhtmlcontent_topColumn.about_page {margin-top: -45px;} #homepage-blog.about_page {margin-bottom: -67px; padding-top: 10px; padding-bottom: 70px;} .contact_page.map_full_width{margin-top: -45px; margin-bottom: 30px;} .blog-section-image{ float: left; margin-right: 30px; } .blog_description{ overflow: hidden; } .blog-section-fuul-post{margin-bottom: 40px;} .blog-section-fuul-post .date_and_comments{ width: 100%; overflow: hidden; margin-bottom: 15px; } .blog-section-fuul-post .blog-section-image{max-width: 40%;} .blog-section-fuul-post .date_and_comments i{margin: 4px;} .blog-section-fuul-post .date-added{float: left;} .blog-section-fuul-post .commentcount{float: right;} .blog-section-fuul-post h2.page-title {margin-top: 0; margin-bottom: 0;} .blog-section-fuul-post a.btn{margin-top: 25px;} /*-----Start contact form-----*/ .formBox { padding-bottom: 74px; padding-top: 60px; margin-bottom: 39px; background: #f8f8f8; border-bottom: 1px solid #dfdfdf; } #contact-form { width: 100%; position: relative; overflow: hidden; margin-top: 20px; text-align: left; } #contact-form label { position: relative; display: block; min-height: 61px; margin: 0; font-weight: normal; font: 14px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 18px; color: #5f6775; } #contact-form label span { margin-bottom: 2px; display: block; color: #5f6775; } #contact-form .holder { overflow: hidden; } .form-div-1, .form-div-2, .form-div-3 { float: left; width: 242px; margin-right: 20px; } .form-div-3 { margin-right: 0; } @media only screen and (max-width: 1209px) { .form-div-1, .form-div-2, .form-div-3 { width: 100%; margin-right: 0; } #contact-form label {min-height: 50px;} } #contact-form ._placeholder { position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: text; padding: 10px 14px; border-radius: 0; display: block; } #contact-form ._placeholder.focused { opacity: 0; filter: alpha(opacity=0); box-shadow: none; } #contact-form ._placeholder.hidden { display: none; } #contact-form input, #contact-form textarea { box-shadow: none; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin: 0; width: 100%; outline: none; border: 1px solid #cecece; background: #ffffff; font: 14px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 18px; color: #5f6775; padding: 10px 14px; height: 41px; resize: none; } #contact-form textarea { height: 201px; margin-bottom: 20px; } #contact-form .error-message, #contact-form .empty-message { height: 0; overflow: hidden; font: 10px 'Arial'; color: #e4351c; -webkit-transition: 0.3s ease-in height; transition: 0.3s ease-in height; position: absolute; right: 5px; top: 2px; } #contact-form .invalid .error-message, #contact-form .empty .empty-message { height: 20px; } #contact-form .success-message { line-height: 48px; position: absolute; overflow: hidden; height: 0; left: 0; top: 0; box-sizing: border-box; box-shadow: none; border-radius: 0; background: #fff; z-index: 10; width: 100%; text-align: center; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; padding: 0; } #contact-form.success .success-message { box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin: 0; width: 100%; outline: none; border: 1px solid #cecece; background: #ffffff; border-radius: 0; font: 14px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 36px; color: #5f6775; padding: 0 14px; height: 41px; resize: none; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #contact-form .btns>div{ display: block; overflow: hidden; margin-bottom: 10px; } #contact-form .btns input{height: 37px;} #contact-form .btn-default input{ background: #000; color: #efde1a; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #contact-form .btn-default:hover input{background: #efde1a; color: #000;} /*----*/ .img-info{float: left; margin-right: 20px; max-width: 100%;} .img-info img{max-width: 100%;} #iplus input{width:auto !important; height: auto; padding: 0;} #cont-shop-checkout input[type="button"], #cont-shop-checkout input[type="submit"]{margin-top: 12px;} /*-----Start tooltip class-----*/ span.tool_tip_class { background:#f9f7f2; border:1px solid #777; border-radius:0; box-shadow:none; color:#777; font-size:14px; line-height:16px; left:0; opacity:0; padding:8px 5px; pointer-events:none; position:absolute; text-align:center; transition:all 50ms linear 0s; visibility:hidden; width:100px; z-index:99; text-indent:0; margin-top:-60px; -webkit-transition:all 300ms linear !important; -moz-transition:all 300ms linear !important; -o-transition:all 300ms linear !important; transition:all 300ms linear !important; } span.tool_tip_class:before { border-color:#444 transparent transparent; border-style:solid; border-width:11px 10px 0; bottom:-11px; content:''; height:0; left:20px; margin:0 0 0 -10px; position:absolute; width:0; z-index:1; } span.tool_tip_class:after { border-color:#fafafa transparent transparent; border-style:solid; border-width:10px 9px 0; bottom:-10px; content:''; height:0; left:20px; margin:0 0 0 -9px; position:absolute; width:0; z-index:2; } .actions a:hover span.tool_tip_class { visibility:visible; opacity:1; -webkit-transition:all 300ms linear !important; -moz-transition:all 300ms linear !important; -o-transition:all 300ms linear !important; transition:all 300ms linear !important; margin-top:-50px; } .wishlist .wish{ width: 32px; height: 32px !important; } .goods-list .wdel{position: relative;} .wishlist .wish:after { content: attr(data-title); background-color: #000; display: inline-block; background:#f9f7f2; border:1px solid #bbb; border-radius:0; box-shadow:none; color:#a3998f; font-size:12px; line-height:16px; left:0px; padding:6px 3px; pointer-events:none; position:absolute; text-align:center; transition:all 50ms linear 0s; opacity:0; visibility:hidden; width:200px; z-index:99; text-indent:0; margin-left:-85px; top: -55px; -webkit-transition:all 300ms linear !important; -moz-transition:all 300ms linear !important; -o-transition:all 300ms linear !important; transition:all 300ms linear !important; color: #333; } span.tool_tip_corner_favourite { border-color: #bbb transparent transparent; border-style:solid; border-width:11px 10px 0; top: -26px; content:''; height:0; left:50%; margin:0 0 0 -10px; position:absolute; width:0; z-index: 101; visibility:hidden; opacity:0; -webkit-transition:all 300ms linear !important; -moz-transition:all 300ms linear !important; -o-transition:all 300ms linear !important; transition:all 300ms linear !important; } span.tool_tip_corner_favourite:after { border-color:#fafafa transparent transparent; border-style:solid; border-width:10px 9px 0; top: -11px; content:''; height:0; left:50%; margin:0 0 0 -9px; position:absolute; width:0; z-index:2; } .wishlist:hover .wish:after{ visibility:visible; opacity:1; top:-45px; } .wishlist:hover span.tool_tip_corner_favourite{ visibility:visible; opacity:1; top:-16px; } /*-----End tooltip class-----*/ /******* start магазин -> мои заказы кнопки ***************/ #cont-shop-invoices .btn, #cont-shop-invoices button, #cont-shop-invoices input[type="button"], #cont-shop-invoices input[type="submit"], #cont-shop-invoices input[type="reset"]{ padding: 0 5px; height: 26px; line-height: 26px; font-size: 14px; } #cont-shop-invoices #invoice-form-export, #cont-shop-invoices #invoice-form-print, #cont-shop-invoices #invoice-form-send-el-goods{ margin-top: 20px; } /******* end магазин -> мои заказы кнопки ***************/ /* ====== Мои кнопки ====== */ .work-title-a { color: #000000; border: 1px solid #000000; display: inline-block; position: relative; z-index: 1; padding: 0.9em; margin: 20px 10px; border-radius: 3px;text-decoration:none;} .work-title-a:hover {color: #ffffff;background: #000000;border: 1px solid #000000;transform: translateY(2px);box-shadow: inset 0px 2px 3px rgba(38, 38, 38, 0.5);} .product-details {margin: 0px 10px 20px 10px !important;} /* ====== ON Блок текст каталога ====== */ .section-promo { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; width: 100%; margin: 90px 0px 0px; } .promo-text, .promo-text-hundred { position: relative; display: flex; flex-direction: column; align-items: center; border: #c3c1c1 1px solid; line-height: 1.5; margin: 30px 1%; font-size: 20px; } .promo-text { width: 45%; padding: 35px 20px 30px; } .promo-text-hundred { width: 100%; padding: 35px 16px 30px; } .promo-text-quarter { width: 21%; padding: 35px 16px 30px; } .promo-title { position: absolute; top: -35px; margin: 0 auto; padding: 10px 30px; text-align: center; background-color: #fff; font-size: 2em; line-height: 1; text-transform: uppercase; } .promo-title h2, .promo-title h3, .promo-title-h3 { font-size: 30px; margin-top: 0em; font-weight: 200; } .promo-title h4, .promo-title h5, .promo-title h6, .promo-title-h { font-size: 22px; margin-top: 0em; font-weight: 200; } .promo-title h6 { font-size: 20px; margin-top: 0em; font-weight: 200; } .promo-info-box { width: 100%; text-align: center; } @media (max-width:1440px){ .promo-text-quarter { width: 43%; padding: 35px 16px 30px; } } @media (max-width:1280px){ .promo-text, .promo-text-hundred { width:100%; margin: 30px 10px 30px; font-size: 18px; } } @media (max-width:810px){ .promo-text, .promo-text-hundred { margin: 50px 10px 30px; } .thumbs { margin: 20px; } } @media (max-width:430px){ .promo-text, .promo-text-hundred { width:100%; padding: 30px 20px 30px; font-size: 15px; } .promo-text-quarter { width: 100%; padding: 35px 16px 30px; } .promo-title { font-size: 1.3em; top: -34px; } .promo-title h2, .promo-title h3, .promo-title h4 { font-size: 16px; } .stage-order-text { margin: 30px 10px 10px !important; } } /* ====== OFF Блок текст каталога ====== */ /* ====== ON Стилизация заголовков H1 ====== */ h1.top-wall { font-size: 38px; margin: 100px 0px 70px; } h2.top-wall { font-size: 32px; margin: 100px 0px 70px; } h3.top-wall { font-size: 30px; margin: 100px 0px 70px; } h4.top-wall { font-size: 28px; margin: 100px 0px 70px; } h5.top-wall { font-size: 24px; margin: 100px 0px 70px; } .top-wall {position: relative;font-weight: 100;text-transform: uppercase !important;text-align: center;} .top-wall-city {width: 100%;font-size: 1.3em;position: absolute;top: -20%;left: 50%;transform: translate(-50%, -50%);font-weight: 900;color: #e5e5e5; z-index: -1;opacity: 0.7;} .top-wall-city-data {width: 100%;font-size: 1.3em;position: absolute;top: -30%;left: 50%;transform: translate(-50%, -50%);font-weight: 900;color: #e5e5e5; z-index: 0;opacity: 0.9;} .homepage-slider-title{} @media (min-width:1024px){ .homepage-slider-title {color: rgba(58, 58, 58, 0.6) !important;} } @media (max-width:1280px){ .top-wall-city {font-size: 1.1em; opacity: 0.9;} .top-wall-city-data {font-size: 1.6em; opacity: 0.9;} } @media (max-width:810px){ .top-wall-city {font-size: 1.0em; opacity: 0.9;} .top-wall-city-data {font-size: 1.5em; opacity: 0.9;} } @media (max-width:700px){ .top-wall-city {position: static; transform: translate(0%,-20%);} .top-wall-city-data {position: static; transform: translate(0%,-30%);} } /* Возвращает содержимое data- */ [data-cAfter]:after {content: attr(data-cAfter);} [data-cBefore]:before {content: attr(data-cBefore);} /* ====== OFF Стилизация заголовков H1 ====== */ /* ====== ON Скрытые ссылки в div или span ====== */ .hidden-link {cursor: pointer;} /* ====== ON Блок Прайс лист ====== */ .price-list { margin: 0 auto; display: flex; align-items: baseline; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between; flex-direction: row; } .price-list-box { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; width: 400px; margin: 90px 0px 0px; } @media (max-width:700px){ .price-list-box { margin: 90px 20px 0px; } } /* кнопки в прайс-листах */ .price-list .size-width::before {content: "↔";color: #ff0000;position: relative;top: -15px;left: 20px;} .price-list .size-height::after {content: "↕";color: #ff0000;position: relative;top: -5px;left: 2px;} .price-list .work-title-a:hover .size-width::before {color: #ffffff;} .price-list .work-title-a:hover .size-height::after {color: #ffffff;} .price-list .size-price {padding-left: 5px;} @media (max-width:810px){ .price-list .size-price {padding: 2px 0px 0px 50px; display: block; width: 100%;} .price-list .size-price::before {content: ""; display: block; width: 50%; padding-top: 2px; border-top: 2px solid #cccccc;} } .price-list-box-title{ display: flex; flex-direction: row; align-content: flex-start; justify-content: space-between; font-size: 20px; } .price-list-box-title-in { margin-left: auto; padding: 14px 0px 0px 20px; } .price-list-box-info, .price-box-info span{ width: 100%; max-width: 400px; font-size: 16px; text-align: left; } @media (max-width:420px){ .price-list .mobile-bottom {display: block; border-top:1px solid #e5e5e5; margin-top: 5px; padding-top: 5px;} .price-list-box-info, .price-box-info span { max-width: 200px;} .price-list-box-info, .price-box-info span{text-align: center;} } /* ====== OFF Блок Прайс лист ====== */ /* ====== ON Таблица подкатегорий в каталоге замена на div ====== */ #zamenaTd {margin: 50px 0px 0px;} #zamenaTd .rowTd{margin: 0 auto; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; flex-direction: row; } #zamenaTd .childrenTd {position: relative;width: 50%;max-width: 720px;height: auto;margin: 20px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; background: #000; /* черный фон под картинку */ overflow: hidden; /* Ограничиваем видиую область */} #zamenaTd .childrenTd a.catalog-item-img-link img{display: block;width: 100%;max-width: 720px;height: auto;max-height: 485px;transition: opacity 124ms linear, transform 124ms linear; /* Плавное изменение прозрачности и увеличения */} #zamenaTd .childrenTd h3 {position: absolute;display: flex;align-items: center;justify-content: space-between;bottom: -7px;width: 100%;max-width: 720px;background-color: rgba(0, 0, 0, 0.6);padding: 20px;} #zamenaTd .childrenTd a {font-weight: 900;color: #fff;} #zamenaTd .childrenTd a:hover{color:#ebebeb} #zamenaTd .childrenTd a::after{content:'';width:40%;height:2px;display:block;margin:5px 0;position:absolute;left:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s} #zamenaTd .childrenTd a::after{background-color:#ebebeb} #zamenaTd .childrenTd a:hover:after{width:100%} #zamenaTd .childrenTd a.catalog-item-img-link img:hover {opacity: 0.9; /* Высветляем картинку, но она становится темнее, так как под ней черный фон */ transform: scale(1.05); /* Увеличение картинки */} @media (max-width:1519px){ #zamenaTd .childrenTd {width: 46%;} } @media (max-width:810px){ #zamenaTd .childrenTd {width: 96%;margin: 20px 0;} } #zamenaTd .childrenTd h3 {font-size: 24px;} @media (max-width:810px){ #zamenaTd .childrenTd h3 {font-size: 22px;} } @media (max-width:600px){ #zamenaTd .childrenTd h3 {font-size: 20px;} } @media (max-width:600px){ #zamenaTd .childrenTd h3 {font-size: 16px;} } @media (max-width:420px){ #zamenaTd .childrenTd h3 {font-size: 14px;} } table.catalog img { background-size: cover; background-image: url('/img-other/shop/LoadingKatalog_720_485.png'); } #zamenaTd img.catalog-item-img{ background-size: cover; background-image: url('/img-other/shop/LoadingKatalog_720_485.png'); } /* ====== OFF Таблица подкатегорий в каталоге замена на div ====== */ /* ====== ON кнопка вверх сайта ====== */ #toTop {width:100px;border: 2px solid #212121;background:#212121;text-align:center;padding:5px;position:fixed;bottom:10px; /* отступ кнопки от нижнего края страницы*/ right:10px;cursor:pointer;display:none;color:#fff;font-family: "Roboto",sans-serif;font-size:13px;margin-right: 5px;z-index: 10; box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff;} #toTop:hover {background:#e5e5e5;color:#000;transform: translateY(2px);box-shadow: 0px 6px 16px #aaa; } /* ====== OFF кнопка вверх сайта ====== */ /* ====== ON Главная параллакс и промо ========================================== */ .parallax {position:relative;background-attachment:fixed;background-position:center center; background-position: 50% 50%;background-repeat:no-repeat;background-size:cover; -moz-background-size: cover; -webkit-background-size: cover;object-fit: cover;text-align:center;overflow:hidden; } .parallax .wrapper-plx {height: 100vh; max-height: 1440px; width:100%; max-width:2560px;} .plx-01, .plx-02, .plx-03, .plx-04, .plx-05, .plx-06 {background-color: #ffffff;background-repeat: no-repeat;} .plx-01 {background-image: url('/img/parallax/parallax-1.jpg');} @supports (background-image: url('/img/parallax/parallax-1.webp')) {.plx-01 {background-image: url('/img/parallax/parallax-1.webp');} } .plx-02 {background-image: url('/img/parallax/parallax-2.jpg');} @supports (background-image: url('/img/parallax/parallax-2.webp')) {.plx-02 {background-image: url('/img/parallax/parallax-2.webp');} } .plx-03 {background-image: url('/img/parallax/parallax-3.jpg');} @supports (background-image: url('/img/parallax/parallax-3.webp')) {.plx-03 {background-image: url('/img/parallax/parallax-3.webp');} } .plx-04 {background-image: url('/img/parallax/parallax-4.jpg');} @supports (background-image: url('/img/parallax/parallax-4.webp')) {.plx-04 {background-image: url('/img/parallax/parallax-4.webp');} } .plx-05 {background-image: url('/img/parallax/parallax-5.jpg');} @supports (background-image: url('/img/parallax/parallax-5.webp')) {.plx-05 {background-image: url('/img/parallax/parallax-5.webp');} } .plx-06 {background-image: url('/img/parallax/parallax-6.jpg');} @supports (background-image: url('/img/parallax/parallax-6.webp')) {.plx-06 {background-image: url('/img/parallax/parallax-6.webp');} } @media (max-width:1024px){ .plx-01 {background-image: url('/img/parallax/parallax-1-1024.jpg');} @supports (background-image: url('/img/parallax/parallax-1-1024.webp')) {.plx-01 {background-image: url('/img/parallax/parallax-1-1024.webp');} } .plx-02 {background-image: url('/img/parallax/parallax-2-1024.jpg');} @supports (background-image: url('/img/parallax/parallax-2-1024.webp')) {.plx-02 {background-image: url('/img/parallax/parallax-2-1024.webp');} } .plx-03 {background-image: url('/img/parallax/parallax-3-1024.jpg');} @supports (background-image: url('/img/parallax/parallax-3-1024.webp')) {.plx-03 {background-image: url('/img/parallax/parallax-3-1024.webp');} } .plx-04 {background-image: url('/img/parallax/parallax-4-1024.jpg');} @supports (background-image: url('/img/parallax/parallax-4-1024.webp')) {.plx-04 {background-image: url('/img/parallax/parallax-4-1024.webp');} } .plx-05 {background-image: url('/img/parallax/parallax-5-1024.jpg');} @supports (background-image: url('/img/parallax/parallax-5-1024.webp')) {.plx-05 {background-image: url('/img/parallax/parallax-5-1024.webp');} } .plx-06 {background-image: url('/img/parallax/parallax-6-1024.jpg');} @supports (background-image: url('/img/parallax/parallax-6-1024.webp')) {.plx-06 {background-image: url('/img/parallax/parallax-6-1024.webp');} } } /* Устройства с сенсорным вводом */ .grayscale {} /* Тут будет работать hover */ /* Это устройство с мышью */ @media (hover: hover) { .grayscale { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; transition: 0.2s; } .grayscale:hover { filter: grayscale(0); } } .block-cap{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: start; width: 100%; height: 98vh; } .cap-ttl,.cap-ds { position: relative; width: 90%; max-width: 630px; text-align: right; } .cap-ttl span,.cap-ds span,.cap-ds span { background: rgba(255,255,255,0.7); padding: 10px; line-height: 2.2; } .cap-ttl { padding: 0px 0px 50px; } .scroll-icon-container { --size: 30px; display: flex; align-items: center; justify-content: center; position: absolute; overflow: hidden; bottom: calc(var(--size) * 1); left: 0; right: 0; margin: 0 auto; width: calc(var(--size) * 2); height: calc(var(--size) * 2); border-radius: 0.15rem; background: rgba(255,255,255,0.7); box-shadow: 0 6px 12px -3px rgba(0, 0, 0, 0.1); z-index: 4; font-size: 3em; color: #FF2400; } @media (max-height:500px){ .scroll-icon-container{display: none;} } .work-title-a-parallax { text-transform: uppercase; font-size: 20px; color: #fff; border: 1px solid #000; display: inline-block; position: relative; z-index: 1; padding: 0.9em; margin: 20px 10px; border-radius: 3px; text-decoration: none; background: #000; } .work-title-a-parallax:hover {color: #000000;background: #ffffff;border: 1px solid #000;transform: translateY(2px);box-shadow: inset 0px 2px 3px rgba(38, 38, 38, 0.5);} /***** Блок картинок меню *****/ .clearfix { margin: 0 auto; display: flex; flex-wrap: wrap; align-content: flex-start; width: 100%; max-width: 1540px; } /***** Блоки текста на фоновых картинках *****/ .plx-text{ position: relative; padding: 20px; width: 50%; margin:30% auto; text-align: center; font-size: 20px; color: #888888; } .plx-text .plx-text-zona { background: rgba(0,0,0,.4); padding: 10px; line-height: 2.2; } .align-blocks { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; align-content: space-evenly; } .align-blocks-parallax { display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; height: 100%; } .info-parallax { background: rgba(255,255,255,0.7); padding: 10px; color: #000000 !important; } .txt-parallax { font-size: 16px; padding: 10px 30px 30px; } .title-parallax-big { font-size: 7em; font-weight: bold; text-transform: uppercase; margin: 0 0 20px; padding: 0; color: #ffffff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) } .work-title-a-parallax-big { font-size: 2em; text-transform: uppercase; background: rgba(255,255,255,0.7); padding: 0px 20px; } @media (max-width:810px){ .title-parallax-big {font-size: 6em;} .work-title-a-parallax-big {font-size: 1.5em;} } @media (max-width:700px){ .title-parallax-big {font-size: 5em;} } @media (max-width:600px){ .title-parallax-big {font-size: 4em;} } @media (max-width:430px){ .title-parallax-big {font-size: 3em;} } #htmlcontent_home .item-html img { width: 100px; height: 100px; transition: width 0.3s, height 0.3s; } #htmlcontent_home .item-html img:hover{ width: 130px; height: 130px; transition: width 0.3s, height 0.3s; } /* ====== OFF Главная параллакс и промо ========================================== */ /* ====== Стр обработки заказов ====== */ #cont-shop-invoices { margin: 0 10px; } #cont-shop-invoices .invoices-filters { margin: 0 20px; } #cont-shop-invoices .invoices-filters-container { margin: 0 auto; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-around; flex-direction: row; } /* ====== Стр товара - адаптивный дизайн верхнего блока с фото и h1 товара ====== */ @media (max-width:814px){ .product-img-box { margin: 0 auto; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; flex-direction: row; flex-direction: column-reverse; width: 100%; max-width: 720px; } .image-thumb, .product-img-big{ width: 100%; } ul.product-img-small { display: flex; justify-content: flex-start; padding: 0; list-style-type: none; margin: 20px; } } /* ====== Стилизация кнопок опций ====== */ span.opt { display: block; } .shop-options .val label { position:relative; cursor:pointer; display: inline-block; font-size:14px; font-weight:400; color: #474344; border: 1px solid #5e5859; margin: 10px 10px; padding: 0px 0px; } .shop-options .val label [type="radio"] { display:none; /* вместо этого используйте свои собственные спрайты в качестве фона на промежутке */ } .shop-options .val [type="radio"] + span { display:inline-block; padding: 10px 10px; } .shop-options .val :checked + span { color: #fff; background: #000; } .shop-options .val [type="radio"][disabled] + span { background:#000; } /* ====== DESCRIPTION индивидуальный для разных типов товара ====== */ .tab-content .item { font-size: 14px; } .tab-content .item { padding: 12px 10px; display: flex; justify-content: space-between; border-bottom: 1px solid #c6c7cb; font-size: 14px; } .tab-content .item .value { font-weight: 600; text-align: right; } .card-main__specs > div:nth-child(odd of :not(.item.spec-promo,.item.spec-promo-size)) { background: #eee; } .spec-promo { border-bottom:none !important; } .promo-value { text-align: right; } /* ====== Блок с переключением страниц в магазине ====== */ /* ====== Стиль переключателей страниц ====== */ #shop-page-more{margin-bottom:40px} .swchItem, .swchItem1, .swchItemA1, .swchItemA, .pgSwch, .pgSwchA {display:inline-block; font-size:22px; padding:10px 15px;; border-radius:3px; border:1px solid #000000; background:#000000;} .plist a{color: #ffffff;} .plist a:hover{border:1px solid #000000; color: #000000; background:#ffffff;} .pprev a, .pnext a{color: #ffffff; background:#000000;} .pprev a:hover, .pnext a:hover{border:1px solid #000000; color: #000000; background:#ffffff;} .pgSwchA {background:#ffffff; color: #000000; border:1px solid #000000;} /* ====== / Стиль переключателей страниц ====== */ [data-priceEntry]:after {content: attr(data-priceEntry);} .section-priceEntry { position: relative; text-align: center; margin: 50px 30px; padding: 100px 0px; } @media (max-width:500px){ .section-priceEntry { margin: 50px 0px; } } .priceEntry-text { position: relative; border: #c3c1c1 1px solid; line-height: 1.5; padding: 100px 20px; } .priceEntry-title { position: absolute; top: -30px; margin: 0 auto; padding: 10px 30px; text-align: center; background-color: #fff; font-size: 2em; line-height: 1; text-transform: uppercase; left: 42%; } @media (max-width:1280px){ .priceEntry-title { left: 39%; } } @media (max-width:810px){ .priceEntry-title { left: 33%; } } @media (max-width:700px){ .priceEntry-title { left: 28% } .plist { display: block; margin: 30px 0px; } } @media (max-width:600px){ .priceEntry-title { left: 24% } } @media (max-width:500px){ .priceEntry-title { left: 20% } } @media (max-width:430px){ .priceEntry-title { left: auto; } } /* ====== OFF Блок с переключением страниц в магазине ====== */ /* ====== ON Россия - города в главном каталоге ====== */ .region-ru {margin: 30px auto;} .region-ru li{display: inline-block;padding: 10px;} .region-ru h4, .region-ru h5 {font-weight: 200;} /* ====== ON FAQ ====== */ .faq {width: 100%;transform: translateZ(0);background: white;border-bottom: 1px solid lightgray;border-left: 1px solid lightgray;border-right: 1px solid lightgray;} .faq>.faq-faq {display: none;position: absolute;opacity: 0;} .faq>label {display: block;position: relative;height: auto /*50px*/;line-height: 50px;padding: 0 30px 0 20px;border-top: 1px solid lightgray;border-bottom: 1px solid lightgray;background: #f0f0f0;color: #555;font-size: 15px;font-weight: bold;cursor: pointer;} .faq>label:after {content: '';position: absolute;top: 12px;right: 20px;width: 12px;height: 12px;border-left: 2px solid #555;border-top: 2px solid #555;transform: rotate(-135deg);transition: 0.4s transform;} .faq>section {overflow: hidden;height: 0;transition: all .4s;} .faq>.faq-faq:checked~label:after {transform: rotate(45deg);top: 16px;} .faq>.faq-faq:checked~section {height: auto;} .faq>section p {margin: 30px 0;padding: 0 20px;} .faq h4, .faq h5, .faq h6 {margin: 20px 0px; font-size: 20px; font-weight: 200;} /* ====== OFF FAQ ====== */ /* ====== ON Фильтр размеров товара ====== */ #clear_filter .flist-select { display: block; font-size: 16px; font-family: sans-serif; font-weight: 700; color: #444; line-height: 1.3; padding: .6em 1.4em .5em .8em; width: 100%; max-width: 100%; box-sizing: border-box; margin: 0; border: 1px solid #aaa; box-shadow: 0 1px 0 1px rgba(0,0,0,.04); border-radius: .5em; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; } .select-css::-ms-expand { display: none; } .select-css:hover { border-color: #888; } .select-css:focus { border-color: #aaa; box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); box-shadow: 0 0 0 3px -moz-mac-focusring; color: #222; outline: none; } .select-css option { font-weight:normal; } *[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css { background-position: left .7em top 50%, 0 0; padding: .6em .8em .5em 1.4em; } /* ====== OFF Фильтр размеров товара ====== */ /* ====== ON Выравнивание верхних блоков на стр товара ====== */ .product { margin: 0 auto; display: flex; flex-wrap: wrap; align-content: flex-start; width: 100%; max-width: 1540px; } /* ====== OFF Выравнивание верхних блоков на стр товара ====== */ /* ====== ON Опции - замена select/option на кнопки ====== */ .options-sh { padding-left: 10px; } .options-sh ul { list-style-type: none; margin: 4px -10px -11px; padding: 0 !important; } .options-sh li, .options-sh a { position: relative; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal !important; color: #474344; border: 1px solid #5e5859; margin: 10px 10px; padding: 10px 10px; } .options-sh a:hover, .options-sh .picked { background: #000; border-color: #000; color: #fff; } /* ====== OFF Опции - замена select/option на кнопки ====== */ /* ====== ON Стр редактирования товара ====== */ #cont-shop-edit { padding: 0px 20px !important; display: flex; flex-wrap: wrap; overflow-x: auto; } .manTable { table-layout: fixed; width: 100%; word-wrap: break-word; } #iu-belt { display: flex; flex-wrap: wrap; } #cont-shop-edit .goodsform-actions input{ padding: 15px 20px; } #cont-shop-edit .goodsform-actions #save_button{ margin: 30px 20px 10px; } #cont-shop-edit .goodsform-actions #reset_button{ margin: 30px 20px 10px 300px; } /* ====== OFF Стр редактирования товара ====== */ /* ====== ON contact form стр обратной связи ====== */ /*----- почтовая форма -----*/ .contact-form { text-align: left !important;} .line-form { display: flex; flex-wrap: wrap; align-content: flex-start; height: 100%;} .line-form-1 {width: 49%;margin-right: 1%;} .line-form-2 {width: 49%;margin-left: 1%;} @media only screen and (max-width: 1209px) { .line-form-1, .line-form-2 {width: 100%; margin-right: 0;margin-left: 0;} #contact-form label {min-height: 50px;} } .contact-form input[type="text"], .contact-form textarea { width: 100% !important; margin-bottom: 8px;} .form-custom input[type="text"], .form-custom textarea { width: 100% !important; margin-bottom: 8px;} .line-form { display: flex; flex-wrap: wrap; align-content: flex-start; height: 100%;} .line-form-policy { display: flex; flex-wrap: wrap; align-content: flex-start; padding: 30px 0px;} .line-form-policy .form-policy-1 { width: 10%;} .line-form-policy .form-policy-2 { width: 90%;} .line-form-policy .form-policy-2 a {text-decoration: underline !important;} .line-form-input { display: flex; flex-wrap: wrap; align-content: flex-start; height: 100%;} .line-form-input .input-form-1 { width: 96%;} .line-form-input .input-form-2 { width: 3%;} .input-form-2 { background-color: #eee; border: 1px solid #ccc; border-radius: 4px;height: 39px;} .contact-form .work-title-b { color: #ffffff; background: #000000;border: 1px solid #000000; display: inline-block; position: relative; z-index: 1; padding: 0.9em; margin: 20px 10px; border-radius: 3px;text-decoration:none; } input[type="submit"].work-title-b:hover { color: #000000; background: #ffffff;border: 1px solid #000000;transform: translateY(2px);box-shadow: inset 0px 2px 3px rgba(38, 38, 38, 0.5); } .contact-form input, .contact-form textarea { box-shadow: none;border-radius: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;width: 100%;outline: none; border: 1px solid #cecece;background: #ffffff;font: 14px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;line-height: 18px;color: #5f6775;padding: 10px 14px;height: 41px;resize: none; } .contact-form textarea {height: 201px;margin-bottom: 8px;} /*----- цвет placeholder в textarea -----*/ .contact-form textarea::-webkit-input-placeholder {color: #e3364d;} .contact-form textarea::-moz-placeholder {color: #e3364d;} .contact-form textarea:-moz-placeholder {color: #e3364d;} .contact-form textarea:-ms-input-placeholder {color: #e3364d;} /*----- 100% прозрачность текста placeholder при фокусе в textarea -----*/ .contact-form textarea:focus::-webkit-input-placeholder {opacity: 0;} .contact-form textarea:focus::-moz-placeholder {opacity: 0;} .contact-form textarea:focus:-moz-placeholder {opacity: 0;} .contact-form textarea:focus:-ms-input-placeholder {opacity: 0;} /*----- цвет placeholder в input -----*/ .contact-form input::-webkit-input-placeholder {color: #e3364d;} .contact-form input::-moz-placeholder {color: #e3364d;} .contact-form input:-moz-placeholder {color: #e3364d;} .contact-form input:-ms-input-placeholder {color: #e3364d;} /*----- 100% прозрачность текста placeholder при фокусе в input -----*/ .contact-form input:focus::-webkit-input-placeholder {opacity: 0;} .contact-form input:focus::-moz-placeholder {opacity: 0;} .contact-form input:focus:-moz-placeholder {opacity: 0;} .contact-form input:focus:-ms-input-placeholder {opacity: 0;} /*----- Цвет текста чёрный во всплывающем окне -----*/ .myWinCont, .myWinCont dl, .myWinCont dt, .myWinCont td { color: #000 !important; } /* ====== OFF contact form стр обратной связи ====== */ /* ====== ON Карта Почты России ====== */ .ContainerWidgetRussianPost {background-position:center center;background-position: 50% 50%;background-repeat:no-repeat;background-size:cover; -moz-background-size: cover; -webkit-background-size: cover;object-fit: cover;text-align:center;overflow:hidden; } .ContainerWidgetRussianPost {background-color: #ffffff;background-repeat: no-repeat; background-image: url('/img/map_1500_500.jpg');} @media(max-width:1400px){ .ContainerWidgetRussianPost{margin-right: 5%;} } @media(max-width:1240px){ .ContainerWidgetRussianPost{margin-right: 7%;} } @media only screen and (max-width:960px){ .ContainerWidgetRussianPost{margin-right: 10%;} } @media(max-width:768px){ .ContainerWidgetRussianPost{margin-right: 10%;} } @media only screen and (max-width:640px){ .ContainerWidgetRussianPost{margin-right: 15%;} } @media only screen and (max-width:480px){ .ContainerWidgetRussianPost{margin-right: 20%;} } /* ====== OFF Карта Почты России ====== */ /* ====== ON Калькулятор ====== */ #calculator #width,#height {width: 320px; margin: 15px 15px 15px 15px; padding: 5px 5px;/* отступы от текста до рамки */} #calculator #width::-webkit-inner-spin-button {opacity: 1;} #calculator #height::-webkit-inner-spin-button {opacity: 1;} #calculator input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; /* убираем в инпут стрелки */} #calculator input[type="number"] { -moz-appearance: textfield; /* Firefox убираем в инпут стрелки */} #calculator .quantity-num { font-size: 20px; padding: 5px 10px; border-radius: 4px; outline: none;} /*----- цвет placeholder в input -----*/ #calculator .quantity-block input::-webkit-input-placeholder {color: #e3364d;} #calculator .quantity-block input::-moz-placeholder {color: #e3364d;} #calculator .quantity-block input:-moz-placeholder {color: #e3364d;} #calculator .quantity-block input:-ms-input-placeholder {color: #e3364d;} /*----- 100% прозрачность текста placeholder при фокусе в input -----*/ #calculator .quantity-block input:focus::-webkit-input-placeholder {opacity: 0;} #calculator .quantity-block input:focus::-moz-placeholder {opacity: 0;} #calculator .quantity-block input:focus:-moz-placeholder {opacity: 0;} #calculator .quantity-block input:focus:-ms-input-placeholder {opacity: 0;} @media (max-width:430px){ #calculator .promo-text {padding: 0px !important;} } /* ====== OFF Калькулятор ====== */ /* ====== ON Статусы заказов ====== */ /* Новый */ #invoice-table .status-1 {background:#fff !important;} /* Оплачивается */ #invoice-table .status-2 {background:#ffc7c7 !important;} /* Оплачен */ #invoice-table .status-3 {background:#fcfd98 !important;} /* В производстве */ #invoice-table .status-4 {background:#fed779 !important;} /* Комплектуется */ #invoice-table .status-5 {background:#aeebae !important;} /* Доставляется */ #invoice-table .status-6 {background:#aaf1fe !important;} /* Доставлен */ #invoice-table .status-7 {background:#97b3fb !important;} /* Завершён */ #invoice-table .status-8 {background:#aeebae !important;} /* Отменён */ #invoice-table .status-0 {background:#b7b6b7 !important;} /* ====== OFF Статусы заказов ====== */