/* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); font-display: swap; unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); font-display: swap; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); font-display: swap; unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); font-display: swap; unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); font-display: swap; unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); font-display: swap; font-display: swap; unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); font-display: swap; unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); font-display: swap; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); font-display: swap; unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); font-display: swap; unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); font-display: swap; unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); font-display: swap; unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); font-display: swap; unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); font-display: swap; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hhWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); font-display: swap; unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); font-display: swap; unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); font-display: swap; unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); font-display: swap; unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); font-display: swap; unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); font-display: swap; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); font-display: swap; unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); font-display: swap; unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); font-display: swap; unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); font-display: swap; unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'); font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v16/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v16/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v16/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v16/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v16/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v16/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v16/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v16/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v16/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v16/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v16/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v16/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v16/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v16/s7gftie1JANC-QmDJvMWZhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v16/3Y_xCyt7TNunMGg0Et2pnhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v16/WeQRRE07FDkIrr29oHQgHBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v16/jyIYROCkJM3gZ4KV00YXOBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v16/phsu-QZXz1JBv0PbFoPmEBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v16/9_7S_tWeGDh5Pq3u05RVkhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); font-display: swap; unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v16/mnpfi9pxYH-Go5UiibESIltXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } body, .ui-widget, .social-sharing li a, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #666; line-height: 1.5; } .modal-content { font-size: 14px; line-height: 1.5; } body:not(.modal-open) { padding: 0 !important; } .group_alert { position: fixed; height: 0; z-index: 1052; right: 15px; left: 15px; top: 20%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .group_alert i { line-height: 20px; margin-left: 3px; margin-right: 10px; } .group_alert .close_alert { color: #fff; cursor: pointer; line-height: 24px; padding-bottom: 4px; position: absolute; right: 10px; text-align: right; top: 10px; width: 28px; z-index: 1; } .group_alert .alert_error .close_alert { right: 0; top: 0; } .group_alert .alert_error .loader_content { padding: 5px 10px; } .group_alert .close_alert i { font-size: 14px; } .group_alert>div { display: none; font-size: 13px; line-height: 18px; margin: 5px 0 5px auto; max-width: 100%; min-width: 200px; padding: 10px; position: relative; width: 200px; border-radius: 2px; } .group_alert>div.loader { width: 320px; } .loader_content .qtt-ajax { background: #b33a3a none repeat scroll 0 0; border-radius: 100%; color: #fff; display: block; font-size: 10px; height: 17px; line-height: 15px; position: absolute; right: -5px; text-align: center; top: -5px; width: 17px; } .loader_content>a:not(.goto_page) { border: 1px solid #ebebeb; float: left; margin-right: 10px; max-width: 70px; position: relative; width: 100%; min-height: 70px; } .loader_content>a img { max-width: 100%; height: auto; } .loader_content h4 { background: #202021 none repeat scroll 0 0; color: #fff; font-size: 14px; line-height: 18px; margin-bottom: 10px; padding: 5px 28px 5px 10px; } .loader_content .group_button a { background: #202021 none repeat scroll 0 0; border-radius: 2px; color: #fff; display: inline-block; font-size: 14px; line-height: 18px; margin-right: 10px; margin-top: 6px; padding: 5px 10px; } .loader_content .group_button a:hover { background: #b33a3a none repeat scroll 0 0; } .loader_content .group_button a:last-child { margin-right: 0; } .group_alert .loader .loadding_content { display: none; } .group_alert>div:not(.loader) .loader_content { display: none; } .group_alert>div.active, .group_alert>div.active_importan { display: table; } .alert_notice { background: #fff; box-shadow: 0 1px 12px rgba(0, 0, 0, 0.3); color: #333333; } .alert_error { color: #FFF; background: rgba(192, 57, 43, 1); } .right-product-full .category_default, .right-product-full .product_name a, .right-product-full .product-price-and-shipping .price, .right-product-full .product-price-and-shipping .regular-price, .right-product-full .product-price-and-shipping .lable { font-family: 'Roboto', sans-serif; } #wrapper_testimonials .content_test_top p.des_namepost { font-family: 'Roboto', sans-serif; } .content_title p, .wapper_video h4 { font-family: 'Open Sans', sans-serif; } .title_font { font-family: 'Roboto', sans-serif; } h1, h2, h3, h4, h5, h6, #nrtsizechart .page-heading, #cms #cms-about-us .cms-box-line>em { font-family: 'Roboto', sans-serif; color: #232323; font-weight: 700; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; color: #232323; font-weight: 700; } #_desktop_megamenu .root-item .title { font-family: 'Open Sans', sans-serif; } #_desktop_megamenu .root:not(.drop-menu) .menu-item.has-sub>.title { font-family: 'Open Sans', sans-serif; } .mobile_megamenu .root:not(.drop-menu) .menu-item.has-sub>.title { font-family: 'Open Sans', sans-serif; } .mobile_megamenu .root-item .title { font-family: 'Open Sans', sans-serif; } #mycompare table .comparison_header td:first-child { font-family: 'Roboto', sans-serif; } .tabs .nav-tabs .nav-item { font-family: 'Roboto', sans-serif; } .tab_home .nav-item .nav-link-tab p { font-family: 'Roboto', sans-serif; } .dropdown-toggle-nav-tab p { font-family: 'Roboto', sans-serif; } body#checkout section.checkout-step .content .nav-inline .nav-item a { font-family: 'Roboto', sans-serif; } .cart-summary-line.cart-summary-subtotals .label { font-family: 'Roboto', sans-serif; } .cart-summary-line .label { font-family: 'Roboto', sans-serif; } .card.js-cart .cart-summary-products>p a { font-family: 'Roboto', sans-serif; } .tab_home .tab-content { clear: both; } .tab_home .nav-tabs { border: medium none; } .tab_home .nav-tabs .nav-item { margin: 0; } .tab_home .nav-item .nav-link-tab p { margin: 0; } @media (min-width: 992px) { .tab_home .tab-content { float: left; width: 100%; } .tab_home .nav-tabs { display: table; /*margin-bottom: 40px;*/ margin-left: auto; margin-right: auto; } .tab_home .nav-item .nav-link-tab { background: none !important; border: medium none; border-radius: 0; font-size: 14px; font-weight: normal; padding: 0 20px; position: relative; color: #232323; display: block; } .tab_home .nav-item .nav-link-tab:before { content: ""; position: absolute; width: 11px; height: 11px; bottom: 0; left: 0; border-left: 1px solid; border-bottom: 1px solid; opacity: 0; visibility: hidden; } .tab_home .nav-item .nav-link-tab:after { content: ""; position: absolute; width: 11px; height: 11px; right: 0; top: 0; border-right: 1px solid; border-top: 1px solid; opacity: 0; visibility: hidden; } .tab_home .nav-item .nav-link-tab:hover:before, .tab_home .nav-item .nav-link-tab.active:before { opacity: 1; visibility: visible; } .tab_home .nav-item .nav-link-tab:hover:after, .tab_home .nav-item .nav-link-tab.active:after { opacity: 1; visibility: visible; } .tab_home .nav-item:first-child .nav-link {} .tab_home .nav-item:last-child .nav-link {} .tab_home .nav-item .nav-link-tab p { margin: 0; font-size: 20px; /*text-transform: uppercase;*/ color: inherit; font-weight: 700; } } @media (max-width: 991px) { .box-nav-tab { margin-bottom: 20px; position: relative; } .tab_home .nav-tabs .nav-item { clear: both; width: 100%; } .tab_home .nav-tabs .nav-item a { border-bottom: 1px solid #ebebeb; display: block; line-height: 20px; padding: 5px 10px; } .tab_home .nav-tabs .nav-item a.active { background: #b33a3a; color: #fff; } .tab_home .nav-tabs .nav-item a.active p { color: #fff; } .dropdown-menu-nav-tab { position: absolute; z-index: 2; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.35); background: #fff; width: 100%; display: none; } .dropdown-menu-nav-tab.active { display: block; } .dropdown-toggle-nav-tab { border: 1px solid #ebebeb; padding: 5px 10px; position: relative; cursor: pointer; } .dropdown-toggle-nav-tab:after { content: "\f2f2"; font-family: "Material-Design-Iconic-Font"; font-size: 18px; line-height: 20px; margin-top: -9px; position: absolute; right: 10px; top: 50%; } .dropdown-toggle-nav-tab p { margin: 0; line-height: 24px; } } body#checkout .container { min-height: inherit; } .fa-googleplus:before { content: "\f0d5"; } .manufacturers .item-inner a { opacity: 0.5; } .manufacturers .item-inner a:hover { opacity: 1; } .hidden, .hide { display: none !important; } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) { .hidden-lg { display: none !important; } } .container { margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 992px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { .container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1200px; max-width: 100%; } } .container-fluid { margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .relative { position: relative; } .row { margin-right: -5px; margin-left: -5px; } @media (min-width: 992px) { .row { margin-right: -15px; margin-left: -15px; } } .no-gutters .row { margin-right: 0; margin-left: 0; } .no-gutters .row>.col, .no-gutters .row>[class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { width: 100%; min-height: 1px; float: left; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 5px; padding-left: 5px; } @media (min-width: 992px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { /*padding-right: 15px;*/ padding-left: 15px; } } .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-1, .col-xs-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2, .col-xs-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3, .col-xs-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4, .col-xs-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5, .col-xs-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6, .col-xs-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7, .col-xs-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8, .col-xs-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9, .col-xs-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10, .col-xs-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11, .col-xs-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12, .col-xs-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-0 { right: auto; } .pull-1 { right: 8.333333%; } .pull-2 { right: 16.666667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.333333%; } .pull-5 { right: 41.666667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.333333%; } .pull-8 { right: 66.666667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.333333%; } .pull-11 { right: 91.666667%; } .pull-12 { right: 100%; } .push-0 { left: auto; } .push-1 { left: 8.333333%; } .push-2 { left: 16.666667%; } .push-3 { left: 25%; } .push-4 { left: 33.333333%; } .push-5 { left: 41.666667%; } .push-6 { left: 50%; } .push-7 { left: 58.333333%; } .push-8 { left: 66.666667%; } .push-9 { left: 75%; } .push-10 { left: 83.333333%; } .push-11 { left: 91.666667%; } .push-12 { left: 100%; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.333333%; } .pull-sm-2 { right: 16.666667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.333333%; } .pull-sm-5 { right: 41.666667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.333333%; } .pull-sm-8 { right: 66.666667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.333333%; } .pull-sm-11 { right: 91.666667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.333333%; } .push-sm-2 { left: 16.666667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.333333%; } .push-sm-5 { left: 41.666667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.333333%; } .push-sm-8 { left: 66.666667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.333333%; } .push-sm-11 { left: 91.666667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; /*-webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;*/ -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 25%; } #moda_quick_login .my-wisht-list.col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.333333%; } .pull-md-2 { right: 16.666667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.333333%; } .pull-md-5 { right: 41.666667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.333333%; } .pull-md-8 { right: 66.666667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.333333%; } .pull-md-11 { right: 91.666667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.333333%; } .push-md-2 { left: 16.666667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.333333%; } .push-md-5 { left: 41.666667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.333333%; } .push-md-8 { left: 66.666667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.333333%; } .push-md-11 { left: 91.666667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.333333%; } .pull-lg-2 { right: 16.666667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.333333%; } .pull-lg-5 { right: 41.666667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.333333%; } .pull-lg-8 { right: 66.666667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.333333%; } .pull-lg-11 { right: 91.666667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.333333%; } .push-lg-2 { left: 16.666667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.333333%; } .push-lg-5 { left: 41.666667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.333333%; } .push-lg-8 { left: 66.666667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.333333%; } .push-lg-11 { left: 91.666667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.333333%; } .pull-xl-2 { right: 16.666667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.333333%; } .pull-xl-5 { right: 41.666667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.333333%; } .pull-xl-8 { right: 66.666667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.333333%; } .pull-xl-11 { right: 91.666667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.333333%; } .push-xl-2 { left: 16.666667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.333333%; } .push-xl-5 { left: 41.666667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.333333%; } .push-xl-8 { left: 66.666667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.333333%; } .push-xl-11 { left: 91.666667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } [type="reset"], [type="submit"], button, html [type="button"] { cursor: pointer; } /*----------------------------------------------------------*/ /* Owl Carousel /*----------------------------------------------------------*/ .owl-carousel {} .owl-carousel .owl-stage { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .owl-carousel .owl-stage-outer { width: 100%; } .overflow-visible .owl-carousel .owl-stage-outer { overflow: visible; } .overflow-visible .owl-item:not(.active) { opacity: 0.15; pointer-events: none; } .horizontal_mode, .vertical_mode { width: 100%; } body:not(#index) .horizontal_mode, body:not(#index) .vertical_mode { margin-bottom: 0; } @media (max-width: 991px) { .horizontal_mode, .vertical_mode { margin-bottom: 0; } } .horizontal_mode .owl-carousel .owl-wrapper-outer { margin-bottom: -30px; } .navigation_mode { position: relative; } .owl-theme .owl-dots { display: table; margin: 30px auto -10px; } .owl-theme .owl-dots .owl-dot { margin: 0 5px 10px; float: left; } .owl-theme .owl-dots .owl-dot span { display: block; height: 14px; position: relative; width: 14px; border-color: #202021; transition: all 0.15s ease-in-out 0s; border: medium none; background: #202021; } .owl-theme .owl-dots .owl-dot span:before { position: absolute; content: ''; left: 1px; right: 1px; top: 1px; bottom: 1px; background: #fff; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #202021; } .owl-theme .owl-dots .owl-dot.active span:before, .owl-theme .owl-dots .owl-dot:hover span:before { background: #202021; } .owl-theme .item { padding-top: 10px; margin: 0; border: 1px solid #ebebeb; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; } .owl-theme .item:hover { box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); } .horizontal_mode .item-inner { clear: both; } .arrows_center .owl-theme .owl-nav { position: absolute; margin-top: -15px; top: 50%; left: -45px; right: -45px; height: 0; opacity: 0; transition: all 0.2s ease-in-out 0s; } .arrows_center .products .owl-theme .owl-nav { margin-top: -80px; } .arrows_center .owl-carousel:hover .owl-nav, .tab_home:hover .arrows_center .owl-nav { opacity: 1; transition: all 0.2s ease-in-out 0s; } .owl-theme .owl-nav [class*="owl-"] { font-size: 60px; line-height: 50px; margin: 0; padding: 0; text-align: center; transition: all 0.2s ease-in-out 0s; } .owl-theme .owl-nav [class*="owl-"]:hover { color: #b33a3a; } .arrows_center .owl-carousel .owl-nav .owl-next { float: right; } .arrows_center .owl-carousel .owl-nav .owl-prev { float: left; } .arrows_center .owl-carousel:hover .owl-nav .owl-prev, .tab_home:hover .arrows_center .owl-nav .owl-prev {} .arrows_center .owl-carousel:hover .owl-nav .owl-next, .tab_home:hover .arrows_center .owl-nav .owl-next {} .owl-carousel .owl-item .owl-lazy { opacity: 1; } .nrt-slideshow-container .flex-control-paging li a:hover, .nrt-slideshow-container .flex-control-paging li a.flex-active, .nivo-controlNav a:hover, .nivo-controlNav a.active { background: #b33a3a; } #submitComment { text-transform: uppercase; width: 100%; } .arrows_oncolum { position: relative; } .tab_home .arrows_oncolum { position: static; } .tab_home { position: relative; } .arrows_oncolum .owl-nav { margin-bottom: -15px; margin-top: 15px; position: relative; text-align: center; z-index: 1; } .arrows_oncolum .fa-angle-left:before { content: '\f0d9'; margin-right: 2px; } .arrows_oncolum .fa-angle-right:before { content: '\f0da'; margin-left: 4px; } .arrows_oncolum .owl-theme .owl-nav [class*="owl-"] { border: 1px solid #202021; color: #202021; display: inline-block; font-size: 24px; height: 45px; line-height: 42px; margin: 15px; text-align: center; width: 45px; } .arrows_oncolum .owl-theme .owl-nav [class*="owl-"]:hover { background: #202021; color: #fff; } .arrows_oncolum .owl-carousel .owl-nav .owl-prev {} .arrows_oncolum .owl-carousel { position: static; } .current-price .product-discount .regular-price {} /**************************************Box-wide************************************/ .boxed main { max-width: 1200px; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); margin: 0 auto; } .boxed #block-header-center.sticky-top { max-width: 1200px; margin: 0 auto; } @media only screen and (min-width: 992px) and (max-width: 1200px) { .boxed main { max-width: 980px; } .boxed #block-header-center.sticky-top { max-width: 980px; } } @media only screen and (max-width: 991px) { .boxed main { margin: 0 auto; border-radius: 0; -webkit-box-shadow: 0 0 0 #fff; -moz-box-shadow: 0 0 0 #fff; box-shadow: 0 0 0 #fff; } .boxed #block-header-center.sticky-top { margin: 0 auto; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .boxed main { max-width: 768px; } .boxed #block-header-center.sticky-top { max-width: 768px; } } @media only screen and (max-width: 767px) { main { width: 100%; } .boxed #block-header-center.sticky-top { max-width: 100%; } .header_bottom { text-align: center; } } /*-------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------*/ #wrapper { background: none; padding: 0; box-shadow: none; } body:not(#index) #wrapper { margin-bottom: 60px; padding-top: 50px; } @media (max-width:991px) { body:not(#index) #wrapper { padding-top: 30px; } body:not(#index) #wrapper { margin-bottom: 30px; } } main { background: #fff; overflow: hidden; min-height: 100%; } @media (max-width: 991px) { #header_wrapper { margin-bottom: 0 !important; } } .tab_home { position: relative; } .tab_home .tab-content>.tab-pane { margin-left: -5px; margin-right: -5px; } @media (min-width: 992px) { .tab_home .tab-content>.tab-pane { margin-left: -15px; margin-right: -15px; } } .tab_home .tab-content>.tab-pane { display: block; position: absolute; left: 0; right: 0; opacity: 0; top: auto; visibility: hidden; transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; } .tab_home .tab-content>.tab-pane.active { opacity: 1; position: static; visibility: visible; } a, .label, label { font-size: 14px; color: #232323; transition: all 0.1s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; } p { font-size: 14px; } a:hover, a:focus, body#checkout a:hover, .cart-grid-body a.label:hover { color: #b33a3a; } a:focus { text-decoration: none; } .form-control:focus { outline: none; } .form-control { font-size: 14px; } .form-control::-webkit-input-placeholder { color: #999999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999999; opacity: 1; } .form-control::placeholder { color: #999999; opacity: 1; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { color: #999999; opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; opacity: 1; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; opacity: 1; } input:-moz-placeholder, textarea:-moz-placeholder { color: #bbb; } input:active::-webkit-input-placeholder, textarea:active::-webkit-input-placeholder { color: #bbb; } input:active::-moz-placeholder, textarea:active::-moz-placeholder { color: #bbb; } input:active:-ms-input-placeholder, textarea:active:-ms-input-placeholder { color: #bbb; } input:active:-moz-placeholder, textarea:active:-moz-placeholder { color: #bbb; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: #bbb; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: #bbb; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: #bbb; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: #bbb; } /**************************************Footer************************************/ .count-compare { background: #b33a3a none repeat scroll 0 0; border-radius: 100%; color: #fff; font-size: 9px; line-height: 17px; margin-right: -20px; min-width: 17px; position: absolute; right: 50%; top: 5px; } @media only screen and (min-width: 992px) { #back-top, #goto-compare { background: #f1f1f1 none repeat scroll 0 0; color: #818181; z-index: 9; cursor: pointer; height: 50px; padding: 15px 0; width: 45px; display: block; line-height: 38px; text-align: center; text-decoration: none; position: fixed; bottom: 0; right: 0; border-bottom: 1px solid #ebebeb; } #back-top { border: none; } #goto-compare { bottom: 50px; } #back-top:hover, #goto-compare:hover { color: #b33a3a; } #back-top i, #goto-compare i { display: block; font-size: 20px; } #goto-compare p, #back-top p { display: none; } } @media only screen and (max-width: 991px) { #bar-left-column:not(.has_column), #bar-right-column:not(.has_column) { display: none; } #footer-bar { background: #fff; bottom: 0; display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; left: 0; position: fixed; right: 0; text-align: center; z-index: 10; box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.2); } #bar-left-column, #bar-right-column, #back-top, #goto-compare { color: #818181; cursor: pointer; flex: 1 1 0; -ms-flex: 1 1 0; -webkit-flex: 1 1 0; font-size: 14px; font-size: 15px; padding: 5px; float: left; background: none !important; position: relative; } #footer-bar .zmdi { font-size: 20px; } #footer-bar p { color: #818181; font-size: 11px; margin: 0; white-space: nowrap; margin-top: 1px; } #bar-left-column.active, #bar-right-column.active, #bar-left-column.active p, #bar-right-column.active p { color: #b33a3a; } } .ui-widget-content.ui-autocomplete { background: #f9f9f9; padding: 0; border: none; border-radius: 0; max-height: 387px; overflow: auto; z-index: 1032; border-top: 1px solid #eeeeee; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.35); } .ui-menu.ui-autocomplete .ui-menu-item a { padding: 15px; border: none; border-bottom: 1px solid #ededed; display: table; width: 100%; border-radius: 0; cursor: pointer; float: left; } .ui-menu.ui-autocomplete .ui-menu-item a.ui-state-focus, .ui-menu.ui-autocomplete .ui-menu-item a.ui-state-active { margin: 0px; font-weight: normal; background: #f4f4f4; } .ui-menu.ui-autocomplete .ui-menu-item a.ui-state-focus .search-name-ajax, .ui-menu.ui-autocomplete .ui-menu-item a.ui-state-active .search-name-ajax { color: #b33a3a; } .left-search-ajax { float: left; margin-right: 15px; } .left-search-ajax img { max-width: 55px; } .search-name-ajax { display: table; font-size: 12px; line-height: 16px; margin-bottom: 0; text-align: left; } .price-search-ajax { float: left; } .price-ajax { color: #b33a3a; font-size: 12px; } .price-regular-ajax { color: #939292; font-size: 12px; margin-right: 10px; text-decoration: line-through; } /*-------------------horizontal_mode-------------------------*/ .block { margin-bottom: 30px; } #index .block .block { margin-bottom: 0; } #index .block .wrapper_home .block { margin-bottom: 30px; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } #index .block { margin-bottom: 100px; } #index .margin_min .block { margin-bottom: 30px; } #right-column .block, #left-column .block, #index .hover-banner .block { margin-bottom: 30px; } @media only screen and (max-width:991px) { #index .block { margin-bottom: 30px; } } @media only screen and (max-width: 991px) { #index .hover-banner .block { margin-bottom: 0; } #index .hover-banner .block .block { margin-bottom: 30px; } #index .nrtproductswidget.block { margin-bottom: 0; } } .horizontal_mode .item {} .horizontal_mode .item .item-inner { margin-bottom: 30px; } .horizontal_mode .item .item-inner:last-child { margin-bottom: 0; } #products .item-inner { margin-bottom: 30px; } @media only screen and (max-width: 478px) { #box-product-grid.horizontal_mode .item-inner { margin-left: auto; margin-right: auto; max-width: 270px; } } .manufacturers.horizontal_mode .item-inner { border: none; } .horizontal_mode .item-inner .left-product { position: relative; } .horizontal_mode:not(.product-full) .item-inner .left-product { background: #fff; } .horizontal_mode .item-inner { position: relative; } #wicQuickAnnouncementBar_top { width: 1200px; max-width: 100%; margin: 0 auto !important; } #wicQuickAnnouncementBar_top_container { width: 100% !important; } /* .horizontal_mode .item-inner .right-product .addToCartFormWrapper .variantsProductWrapper { position:absolute; z-index: 99; left:0; right:0; top:0; opacity:0; cursor:pointer; transition:100ms; transform:translateY(20px); } .horizontal_mode .item-inner:hover .right-product .addToCartFormWrapper .variantsProductWrapper { transform:none !important; opacity:1 !important; } */ .horizontal_mode .item-inner .right-product .product_name a { font-size: 14px; line-height: 24px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 700; height: 74px; overflow: hidden; text-overflow: ellipsis; display: block; } .horizontal_mode .item-inner .right-product .product_name a:hover { color: #b33a3a; } .horizontal_mode .item-inner .right-product { margin-top: 10px; text-align: left; } .horizontal_mode .item-inner .right-product .product-description { text-align: center; padding: 5px 10px 10px 10px; } .product-miniature_rating{ padding: 15px 0px 0px 0px; } .loading_element { display: block; position: relative; } .img_element { position: absolute; left: 0; top: 0; width: 100%; height: auto; } .hover_image { background-size: 100% auto; background-color: #fff; position: absolute; opacity: 0; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; } .hover_second_img:hover .hover_image { opacity: 1; } .horizontal_mode .item-inner .conditions-box { position: absolute; top: 10px; left: 10px; } .left-product {} .box-new-sale { position: absolute; top: 0; right: 0; left: 13px; z-index: 1; } .new_product { margin: 10px 13px 0 0; float: right; display: inline-block; color: #ffffff; font-size: 14px; text-align: center; z-index: 2; } .new_product span { background: #202021; float: left; padding: 0px 10px; line-height: 22px; letter-spacing: 1px; font-family: 'Roboto', sans-serif; text-transform: uppercase; } .sale_product { float: right; margin: 10px 13px 0 0; display: inline-block; color: #ffffff; font-size: 14px; text-align: center; z-index: 2; } .sale_product span { background: #202021; float: left; padding: 0px 10px; line-height: 22px; letter-spacing: 1px; font-weight: normal; font-family: 'Roboto', sans-serif; text-transform: uppercase; } .horizontal_mode .button-action { cursor: pointer; float: left; background: none; text-align: center; z-index: 1; color: #878787; /*border-right: 1px solid #c4c4c4; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;*/ border: 1px solid #c4c4c4; width: 30px; height: 30px; border-radius: 50%; vertical-align: middle; padding: 4px 4px 4px 4px; margin-left: 8px; margin-right: 8px; } .horizontal_mode .button-action:hover { color: #ffffff !important; background-color: #66B702; border-color: #66B702; } .button-action[disabled] { cursor: not-allowed !important; } .horizontal_mode .button-action-product form .button-action:last-child { /*border-right: none;*/ } .horizontal_mode .button-action-product form { /*background: #eeeeee none repeat scroll 0 0; border: 1px solid #cbcbcb; */ display: none; margin: 0 auto; padding: 20px 0; /*box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); z-index: 2; opacity: 0; visibility: hidden; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;*/ } .horizontal_mode .item-inner:hover .button-action-product form { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); opacity: 1; visibility: visible; } .horizontal_mode .button-action-product { height: 0; left: 0; /*margin-top: -21px; position: absolute;*/ right: 0; text-align: center; top: 100%; width: 100%; z-index: 1; } .horizontal_mode button.button-action { display: none; } s .horizontal_mode .button-action.quick-view {} .horizontal_mode .button-action.button-wishlist {} .horizontal_mode .button-action.add_to_compare {} .item-inner:hover .button-action {} .pick-color { bottom: -40px; display: inline-block; left: 0; position: absolute; right: 0; text-align: center; z-index: 2; opacity: 0; transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; } .horizontal_mode .item-inner:hover .pick-color { bottom: 0; opacity: 1; } .box-content-wishlist { z-index: 3; background: #fff none repeat scroll 0 0; border-radius: 3px; color: #444; display: none; left: 50%; margin-top: 10px; position: absolute; top: 100%; border: 1px solid #ebebeb; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); } .box-content-wishlist:before { background: #fff; content: ""; height: 14px; left: 50%; margin-left: -7px; position: absolute; top: -8px; width: 14px; border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .box-content-wishlist span { border-bottom: 1px solid #ebebeb; display: block; font-size: 14px; line-height: 24px; padding: 5px 15px; white-space: nowrap; cursor: pointer; } .box-content-wishlist span:hover { color: #b33a3a; } .box-content-wishlist span:last-child { border-bottom: none; } .pick-color .color { border-radius: 4px; box-shadow: none; display: inline-block; height: 16px; margin: 10px 5px; width: 16px; } .horizontal_mode .right-product .product-price-and-shipping {} .price { font-weight: 700; color: #b33a3a; font-family: 'Roboto', sans-serif; } .regular-price { text-decoration: line-through; color: #939292; font-family: 'Roboto', sans-serif; } div.star::after { color: #f2b827; } .no_review div.star::after { color: #999; } div.star.star_on::after { color: #f2b827; } .star_content div.star.star_hover:after { color: #f2b827; } #moda_productcomment .modal-header h2, .label_rating, #product_comments_block_tab .comment_author>span, #product_comments_block_tab .report_btn { color: #b33a3a; } .right-product .product-price-and-shipping span { font-size: 16px; font-weight: bold; line-height: 20px; } .right-product .product-price-and-shipping span.regular-price { margin-right: 8px; } .right-product .product-price-and-shipping span.price { font-size: 16px; } .right-product .product-price-and-shipping span.line_product { display: inline-block; font-size: 0; height: 13px; margin: 0 10px; position: relative; text-align: center; width: 8px; } .right-product .product-price-and-shipping span.line_product:before { content: ''; position: absolute; width: 8px; height: 1px; background: #b33a3a; top: 50%; left: 0; } .hidden_regular_price span.regular-price, .hidden_regular_price .line_product { display: none !important; } .right-product .comments_note { line-height: 20px; margin-top: 14px; } .right-product .comments_note>span { display: none; } .right-product .product-price-and-shipping { margin-top: 12px; } .star_content { margin-right: -3px; display: table; margin: 0 auto; } .variant-links-product { bottom: 0; position: absolute; right: 10px; } .horizontal_mode .item-inner .left-product>a { position: relative; display: block; overflow: hidden; } .item-inner .left-product>a:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; top: 0; /*border: 1px solid #ebebeb;*/ } .item-inner .left-product>a:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; opacity: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; } .vertical_mode .item-inner .left-product>a:before { display: none; } .item-inner:hover .left-product>a:before { opacity: 1; } .item-inner .left-product { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; } .item-inner:hover .left-product { /*box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);*/ } .checked i:before { content: "\f26b"; } .horizontal_mode .discount-percentage-product { background: #b33a3a; color: #ffffff; float: right; font-size: 14px !important; font-weight: normal; line-height: 20px; margin-left: 5px; padding: 0 15px; text-align: center; text-transform: uppercase; z-index: 2; display: none; } .nrtmegamenu .horizontal_mode .discount-percentage-product { display: none; } /**********************Countdown timer************************/ .item-inner .item-countdown .bg_tranp { background: #555555; bottom: 0; height: 100%; left: 0; right: 0; line-height: 13px; position: absolute; width: 100%; opacity: 0.7; z-index: 1; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; } .item-inner .item-countdown { margin-top: -54px; } .item-inner .item-countdown { display: block; top: 50%; left: 0; right: 0; margin-top: -27px; position: absolute; width: 100%; opacity: 1; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; } .item-inner .item-countdown-time { position: relative; z-index: 9; } .item-inner:hover .item-countdown { display: none; opacity: 0; } .item-inner .item-countdown .section_cout { color: #fff; width: 25%; float: left; display: inline-block; padding: 8px 0; text-align: center; position: relative; z-index: 999; } .item-inner .item-countdown .section_cout span { display: block; float: none; width: 100%; color: #fff; font-size: 18px; line-height: 1; border-color: rgba(255, 255, 255, 0.25); border-style: solid; border-width: 0 0 0 1px; box-shadow: -1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: -1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: -1px 0 rgba(0, 0, 0, 0.3); } .item-inner .item-countdown .section_cout:first-child span.Days, .item-inner .item-countdown .section_cout:first-child span.text { border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .item-inner .item-countdown .section_cout span.text { text-transform: uppercase; font-size: 15px; padding-top: 8px; } /*--------------------------vertical_mode--------------------------------*/ .vertical_mode .button-action { font-size: 14px; height: 30px; text-align: center; line-height: 27px; float: left; background: #fff; color: #999999; width: 30px; margin: 5px; transition: all 0.15s ease-in-out 0s; border: 1px solid #f2f2f2; } .vertical_mode .button-action:hover { background: #b33a3a; color: #fff; } .vertical_mode .button-action-product { margin: 5px -5px 0; } #left-column, #right-column { margin-bottom: 30px; } .vertical_mode .item-inner { background: #fff; margin-bottom: 30px; position: relative; } .vertical_mode .right-product .product-price-and-shipping, .vertical_mode .right-product .comments_note { margin-top: 7px; text-align: left; } .vertical_mode .right-product .product-price-and-shipping span.label_price { margin-right: 5px; } .vertical_mode .left-product .view-product { background: #222222 none repeat scroll 0 0; border-radius: 3px; font-size: 14px; line-height: 26px; height: 26px; width: 26px; text-align: center; position: absolute; top: 50%; margin-top: -13px; left: 50%; margin-left: -13px; text-transform: capitalize; color: #fff; transform: scale(0, 0); -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); display: none; } .vertical_mode .item-inner:hover .view-product { transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); } .vertical_mode .left-product .view-product:hover { background: #b33a3a; } .vertical_mode .item-inner:last-child {} .vertical_mode .left-product { position: relative; background: #fff; } .vertical_mode .right-product .comments_note { float: left; } .vertical_mode .right-product .category_default { line-height: 24px; font-size: 14px; margin-bottom: 5px; } @media (max-width:767px) { .vertical_mode .left-product { max-width: 120px; } } .vertical_mode .right-product .product_name { line-height: 20px; } .vertical_mode .right-product .product_name a { font-size: 16px; color: #262626; font-weight: 500; } .vertical_mode .right-product .product_name a:hover { color: #b33a3a; } .vertical_mode .discount-percentage-product { background: #b33a3a none repeat scroll 0 0; color: #fff; padding: 3px 5px; position: absolute; right: 5px; top: 5px; font-size: 11px; z-index: 3; } .vertical_mode .right-product { flex: 1; -ms-flex: 1; -webkit-flex: 1; } .vertical_mode .item-inner .product-miniature { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .images-container .product-images>li.thumb-container>.thumb { width: 100px; } /*--------------------------------------------------------------------------------------------------------------*/ button:focus { outline: none; } .dropdown .dropdown-toggle { cursor: pointer; display: block; } #block-nav-center a { color: #666; } #block-nav-center a:hover { color: #b33a3a; } #block-nav-center .dropdown .dropdown-toggle { color: #999999; position: relative; font-size: 13px; } #block-nav-center .dropdown .dropdown-toggle span.fa { color: #b33a3a; } #block-nav-center .dropdown .dropdown-toggle span { margin-right: 5px; } #block-nav-center .dropdown .dropdown-toggle:hover, #block-nav-center .dropdown .dropdown-toggle[aria-expanded=true] { color: #b33a3a; } #block-nav-center .currency-selector.dropdown .dropdown-toggle {} .dropdown-menu { display: block; opacity: 0; visibility: hidden; } .open .dropdown-menu { opacity: 1; visibility: visible; } @media (min-width:992px) { .dropdown-menu { transform: translateY(20px); -ms-transform: translateY(20px); -webkit-transform: translateY(20px); transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, visibility 0.3s linear 0s; -ms-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, visibility 0.3s linear 0s; -webkit-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, visibility 0.3s linear 0s; } .open .dropdown-menu { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); } } @media (min-width:1200px) { #block-nav-center .dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); } } .dropdown-toggle::after { display: none; } #block-nav-center .dropdown .dropdown-toggle img { margin-right: 4px; vertical-align: -1px; } #block-nav-center .dropdown .dropdown-toggle i { font-size: 14px; margin-left: 8px; } #block-nav-center .dropdown-menu { padding: 0; background: #fff; border: none; margin: 0; top: 100%; font-size: 13px; min-width: 100%; left: auto; right: 0; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.35); -ms-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.35); } #block-nav-center .dropdown-item { padding: 10px 20px; line-height: 1; color: #444444; font-size: 13px; } #block-nav-center .dropdown-menu li:not(:last-child) { border-bottom: 1px solid #ebebeb; } #block-nav-center .dropdown-item img { margin-right: 5px; } #block-nav-center .dropdown-item:hover, #block-nav-center .current .dropdown-item { background: #b33a3a; color: #fff; } .language-selector-wrapper { float: left; } .text-nav { float: left; padding: 18px 0; } .text-nav div { float: left; line-height: 18px; margin-right: 5px; color: #fff; } .text-nav p { float: left; margin: 0; line-height: 18px; color: #818181; } /*---------------Header--link------*/ #header_links { float: right; margin: 0 -10px; } #header_links .social { float: left; margin-left: 15px; line-height: 40px; margin-right: -10px; } #header_links .social span { margin-right: 5px; } #header_links .social a { padding: 0 10px; font-size: 0; } #header_links .social a:before { font-size: 13.5px; } #header_links .acount i, #header_links .cart i { float: left; font-size: 0; margin-right: 5px; } #block-nav-center { border-bottom: 1px solid #ebebeb; } #block-nav-center .nav_left .child_nav_left { float: left; line-height: 40px; position: relative; padding: 0 23px; } #block-nav-center .nav_left .child_nav_left:first-child { padding-left: 0; } #block-nav-center .nav_left .child_nav_left:last-child { padding-right: 0; } #block-nav-center .nav_left .child_nav_left:not(:last-child):before { position: absolute; height: 12px; top: 50%; margin-top: -6px; right: 0; content: ""; width: 1px; background: #999999; } #block-nav-center .nav_right { float: right; } #block-nav-center .nav_right .child_nav_right { float: left; line-height: 40px; position: relative; } #block-nav-center .dropdown { position: static; } #block-nav-center .nav_right .child_nav_right .dropdown-toggle { padding: 0 20px; } #block-nav-center .nav_right .child_nav_right:last-child .dropdown-toggle { padding-right: 0; } #block-nav-center .nav_right .child_nav_right:first-child .dropdown-toggle { padding-left: 0; } @media (min-width:479px) { #block-nav-center .nav_right .child_nav_right:not(:last-child):before { position: absolute; height: 12px; top: 50%; margin-top: -6px; right: 1px; content: ""; width: 1px; background: #999999; } } #header_links i:before { font-size: 14px; margin-right: 5px; } #header_links a { text-transform: capitalize; padding: 0 10px; } #header_links>div:not(.right-link) { float: left; line-height: 40px; position: relative; } #header_links>div.store:before { display: none; } #header_links .right-link i { font-size: 0; margin-right: 5px; color: #fff; } #header_links .right-link i:before { font-size: 14px; } #header_links .right-link a { font-size: 14px; padding: 9px 20px; position: relative; text-transform: uppercase; } #header_links .right-link a:first-child { color: #fff; background: #b33a3a; font-size: 14px; margin: 0 1px; border-radius: 20px; padding: 9px 30px; } #header_links .right-link a:first-child:hover { text-decoration: underline; } #header_links .right-link { float: left; line-height: 53px; position: relative; } #header_links .right-link:before { content: ""; position: absolute; height: 100%; width: 67%; background: #b33a3a; opacity: 0.13; right: 0; top: 0; } #search_block_top, #cart_block_top, #notifications_block_top { z-index: 3; position: relative; margin-top: 22px; float: right; padding: 12px 0; } /* Prevent show on mobile */ @media (max-width: 992px) { #notifications_block_top { display: none; } } @media (min-width: 992px) { #expNotificationMobile { display: none; } } #search_block_top { margin-right: 20px; margin-top: 25px; } .header-logo { float: left; position: relative; z-index: 1; } .logo_home_mobile { height: 36px; width: 120px; } .header-logo img { height: 100px; weight: 240px; } .desktop { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } #header_wrapper.no-shadow-top .desktop { box-shadow: none; } #eac-container-search_query_top { transform: translateY(34px) !important; } /*-------------------Cart-----------------------*/ #login_top { float: right; position: relative; z-index: 2; padding: 12px 0 12px 5px; } #setting_top { float: right; position: relative; z-index: 3; padding: 12px 0; margin-top: 22px; } #setting_top .dropdown-menu { border: medium none; left: auto; right: 0; padding: 0; margin: 0; min-width: 200px; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.35); border-top: 2px solid #b33a3a; z-index: 12; } #setting_top .dropdown-menu li.lable_title { float: left; line-height: 20px; padding: 5px 15px; width: 100%; color: #262626; font-size: 14px; } #setting_top .dropdown-menu li a.item-box img { float: left; } #setting_top .dropdown-menu li a.item-box { border: 1px solid #ebebeb; display: inline-block; float: left; font-size: 13px; line-height: 1; margin: 5px 5px 5px 0; padding: 5px 10px; } #setting_top .dropdown-menu li a.item-box:hover, #setting_top .dropdown-menu li a.item-box.current { border-color: #b33a3a; } #setting_top .dropdown-menu li a.item-box:last-child { margin-right: 0; } #setting_top .dropdown-menu li.box-item { padding: 0 15px 5px; } #setting_top .dropdown-menu li:not(.lable_title) { border-bottom: 1px solid #ebebeb; clear: both; float: left; width: 100%; } #setting_top .dropdown-menu li a:not(.item-box) { color: #878787; display: block; font-size: 13px; line-height: 20px; padding: 8px 15px; white-space: nowrap; } #setting_top .dropdown-menu li a:not(.item-box):hover { color: #b33a3a; } #setting_top.dropdown .dropdown-toggle i, #login_top i { color: #818181; float: right; height: 36px; line-height: 36px; position: relative; text-align: right; margin: 0px 10px 0px 0px; transition: all 0.15s ease-in-out 0s; } #setting_top.dropdown .dropdown-toggle i:hover, #login_top i:hover { color: #66B702; } #setting_top.dropdown .expand-more:hover, #setting_top.dropdown .expand-more[aria-expanded="true"] { color: #66B702; } #setting_top.dropdown .expand-more[aria-expanded="true"] i::before { content: '\f00d'; } #cart_block_top .shopping-cart .total { background: #66B702 none repeat scroll 0 0; border-radius: 100%; color: #fff; font-size: 9px; font-weight: bold; height: 20px; right: -4px; line-height: 20px; position: absolute; text-align: center; bottom: 3px; width: 20px; -webkit-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; } #account_icon_top { height: 60px; line-height: 36px; width: 36px; margin: 22px 0px 0px 0px; padding: 12px 0px; float: right; position: relative; z-index: 3; } #account_icon_top a { color: #818181; } #cart_block_top .shopping-cart { color: #818181; height: 36px; line-height: 36px; width: 36px; } #notifications_block_top .notifications { color: #818181; height: 36px; line-height: 36px; width: 36px; margin-left: 15px; } #cart_block_top .shopping-cart:hover, #notifications_block_top .notifications:hover, #account_icon_top a:hover { color: #66B702; } #cart_block_top .click-cart, #notifications_block_top .click-notifications { cursor: pointer; float: right; position: relative; text-align: center; -webkit-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; } #cart_block_top .click-cart:hover, #cart_block_top .click-cart.active, #notifications_block_top .click-notifications:hover, #notifications_block_top .click-notifications.active { border-color: transparent; color: #66B702; } #cart_block_top .click-cart:hover .shopping-cart .total, #cart_block_top .click-cart.active .shopping-cart .total { background: #51515d; } #cart_block_top .click-cart .cart-products-count, #notifications_block_top .click-notifications .notifications-count { background: #66B702 none repeat scroll 0 0; border-radius: 100%; color: #fff; font-size: 9px; line-height: 17px; margin-right: -15px; min-width: 17px; position: absolute; right: 50%; top: -3px; } #cart_block_top .click-cart .cart-total-top { color: #b33a3a; } #cart_block_top .click-cart .cart-item-top, #cart_block_top .click-cart i, #notifications_block_top .click-notifications .notifications-item-top, #notifications_block_top .click-notifications i { display: none; } #cart_block_top .click-cart .unline_cart, #notifications_block_top .click-notifications .unline_cart { line-height: 34px; } #cart_block_top .click-cart:hover .unline_cart { border-color: inherit; } #click-md-down { display: none; } #product-modal .modal-content .modal-body .image-caption { width: auto; } #product-modal .modal-content .modal-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; float: left; left: 50%; margin-left: 0; padding-top: 0; padding-bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } #product-modal .modal-content .modal-body .product-images { margin-left: 30px; } @media (min-width:992px) { .click-md-down { display: block !important; } } /*----------Search-----------*/ #search_block_top .current i { color: #232323; height: 36px; line-height: 36px; text-align: center; width: 36px; } #search_block_top div.dropdown-menu { background: #eee none repeat scroll 0 0; border: medium none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; left: auto; line-height: 1; margin-top: 0; min-width: auto; padding: 0; position: absolute; top: 25%; right: 0; } @media (min-width:992px) { #search_block_top:not(.sticky-top) div.dropdown-menu {} #search_block_top:not(.sticky-top) .dropdown-toggle {} #search_block_top:not(.sticky-top) #searchbox .button-search::before {} } #search_block_top .current:hover, #search_block_top .current[aria-expanded="true"] { border-color: transparent; } #search_block_top .current[aria-expanded="true"] i {} #searchbox { border: medium none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: table; padding-right: 34px; position: relative; width: 504px; } .no-show-cat #searchbox { width: 100%; } #search_query_top { width: 270px; height: 34px; color: #666; background-color: #eeeeee; padding: 0 12px; float: left; box-shadow: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-bottom: 1px solid #e7e7e7!important; } .search_filter { display: block; float: left; margin: 0; width: auto; position: relative; } .wrapper-social-header { text-align: center; } @media (min-width:992px) { .wrapper-social-header { position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } } .wrapper-social-header a { font-size: 0; } .wrapper-social-header a:before { color: #999; font-size: 14px; line-height: 40px; padding: 0 13px; } .wrapper-social-header a:hover:before { color: #b33a3a; } @media (max-width:991px) { #search_query_top { width: 100%; } .search_filter { display: none; } #searchbox { max-width: 700px; width: 100%; } #searchbox { background: #eee none repeat scroll 0 0; border: 0px solid #ebebeb; box-shadow: none; /*margin: 5px auto;*/ } .ui-widget-content.ui-autocomplete { max-height: 260px; } } .search_filter:before { content: "\f0d7"; font-family: FontAwesome; color: #666; font-size: 14px; position: absolute; right: 15px; top: 10px; } #category_filter { color: #666666; float: left; padding: 0 20px; background: none; height: 44px; width: 200px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; } #searchbox .button-search:focus { border: none; } #searchbox .button-search { background: #ff9100 none repeat scroll 0 0; border: medium none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #fff; font-size: 14px; height: 34px; margin-top: -17px; padding: 0; position: absolute; right: 0; top: 50%; width: 34px; line-height: 1; transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; } #searchbox .button-search:hover { color: #fff !important; font-size: 16px; } .search_filter select { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; } .select-hidden { display: none; visibility: hidden; padding-right: 10px; } .select { cursor: pointer; display: inline-block; position: relative; font-size: 14px; color: #666; width: 200px; height: 34px; padding: 0 20px; } .select-styled { font-size: 12px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; line-height: 34px; padding: 0 20px; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .select-styled:active:after, .select-styled.active:after { top: 14px; border-color: transparent transparent #666 transparent; } .select-options { display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 1px 0 0; list-style: none; background-color: #f8f8f8; max-height: 350px; overflow: auto; } .select-options li { border-top: 1px solid #eeeeee; font-size: 12px; margin: 0; padding: 10px 0; text-indent: 20px; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } .select-options li:first-child { border-top: none; } .select-options li:hover { color: #b33a3a; background: #fff; } .select-options li[rel="hide"] { display: none; } /*-------------------------------------------------------------------*/ /*---------------------------------------------------*/ .tab_home .content_title p {} .content_title p { clear: both; color: #666; font-size: 14px; line-height: 26px; margin-bottom: 60px; padding-bottom: 0; position: relative; text-align: left; max-width: 610px; margin-left: auto; margin-right: auto; } @media (max-width: 991px) { .content_title p { margin-bottom: 20px; text-align: center; } } .content_title p:before { background: #b33a3a none repeat scroll 0 0; bottom: 0; content: ""; height: 3px; left: 50%; position: absolute; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 50px; display: none; } .title_block { margin-bottom: 43px; text-align: center; text-transform: none; font-weight: 700; position: relative; margin-top: -5px; z-index: 1; } @media (max-width: 991px) { .title_block { margin-bottom: 15px; } } @media (min-width: 992px) { .tab_home .title_block {} } .content_title .title_block { margin-bottom: 15px; } .title_center .title_block { text-align: center; } .title_block .title_text { font-size: 34px; text-transform: uppercase; } @media (max-width: 991px) { .title_block .title_text { font-size: 22px; } #left-column { background: #fff none repeat scroll 0 0; max-height: calc(100% - 50px); height: 100%; max-width: 300px; overflow: auto; padding-top: 15px; position: fixed; left: 0; top: 0; z-index: 5; transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transition: all 350ms ease 0s; } #right-column { background: #fff none repeat scroll 0 0; max-height: calc(100% - 50px); height: 100%; max-width: 300px; overflow: auto; padding-top: 15px; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transition: all 350ms ease 0s; } .column-left-open #left-column { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); } .column-right-open #right-column { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); } .column-left-open body, .column-right-open body { overflow: hidden; } #close_column_mobile { background: #000 none repeat scroll 0 0; height: 100%; top: 0; left: 0; opacity: 0; position: fixed; width: 100%; z-index: 4; visibility: hidden; transition: all 350ms ease 0s; -ms-transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } .column-left-open #close_column_mobile, .column-right-open #close_column_mobile { opacity: 0.8; visibility: visible; } } #right-column .title_block .title_text, #left-column .title_block .title_text { font-size: 18px; } #right-column .title_block, #left-column .title_block { text-align: left; float: none; margin-bottom: 20px; z-index: 0; margin-top: -2px; } #right-column .horizontal_mode, #right-column .vertical_mode, #left-column .horizontal_mode, #left-column .vertical_mode { margin-bottom: 0; } .title_block .hover_color { color: #b33a3a; } h3.title1 { text-align: center; text-transform: uppercase; color: #999999; font-size: 11px; font-weight: normal; margin-bottom: 13px; } /*-----------------------------------------------------*/ .intro-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 100%; color: inherit; padding: 13px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width:768px) { .intro_right .intro-box { float: right; } .intro_left .intro-box { float: left; } } .intro-box span { color: #262626; float: left; } .intro-top { float: left; text-align: center; margin-right: 20px; } .intro-top span { font-size: 0; float: left; } .intro-top span:before { color: #b33a3a; float: left; font-size: 20px; } .intro-box:hover .intro-top { border-color: #b33a3a; } .intro-box:hover .intro-top span:before { transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; } .intro-bottom { flex: 1; -ms-flex: 1; -webkit-flex: 1; text-align: left; margin: 0 auto; } .intro-bottom h3 { margin-bottom: 15px; margin-top: 5px; } .intro-bottom .title_intro { position: relative; padding-right: 14px; margin-right: 13px; font-size: 14px; font-weight: 500; line-height: 24px; text-transform: uppercase; display: block; } .intro-bottom .title_intro:before { position: absolute; content: ""; right: 0; height: 12px; width: 1px; top: 50%; margin-top: -6px; background: #858585; } .intro-bottom .content_intro { color: #666666; font-size: 13px; margin: 0; line-height: 24px; display: inline-block; } /*---------------------------------------------------------------------*/ .horizontal_mode .title_text, .vertical_mode .title_text { padding-bottom: 4px; position: relative; display: table; margin: 0 auto; float: left; } .title_center.horizontal_mode .title_text, .title_center.vertical_mode .title_text { float: none; } .horizontal_mode .title_text:after, .vertical_mode .title_text:after { content: ""; background: #b33a3a; height: 5px; width: 30px; position: absolute; left: 0; bottom: -7px; border-right: 15px solid #202021; } #right-column .horizontal_mode .title_text, #right-column .vertical_mode .title_text, #left-column .horizontal_mode .title_text, #left-column .vertical_mode .title_text { margin: 0; } #main .page-header {} #pagenotfound #main .page-header, #products #main .page-header { margin: 0 0 30px; } #pagenotfound #main .page-content, #products #main .page-content { margin-bottom: 30px; max-width: 100%; } #pagenotfound #content-wrapper h1 { font-size: 80px; font-weight: bold; letter-spacing: 8px; color: #232323; margin-bottom: 10px; } #pagenotfound #content-wrapper h5 { font-size: 18px; font-weight: bold; text-transform: uppercase; color: #232323; margin-bottom: 20px; } #pagenotfound #content-wrapper p { letter-spacing: 2px; } #pagenotfound #content-wrapper p a { border-bottom: 1px solid; font-weight: bold; margin-left: 5px; padding: 2px 5px; } /*----------------------------------------------------------------------*/ .hover-banner a { position: relative; display: inline-block; overflow: hidden; transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; } .hover-banner a img { z-index: 1; transition: opacity 0.2s, transform 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; -ms-transition: opacity 0.2s, -ms-transform 0.2s; } .hover-banner { z-index: 0; font-size: 0; } .hover-banner a:hover img { transform: scale3d(1.03, 1.03, 1); -webkit-transform: scale3d(1.03, 1.03, 1); -ms-transform: scale3d(1.03, 1.03, 1); } .hover-banner a:hover { box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3); } /*------------------------------------------------*/ .img-responsive { max-width: 100%; height: auto; } .view { cursor: default; float: left; overflow: hidden; position: relative; text-align: center; } .view .mask, .view .content { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } .view img { display: block; position: relative; } .view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; } .view p { font-size: 14px; line-height: 16px; padding: 10px 20px 20px; position: relative; text-align: center; margin-bottom: 0; } .view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #222222; color: #fff; text-transform: uppercase; } .view a.info:hover { background: #b33a3a; } .view-eighth .mask { background-color: rgba(255, 255, 255, 0.7); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-out 0.5s; -ms-transition: all 0.3s ease-out 0.5s; transition: all 0.3s ease-out 0.5s; } .view-eighth h2 { -webkit-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out 0.1s; -ms-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s; } .view-eighth p { color: #333; -webkit-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; } .view-eighth a.info { -webkit-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out 0.3s; -ms-transition: all 0.2s ease-in-out 0.3s; transition: all 0.2s ease-in-out 0.3s; } .view-eighth:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; top: 0px; -webkit-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-animation: bounceY 0.9s linear; -ms-animation: bounceY 0.9s linear; animation: bounceY 0.9s linear; } .view-eighth:hover h2 { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; } .view-eighth:hover p { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } .view-eighth:hover a.info { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } .view-eighth .mask a { font-size: 0; position: absolute; top: 50%; line-height: 28px; display: inline-block; margin-top: -14px; width: 28px; text-align: center; left: 50%; margin-left: -14px; background: #222222; height: 28px; color: #fff; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .view-eighth .mask a:hover { background: #b33a3a; } .view-eighth .mask a:before { font-size: 14px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } @keyframes bounceY { 0% { transform: translateY(-205px); } 40% { transform: translateY(-100px); } 65% { transform: translateY(-52px); } 82% { transform: translateY(-25px); } 92% { transform: translateY(-12px); } 55%, 75%, 87%, 97%, 100% { transform: translateY(0px); } } @-moz-keyframes bounceY { 0% { -moz-transform: translateY(-205px); } 40% { -moz-transform: translateY(-100px); } 65% { -moz-transform: translateY(-52px); } 82% { -moz-transform: translateY(-25px); } 92% { -moz-transform: translateY(-12px); } 55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px); } } @-webkit-keyframes bounceY { 0% { -webkit-transform: translateY(-205px); } 40% { -webkit-transform: translateY(-100px); } 65% { -webkit-transform: translateY(-52px); } 82% { -webkit-transform: translateY(-25px); } 92% { -webkit-transform: translateY(-12px); } 55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px); } } /*------------------------------------------------*/ /*-----------popupcart-----------------*/ #cart_block_top { position: relative; z-index: 99; } .cart_top_ajax { background: #fff none repeat scroll 0 0; bottom: 0; color: #666; line-height: normal; width: 320px; position: fixed; right: -320px; top: 0; -webkit-transition: all 350ms ease 0s; -ms-transition: all 350ms ease 0s; transition: all 350ms ease 0s; width: 320px; z-index: 3; } .active_cart .cart_top_ajax { right: 0; } #cart_block_top .box-item { max-height: calc(100% - 290px); overflow: auto; } .cart_top_ajax:before { color: #ffffff; content: "\f0d8"; font-family: "FontAwesome"; font-size: 30px; line-height: 18px; position: absolute; right: 18px; text-align: center; top: -14px; width: auto; display: none; } #cart_block_top .cart_top_ajax .cart-item-product { display: flex; align-items: flex-start; gap: 10px; width: 100%; position: relative; padding: 10px 15px; border-top: 1px solid #ebebeb; } #cart_block_top .cart_top_ajax .cart-item-product:first-child { border-top: none; } #cart_block_top .qtt-ajax { background: #b33a3a none repeat scroll 0 0; border-radius: 100%; color: #fff; display: block; font-size: 10px; height: 17px; line-height: 15px; position: absolute; right: -5px; text-align: center; top: -5px; width: 17px; } #cart_block_top .product-name-ajax a { font-size: 14px; height: auto; padding: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-family: "Roboto", sans-serif; } #cart_block_top .product-name-ajax a:hover { color: #b33a3a; } #cart_block_top .cart_top_ajax .cart-item-product-left { border: 1px solid #ebebeb; flex: 0 0 80px; width: 80px; overflow: hidden; line-height: 0; padding: 0; position: relative; } #cart_block_top .cart_top_ajax .cart-item-product-left img { width: 100%; height: auto; display: block; } #cart_block_top .cart_top_ajax .customizations li { clear: both; display: block; float: left; margin: 5px 0; width: 100%; } #cart_block_top .cart_top_ajax .customizations .lable { margin-right: 10px; } #cart_block_top .cart_top_ajax .customizations img { border: 1px solid #ebebeb; } #cart_block_top .cart_top_ajax .customizations .text { color: #999; font-size: 12px; font-style: italic; } #cart_block_top .cart_top_ajax .cart-item-product-right { flex: 1; min-width: 0; } #cart_block_top .cart_top_ajax .cart-item-product-right>div { font-size: 12px; line-height: 22px; clear: both; } .input-group-cart { white-space: nowrap; margin: 5px 0; } .input-group-cart input { background: #fff none repeat scroll 0 0; height: 30px; text-align: center; vertical-align: middle; width: 50px; } .input-group-cart button { background: #fff none repeat scroll 0 0; border: 1px solid #b33a3a; color: #b33a3a; font-size: 10px; font-weight: normal; height: 30px; vertical-align: middle; font-weight: 700; } .input-group-cart button:hover { color: #fff; background: #b33a3a none repeat scroll 0 0; } #cart_block_top .cart_top_ajax a.remove-from-cart { font-size: 18px; height: auto; line-height: 1; position: absolute; right: 10px; top: 10px; } .card-block-top { padding: 10px 15px; border-top: 1px solid #ebebeb; } .card-block-top .totals-top .value-top { float: right; font-weight: normal; text-transform: capitalize; } .card-block-top .totals-top { font-size: 14px; line-height: 22px; text-transform: uppercase; } .card-block-top .totals-top .label-top { font-family: "Roboto", sans-serif; font-size: 12px; } #cart_block_top .cart_top_ajax a.view-cart { line-height: normal; height: auto; font-size: 12px; text-transform: uppercase; color: #b33a3a; padding: 8px 20px; margin: 5px 0; text-align: center; display: block; border: 1px solid; font-family: "Roboto", sans-serif; } #cart_block_top .cart_top_ajax a.view-cart:hover { background: #b33a3a; color: #fff; } @media (min-width:992px) { .close-minicart.over_backdrop { background: #000 none repeat scroll 0 0; height: 100%; left: 0; opacity: 0; position: fixed; transition: all 350ms ease 0s; visibility: hidden; width: 100%; z-index: 2; top: 0; } .active_cart .close-minicart.over_backdrop { opacity: 0.8; visibility: visible; } .close-minicart { cursor: pointer; } h3.close-minicart { background: #202021; color: #fff; margin-bottom: 0; font-size: 16px; font-weight: 700; letter-spacing: 2px; line-height: 50px; position: relative; text-align: center; text-transform: uppercase; padding-left: 32px; } h3.close-minicart i { left: 0; line-height: 50px; position: absolute; width: 50px; } .minicart-open body { overflow: hidden; } } /*--------------testi----------------------------------*/ .block_testimonials .container>.row { margin: 0; } .block_testimonials .container>.row>div { padding: 0; } .overlay_testimonials img { float: right; } @media (min-width:992px) { .overlay_testimonials { min-height: 450px; position: relative; } .overlay_testimonials .content_title { left: 0; position: absolute; top: 50%; max-width: calc(100% - 150px); transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .block_testimonials .content_title p { margin-bottom: 0; } .block_testimonials .content_title p, .block_testimonials .content_title h4 { color: #fff; margin-top: 0; } } .block_testimonials .horizontal_mode .item { padding: 0; } .media-content a { border-radius: 100%; overflow: hidden; display: table; margin: 0 auto; } .content_test_box { padding-left: 80px; padding-bottom: 20px; } @media (max-width:991px) { .content_test_box { padding-left: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .overlay_testimonials { padding-top: 30px; } } #wrapper_testimonials { position: relative; } @media (min-width:992px) { .content_test_box { max-width: calc(100% - 100px); } #wrapper_testimonials:before { content: ''; width: 1200px; position: absolute; left: 0; top: 165px; background: rgba(0, 0, 0, 0.1); height: 1px; } } @media (min-width:992px) { #wrapper_testimonials .content_test_top { min-height: 450px; position: relative; padding-top: 90px; float: left; } } #wrapper_testimonials .content_test_top p { font-size: 14px; color: #666; line-height: 20px; text-align: justify; margin-bottom: 0; } #wrapper_testimonials .content_test_top p.des_testimonial { font-size: 14px; line-height: 24px; margin-top: 32px; padding-left: 52px; } @media (max-width: 991px) { #wrapper_testimonials .content_test_top p.des_testimonial { padding-left: 0; } } #wrapper_testimonials .content_test_top p span { color: rgba(0, 0, 0, 0.2); display: block; font-size: 24px; margin: 21px 0; text-align: right; } #wrapper_testimonials .content_test_top p span.fa-quote-left { text-align: left; } #wrapper_testimonials.arrows_oncolum .owl-nav { top: 102px; } .content_test p.des_namepost { color: #444444; font-size: 14px; text-transform: uppercase; font-weight: 700; text-align: center; margin: 0; line-height: 20px; margin-top: 14px; } .content_test p.des_company { color: #666666; font-size: 12px; text-align: center; margin: 0; line-height: 20px; } #wrapper_testimonials .content_test_top p.des_namepost { color: #262626; font-size: 24px; font-weight: bold; margin-bottom: 2px; text-transform: uppercase; line-height: 30px; } #wrapper_testimonials .content_test_top p.des_company { color: #b33a3a; font-size: 14px; font-weight: 500; margin-bottom: 0; text-transform: capitalize; } .block_testimonials { background: #f6f6f6; } .container .container { padding: 0; } @media (min-width: 992px) { #slide-panel .owl-theme .owl-dots { clear: both; display: table; margin-right: 40px; margin-top: 0; padding: 0; position: absolute; right: 100%; text-align: center; width: 88px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } } #slide-panel .owl-theme .owl-dots img { border-radius: 100%; border: 4px solid rgba(255, 255, 255, 0.15); transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; } #slide-panel .owl-theme .owl-dots .active img, #slide-panel .owl-theme .owl-dots img:hover { border-color: #b33a3a; } #wrapper_testimonials { margin-bottom: 0; } .block_testimonials.horizontal_mode .title_text::after { border-color: #fff; } .block_testimonials.horizontal_mode .title_block { color: #fff; } .block_testimonials .owl-theme .owl-dots .owl-dot span { background: #fff; } .block_testimonials .owl-theme .owl-dots .owl-dot.active span { background: #b33a3a none repeat scroll 0 0; } #wrapper_testimonials .center .content_test_top { display: block; } #wrapper_testimonials .center .content_test { display: none; } #wrapper_testimonials .main-block { position: relative; } .clearboth { clear: both; } @media (max-width: 991px) { #slide-panel .owl-theme .owl-dots { display: table; margin: 0 auto 30px; } #slide-panel .owl-theme .owl-dots .owl-dot { clear: none; margin: 0 5px; max-width: 70px; } #wrapper_testimonials .content_test_top p { text-align: center; } } /*----------------------------------block categories--------------------------------------*/ #block_categories { float: left; } .box_categories { clear: both; padding-top: 142px; } .box_categories .item-inner { background: #fff; border: 2px solid #ebebeb; position: relative; } .box_categories .row { margin: 0 -30px; } .box_categories .item-inner:before { content: ""; height: 208px; position: absolute; left: -2px; top: -2px; right: -2px; background: #ebebeb } #block_categories.horizontal_mode .owl-carousel .owl-item .item { padding: 0 30px; } .box_categories .item-inner .box-item-inner { position: relative; } .box_categories .name_block { font-size: 20px; text-transform: uppercase; margin: 15px 20px 9px; position: relative; padding-bottom: 10px; float: left; } .box_categories .name_block:before { content: ""; position: absolute; width: 50px; height: 1px; background: #b33a3a; bottom: 0; left: 0; } .box_categories .name_block:after { content: ""; position: absolute; width: 50px; height: 1px; background: #b33a3a; bottom: -3px; left: 10px; } .img_block { display: table; width: 100%; } .description_short_block { font-size: 14px; line-height: 20px; padding: 0 22px 8px; text-align: justify; text-align-last: center; } a.more-cate { line-height: 35px; font-size: 14px; background: #ebebeb; padding: 0 18px; text-transform: uppercase; display: table; margin: 0 auto 30px; } a.more-cate:hover { background: #b33a3a; color: #fff; } /*--------------------------footer---------------------------------------*/ /*-----------------------------------------quick view---------------------*/ @keyframes modal-inner-in { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes modal-inner-in { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .in .modal-content { animation: 0.3s ease-out 0s normal forwards 1 running modal-inner-in; } .modal-open .modal { overflow-x: hidden; overflow-y: scroll; } .modal-body { padding: 30px; } @media (max-width: 991px) { .modal-body { padding: 10px; } } .modal-content { background-clip: padding-box; background-color: #ffffff !important; border: none; outline: 0 none; position: relative; border-radius: 0; margin: 30px; } @media (max-width: 991px) { .modal-content { margin: 10px; } } .quickview .modal-header { border: medium none; padding: 0; position: absolute; right: 0; z-index: 2; } button:focus { outline: none; } .modal-header .close { background: rgba(0, 0, 0, 0) url("close.png") repeat scroll 0 0 / 34px auto; height: 34px; margin: 0; opacity: 1; position: absolute; right: -17px; text-align: center; text-shadow: unset; top: -17px; width: 34px; z-index: 2; } .modal-header .close:before {} @media (max-width: 991px) { .modal-header .close { right: -10px; top: -10px; z-index: 1; } } .modal-backdrop.in { background: rgba(0, 0, 0, 0.8); opacity: 1; } .modal-header .close span { font-size: 0; display: none; } .quickview .images-container { display: block; min-height: inherit; position: relative; } @media (max-width: 575px) { .quickview .images-container { margin-bottom: 20px; } } .quickview .modal-dialog, #blockcart-modal .modal-dialog { max-width: 870px; } .product-discount .regular-price { margin: 0; font-size: 14px; font-weight: 700; line-height: 1; } .has-discount .discount { background: #b33a3a; color: #fff; font-size: 14px; font-weight: normal; line-height: 1; margin-left: 10px; padding: 5px 10px; text-transform: capitalize; } .has-discount.product-price, .has-discount p { color: #b33a3a; } .product-line-grid-body .product-line-info { margin-bottom: 5px; } .product-prices { /*border-bottom: 1px solid #dfdfdf; margin-bottom: 15px;*/ margin-top: 0; padding-bottom: 8px; } .product-description-short-detail { margin-bottom: 10px; display: table; } .product-description-short-detail p { margin-bottom: 5px; } #product-description-short, .product-information { color: #666666; font-size: 14px; line-height: 22px; margin: 0; text-align: justify; } .product-actions .control-label { color: #444444; float: left; font-size: 14px; line-height: 35px; margin-bottom: 0; margin-right: 10px; text-transform: uppercase; width: auto; font-weight: 700; } .zoomLens { border-color: #ffffff !important; } .product-actions .product-add-to-cart .control-label { line-height: 40px; } .product-quantity #quantity_wanted {} .product-quantity .input-group-btn-vertical .btn { height: 21px; padding: 0 13px; border-color: #dfdfdf; } .product-discounts { margin: 0; } .product-discount { color: #939292; } .product-variants>.product-variants-item select { border: 1px solid #dfdfdf; box-shadow: none; height: 35px; padding: 0 10px; max-width: 200px; } @media (min-width:1200px) { .content-product-detail .product-variants>.product-variants-item select { min-width: 145px; } } #add-to-cart-or-refresh .product-variants { /*border-bottom: 1px solid #dfdfdf; margin-bottom: 20px;*/ } #product_comments_block_extra { border-bottom: 1px solid #dfdfdf; clear: both; margin-top: 15px; } .comments_advices a.open-comment-form::before { color: #b33a3a; font-size: 18px; margin-right: 4px; vertical-align: -2px; } select { outline: none; } @media (min-width:992px) { select { padding-right: 38px !important; background-color: unset; background-image: url(select.png); background-repeat: no-repeat; background-position: calc(100% - 15px); -webkit-appearance: none; -moz-appearance: none; appearance: none; } } #add-to-cart-or-refresh .button-action { background: #202021; color: #fff; cursor: pointer; display: inline-block; float: left; line-height: 40px; margin-bottom: 20px; margin-right: 10px; position: relative; text-align: center; width: 40px; } #add-to-cart-or-refresh .button-action.add_to_compare { margin-right: 0; } #add-to-cart-or-refresh .button-action i { font-size: 20px; } #add-to-cart-or-refresh .button-action:hover { background: #b33a3a; } #add-to-cart-or-refresh { float: left; width: 100%; border-bottom: 1px solid #dfdfdf; margin-bottom: 15px; } .product-actions { padding-bottom: 5px; border-bottom: 1px solid #dfdfdf; } .social-sharing .zmdi, #nrtsizechart-show .zmdi, .print_product .zmdi { color: #b33a3a; font-size: 20px; line-height: 20px; margin-right: 10px; vertical-align: top; } a.print_product { color: #666; display: inline-block; font-size: 14px; line-height: 20px; text-transform: uppercase; margin-right: 25px; font-weight: 700; margin-bottom: 10px; } .product-cover { margin-bottom: 20px; } .product-cover::after { border: 1px solid #dfdfdf; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .product-cover p { background-color: rgba(255, 255, 255, 0.8); bottom: 10px; color: #666666; display: inline-block; font-size: 12px; left: 50%; margin: 0; padding: 5px 15px; position: absolute; transform: translateX(-50%); white-space: nowrap; border-radius: 2px; } @media (max-width:991px) { .product-cover p { display: none; } } .quickview .product-cover p { display: none; } .input-color:checked+span, .input-color:hover+span, .input-radio:checked+span, .input-radio:hover+span { border: 1px solid #000; } .color.active, .color:hover, .custom-checkbox input[type="checkbox"]+span.color.active, .custom-checkbox input[type="checkbox"]+span.color:hover, .facet-label.active .custom-checkbox span.color, .facet-label:hover .custom-checkbox span.color { border: 1px solid #000; } .radio-label { width: 30px; height: 30px; line-height: 30px; padding: 0; text-align: center; font-weight: normal; border: 1px solid #fff; } .product-variants>.product-variants-item ul li { line-height: 1; margin-bottom: 5px; margin-right: 10px; margin-top: 2px; } .product-variants>.product-variants-item ul li span { margin: 0; } .color, .custom-checkbox input[type="checkbox"]+span.color { box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15); } .product-variants>.product-variants-item ul li span { margin-bottom: 0; } .input-color { width: 30px; height: 30px; margin: 0; } .product-variants>.product-variants-item .color { width: 30px; height: 30px; } .product-variants>.product-variants-item ul { display: inline-block; margin: 0; } .product-quantity .qty { float: left; width: auto; margin-right: 10px; } .product-quantity .add, .product-quantity .qty { margin-bottom: 20px; margin-left: 0; position: relative; } .product-quantity .input-group-btn-vertical { float: left; } .product-quantity .input-group-btn-vertical .btn i { font-size: 15px; left: 0; line-height: 20px; text-align: center; top: 0; width: 100%; } .bootstrap-touchspin .input-group-btn-vertical .touchspin-up::after {} .bootstrap-touchspin .input-group-btn-vertical .touchspin-down::after {} .input-group { z-index: 1; } .product-quantity .input-group { float: left; width: auto; } .product-variants>.product-variants-item { margin: 0 0 20px; } .product-variants>.product-variants-item:not(.type_color) { display: inline-block; margin-right: 15px; } .product-variants>.product-variants-item.type_color { display: block; margin-bottom: 15px; } .product-variants>.product-variants-item:not(.type_color):last-child { margin-right: 0; } .product-variants>.product-variants-item:last-child {} .product-quantities-detail { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-quantities-detail span { margin-right: 10px; } .product-actions .add-to-cart { color: #fff; background: #212121 none repeat scroll 0 0; border: medium none; font-size: 14px; height: auto; line-height: 40px; margin-right: 10px; padding: 0 20px; text-transform: uppercase; transition: all 0.15s ease-in-out 0s; font-weight: bold; } .product-actions .add-to-cart i { font-size: 20px; line-height: 12px; margin-right: 5px; vertical-align: -2px; } .product-actions .add-to-cart:hover { background: #b33a3a; } .name_detail { font-size: 22px; font-weight: 700; line-height: 26px; margin-bottom: 10px; text-transform: uppercase; } #product-brand { font-size: 16px; font-weight: 600; color: #fc9e1a; margin: 0 0 10px; } .product-cover img { box-shadow: none; width: auto; max-width: 100%; height: auto; } .quickview .product-cover img { width: auto; max-width: 100%; height: auto; } .facebook.icon-gray, .twitter.icon-gray, .pinterest.icon-gray, .googleplus.icon-gray { background-image: none !important; } .icon-gray a:before { font-family: "FontAwesome"; } .action_product_customization { color: #666; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 700; line-height: 20px; margin-bottom: 10px; text-transform: uppercase; } .action_product_customization:hover { color: #b33a3a; } #product .product-customization>p { color: #999; font-size: 12px; font-style: italic; margin-bottom: 15px; } #product .product-customization .clearfix>.btn { width: 100%; } .action_product_customization .zmdi { color: #b33a3a; font-size: 20px; line-height: 20px; margin-right: 10px; vertical-align: top; } #nrtsizechart-show { color: #666; display: inline-block; font-size: 14px; line-height: 20px; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; } .comments_advices a, #product_comments_block_extra .comments_note span { text-transform: uppercase; color: #666; font-weight: 700; } #product_comments_block_extra .comments_note { margin-right: 10px; } #product_comments_block_extra .comments_advices a:not(.open-comment-form) { margin-right: 10px; } a.print_product:hover, #nrtsizechart-show:hover, .social-sharing .dropdown-toggle:hover, .comments_advices a:hover, #product_comments_block_extra .comments_note span:hover { color: #b33a3a; } .alert_no_item { clear: both; text-align: center; margin-bottom: 20px; } .tag_product { display: table; clear: both; margin-bottom: 20px; margin-top: 20px; } .tag_product span { margin-right: 5px; font-weight: 700; } .tag_product a { font-size: 12px; display: inline-block; } .tag_product a:not(:last-child):after { content: ','; color: #666; } .test { background: red; width: 50px; height: 50px; } .social-sharing { display: inline-block; } .social-sharing .dropdown-menu { padding: 0; min-width: auto; } .social-sharing .dropdown-toggle { display: inline-block; font-size: 14px; line-height: 20px; margin-right: 25px; color: #666; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; } .social-sharing li { box-shadow: none; border-radius: 0; height: auto; width: auto; float: left; background: #fff; margin: 0; } .social-sharing li .text-hide { font-size: 13px; } .social-sharing li a { display: block; float: left; height: 30px; line-height: 30px; min-width: 80px; overflow: visible; padding: 0 15px; text-align: left; text-indent: 0; white-space: nowrap; } .social-sharing li a:before { background-image: none !important; font-size: 13px; margin-right: 10px; } .social-sharing li a {} .facebook a:before { content: "\f09a"; } .social-sharing li.facebook:hover a { color: #435f9f; } .twitter a:before { content: "\f099"; } .social-sharing li.twitter:hover a { color: #00aaf0; } .pinterest a:before { content: "\f0d2"; } .social-sharing li.pinterest:hover a { color: #ce1f21; } .googleplus a:before { content: "\f0d5"; } .social-sharing li.googleplus:hover a { color: #e04b34; } .social-sharing span { min-width: 65px; margin-right: 10px; display: none; } .product-prices .tax-shipping-delivery-label { color: #e40001; } .product-prices div { margin-bottom: 0; } .product-prices div.current-price { font-size: 22px; } .product-prices div.current-price>span.product-discount { float: left; margin-left: 10px; } .product-prices div.current-price>span.product-discount .regular-price { font-size: 20px; } .product-prices div.current-price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-prices>div.product-price { margin-bottom: 10px; display: block; } .label-small .control-label { display: inline-block; font-size: 16px; font-weight: normal; margin-right: 5px; color: #444; } .product-prices div.label-small { display: inline-block; margin-right: 15px; margin-bottom: 10px; } .product-prices div.label-small:last-child { margin-right: 0; } .product-prices div.label-small>div { display: inline-block; font-size: 14px; line-height: 20px; margin: 0; font-weight: bold; color: #999; vertical-align: text-bottom; } #product-availability { margin: 0; } #product-availability.type_available { color: #4cbb6c; } #product-availability.last_remaining_items { color: #ff9a52; } #product-availability.type_unavailable { color: #f3515c; } /*--------------------------------------popup cart----------------*/ #blockcart-modal .modal-title i { font-size: 20px; margin-right: 5px; vertical-align: middle; } #blockcart-modal .modal-title { color: #4cbb6c; font-size: 16px; font-weight: normal; } #blockcart-modal .modal-header { background: none; position: relative; border: none; padding: 15px; } #blockcart-modal .modal-header:before { background: #ebebeb none repeat scroll 0 0; content: ""; position: absolute; bottom: 0px; width: 100%; height: 1px; left: 0; } #blockcart-modal .cart-content { border-top: 1px solid #ebebeb; padding: 10px 15px; text-align: right; } #blockcart-modal .modal-body { padding: 0; } @media (max-width: 991px) { #blockcart-modal .cart-content {} .quickview .modal-dialog { width: 100%; } } @media (max-width: 575px) { .quickview .product-images-view { margin-bottom: 30px; } } #blockcart-modal .cart-content p { color: #b33a3a; margin-bottom: 5px; } #blockcart-modal .cart-content p strong { color: #999999; float: left; font-weight: normal; font-family: 'Roboto', sans-serif; } .pagination .disabled { cursor: no-drop; color: #fff; } #blockcart-modal .cart-content p.cart-products-count { color: #666; font-size: 16px; line-height: 24px; margin-bottom: 10px; } #blockcart-modal .divide-right { border: none; } #blockcart-modal .divide-left { border: none; } @media (min-width:992px) { #blockcart-modal .divide-left .right-modal-cart { padding-left: 0; padding-top: 15px; } } .box-modal-cart { border: 1px solid #ebebeb; border-top: none; border-bottom: none; } @media (max-width:991px) { .zoomContainer { display: none !important; } } #blockcart-modal .cart-content .cart-content-btn { display: inline-block; } #blockcart-modal .product-image { height: auto; max-width: 100%; width: auto; border-right: 1px solid #ebebeb; margin: 0; } #blockcart-modal .modal-body:before { content: ""; width: 1px; position: absolute; top: 30px; bottom: 30px; left: 50%; margin-left: -1px; background: #ebebeb; display: none; } @media (max-width: 575px) { #blockcart-modal .modal-body:before { display: none; } #blockcart-modal .product-image { margin: 0 auto; margin-bottom: 20px; border: none; } #blockcart-modal .divide-left p { padding: 0 15px; text-align: right; } #blockcart-modal .divide-left p:first-child { padding-top: 15px; border-top: 1px solid #ebebeb; } #blockcart-modal .divide-left p strong { float: left; } #blockcart-modal .divide-left .right-modal-cart { padding-bottom: 15px; } #blockcart-modal .modal-body { text-align: center; } #blockcart-modal .cart-content p strong {} #blockcart-modal .cart-content-btn .btn { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } } #blockcart-modal .divide-left p { color: #b33a3a; margin-bottom: 5px; } #blockcart-modal .divide-left p strong { color: #999999; font-weight: normal; font-family: 'Roboto', sans-serif; } #blockcart-modal .product-name { color: #666; font-size: 16px; line-height: 24px; margin-bottom: 10px; font-weight: normal; } #blockcart-modal .modal-body .divide-left span { color: #666; } .product-price { color: #b33a3a; } #blockcart-modal .divide-left p.price { color: #b33a3a; font-weight: normal; } #blockcart-modal .divide-left strong { font-weight: normal; } #blockcart-modal .cart-content .btn i { display: none; } #blockcart-modal .cart-content-btn .btn { float: left; margin: 5px; min-width: 200px; padding: 8px 15px; transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; } #blockcart-modal .modal-dialog { max-width: 33rem; } #blockcart-modal .modal-footer { padding: 10px; position: relative; border: none; } #blockcart-modal .modal-footer::before { background: #ebebeb; top: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100%; } #blockcart-modal .cart-content-btn { display: table; margin: 0 auto; } #blockcart-modal .cart-content-btn .btn i { vertical-align: -1px; font-size: 16px; margin-right: 5px; } /*------------------------------------------------------*/ .nivo-controlNav { opacity: 0; } .nrt-nivoslider:hover .nivo-controlNav { opacity: 1; } #nrtsizechart { font-size: 13px; } #moda_sizechart .table th { font-weight: 600; } #moda_sizechart .table td { color: #999; } #product .tabs { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; box-shadow: none; float: left; margin-bottom: 30px; margin-top: 10px; padding: 0; width: 100%; } p { color: #7a7a7a; } .product-reference {} .product-manufacturer {} #product .product-description { line-height: 26px; } #product .product-description p { margin-bottom: 5px; } #product .product-description p iframe { max-width: 100%; } @media (max-width: 991px) { #product .product-description p iframe { height: auto; } } #product .product-description ul, #product .product-description ol { padding-left: 25px; } #product .product-description li { font-size: 14px; color: #717171; } .tabs p { line-height: 24px; text-align: justify; } .tabs .tab-pane { background: none; margin-top: 30px; padding: 0; } .tabs .nav-tabs .nav-link { color: #444444; font-size: 16px; line-height: 24px; padding: 0 0 8px; text-transform: uppercase; margin-right: 25px; position: relative; } .tabs .nav-tabs .nav-link:before { position: absolute; content: ""; bottom: -2px; height: 3px; width: 100%; background: #b33a3a; opacity: 0; transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; } .tabs .nav-tabs .nav-link.active:before, .tabs .nav-tabs .nav-link:hover:before { opacity: 1; } .tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover { color: #b33a3a; border: none; background: none } .tabs .nav-tabs { border-bottom: 1px solid #ebebeb; } .tabs .nav-tabs .nav-item { margin: 5px 5px 0 0; } .img-thumbnail { border: none; padding: 0; margin-bottom: 15px; max-width: 170px; } .product-features { margin: 0; margin-top: 20px; } #product #content { overflow: hidden; margin: 0; max-width: 100%; } .product-features { margin: 20px 0 0; } .product-features>h3 { color: #232323; font-size: 16px; font-weight: 700; } .product-features>dl.data-sheet { margin-bottom: 20px; margin-right: 0; margin-top: 20px; } #product-details .label { color: #232323; font-size: 16px; font-weight: 700; } .product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name { background: #fff none repeat scroll 0 0; border: 1px solid #dfdfdf; margin: 0 0 -1px; font-weight: 700; } .product-features>dl.data-sheet dd.value { margin-left: -1px; font-weight: 400; } /*--------------------breadcrumd--------------------*/ #wrapper .breadcrumb { background: transparent none repeat scroll 0 0; margin-bottom: 25px; margin-top: -5px; padding: 0 0 35px; } #wrapper .breadcrumb ol { text-align: right; } @media (max-width:991px) { #wrapper .breadcrumb ol { text-align: center; } } #wrapper .breadcrumb li:first-child:after, #wrapper .breadcrumb li:last-child::after { display: none; } #wrapper .breadcrumb li a { color: #231f20; font-weight: 500; font-size: 16px; text-transform: capitalize; } #wrapper .breadcrumb ol li:last-child a { font-weight: normal; font-style: italic; } #wrapper .breadcrumb li { line-height: 24px; } #wrapper .breadcrumb li a:hover { color: #b33a3a; } #wrapper .breadcrumb li::after { color: #231f20; content: "/"; font-size: 16px; font-weight: 700; margin: 0 3px; } #wrapper .breadcrumb li a i { font-size: 18px; margin-right: 10px; } #wrapper .breadcrumb li.title_large { float: left; font-size: 18px; text-transform: uppercase; font-weight: 700; color: #231f20; } #breadcrumb_full .breadcrumb li::after { color: #878787; content: "\f105"; margin: 0.3125em; font-family: FontAwesome; } #breadcrumb_full .breadcrumb ol { margin-bottom: 0; padding-left: 0; } #breadcrumb_full .breadcrumb { background: transparent none repeat scroll 0 0; padding: 0; } #breadcrumb_full .breadcrumb li { display: inline; } #breadcrumb_full .breadcrumb { position: relative; background: #141415; min-height: 270px; } #breadcrumb_full .breadcrumb { margin-bottom: 0; } #breadcrumb_full .breadcrumb ol { position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } #breadcrumb_full .breadcrumb li:last-child { margin: 0; } #breadcrumb_full .breadcrumb li:last-child::after { display: none; } #breadcrumb_full .breadcrumb[data-depth="1"] { display: block; } #index #breadcrumb_full .breadcrumb[data-depth="1"] { display: none; } #breadcrumb_full .breadcrumb li a { color: #fff; font-size: 12px; text-transform: uppercase; } #breadcrumb_full .breadcrumb li::after { color: #fff; font-size: 14px; margin: 0 15px; } #breadcrumb_full .breadcrumb li:last-child a, #wrapper .breadcrumb li a:hover {} #breadcrumb_full .breadcrumb li.title_large { display: table; text-align: center; width: 100%; font-size: 24px; color: #fff; margin-bottom: 10px; text-transform: uppercase; font-weight: 700; } #breadcrumb_full .breadcrumb li.title_large:after { display: none; } /*--------------------------------------------------------------*/ #product-modal .modal-content .modal-body .product-images img { width: 110px; } #content-hook_order_confirmation .card-block { text-align: center; } #content-hook_order_confirmation .card-title { color: #4cbb6c; font-size: 18px; } #content-hook_order_confirmation .card-title .done { background: #4cbb6c none repeat scroll 0 0; color: #fff; font-size: 18px; height: 30px; line-height: 28px; margin-right: 10px; padding: 0; width: 30px; } #content-hook_order_confirmation p { margin-bottom: 0; } @media (min-width:768px) { #order-items { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } } #order-details>.card-title, #order-items>.card-title { border-bottom: 1px solid #ebebeb; margin-bottom: 15px; padding-bottom: 15px; text-transform: capitalize; } #order-details ul { padding-left: 30px; list-style: outside; } #order-details ul li { font-size: 14px; line-height: 16px; margin-bottom: 10px; padding-left: 5px; } body#checkout section.checkout-step #customer-form, body#checkout section.checkout-step #delivery-address, body#checkout section.checkout-step #invoice-address, body#checkout section.checkout-step #login-form { margin: 0; } body#checkout section.checkout-step .content .form-group .col-md-6 { width: 100%; } body#checkout section.checkout-step { border: medium none; box-shadow: none; margin-bottom: 15px; padding: 0; } body#checkout section.checkout-step .content { border: 1px solid #ebebeb; padding: 20px; background: #fff; clear: both; } body#checkout section.checkout-step .content .tab-content { padding: 0; clear: both; } body#checkout section.checkout-step .content .my-2 { margin: -20px -20px 30px !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } body#checkout .additional-information { font-size: 14px; margin-left: 37px; margin-top: 0; } body#checkout section.checkout-step .payment-options p { text-align: left !important; } body#checkout section.checkout-step .step-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ebebeb; color: #999999; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 500; line-height: 18px; margin-bottom: 15px; min-height: 62px; padding: 15px 110px 15px 60px; position: relative; text-transform: uppercase; } body#checkout section.checkout-step .step-number, body#checkout section.checkout-step .step-title i.done, body#checkout section.checkout-step .step-title i.edit { background: #999999 none repeat scroll 0 0; color: #fff; font-size: 14px; font-weight: bold; height: 30px; line-height: 28px; padding: 0; text-align: center; width: 30px; margin-right: 15px; } body#checkout section.checkout-step .step-title i.done { background: #4cbb6c; } body#checkout section.checkout-step .step-title i.done, body#checkout section.checkout-step .step-number { position: absolute; left: 20px; top: 15px; } body#checkout section.checkout-step.-reachable.-complete h1 .step-edit { border: 1px solid #ebebeb; float: right; font-size: 12px; padding-right: 10px; text-transform: capitalize; position: absolute; margin: 0; top: 15px; right: 20px; } body#checkout section.checkout-step.-reachable.-complete h1 .step-edit i { margin-right: 10px; } .nav-inline .nav-item+.nav-item, .nav-inline .nav-link+.nav-link { margin: 0; } body#checkout section.checkout-step .content .nav-item span { display: none; } body#checkout section.checkout-step .content .nav-inline .nav-item:not(:first-child):not(:last-child) { display: none; } body#checkout section.checkout-step .content .nav-inline .nav-item { text-align: center; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } body#checkout section.checkout-step .content .nav-inline .nav-item a { border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; display: block; font-size: 14px; font-weight: 700; height: 100%; line-height: 20px; padding: 10px 15px; text-transform: uppercase; } body#checkout section.checkout-step .content .nav-inline .nav-item:last-child a { border-right: none; } .nav-item .nav-link.active, .nav-item .nav-separtor.active { border-bottom-color: #fff !important; color: #b33a3a; } body#checkout section.checkout-step .forgot-password { margin-left: 0; margin-top: 20px; text-align: center; } .card.js-cart { padding: 0; } .card.js-cart .card-block { padding: 0; } .card.js-cart .cart-summary-products>p { background: #b33a3a none repeat scroll 0 0; color: #fff; display: inline; float: right; font-size: 12px; line-height: 23px; margin-bottom: 12px; padding: 10px 20px; text-align: left; text-transform: uppercase; width: 50%; } .card.js-cart .cart-summary-products>p:first-child { text-align: right; } .card.js-cart .cart-summary-products>p a { color: #fff !important; font-size: 12px; white-space: nowrap; } .card.js-cart .cart-summary-products>p a::after { content: "\f0d7"; display: inline-block; font-family: FontAwesome; font-size: 15px; font-style: normal; font-weight: 400; line-height: 1; margin: 0 5px; } body#checkout #content .checkout-summary-container .card #cart-summary-product-list { font-size: inherit; } body#checkout .checkout-summary-container .card.js-cart .cart-summary-products #cart-summary-product-list { background-color: #ffffff; } body#checkout #cart-summary-product-list { border-bottom: 1px solid #ebebeb; font-size: 12px; padding: 0 20px; } .cart-summary-line.cart-summary-subtotals .label { color: #666; font-size: 12px; text-transform: uppercase; } .cart-summary-line .label { color: #666; font-size: 12px; text-transform: uppercase; } #block-reassurance>ul { border: 1px solid #ebebeb; background: #fff; } #block-reassurance li .block-reassurance-item { -webkit-box-align: start; -ms-flex-align: start; align-items: start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px; } #block-reassurance li .block-reassurance-item span { font-size: 14px; font-weight: normal; line-height: 20px; margin-bottom: 0; } #block-reassurance img { border: 1px dashed; height: 47px; margin-right: 20px; padding: 10px; width: 47px; } #block-reassurance li { border-bottom: 1px solid #ebebeb; } body#checkout #cart-summary-product-list:not([aria-expanded]) { display: block; } #cart-subtotal-products, .cart-summary-line.cart-total { padding-top: 10px; } .cart-detailed-totals .card-block { padding: 0; } .checkout .btn.btn-primary { width: 100%; } .cart-grid-body .card-block { background: #b33a3a none repeat scroll 0 0; margin-left: -1px; margin-right: -1px; margin-top: -1px; padding: 10px 20px; } .cart-grid-body .card-block h1 { color: #fff; font-size: 16px; font-weight: normal; line-height: 24px; } @media (min-width: 768px) { .cart-item .product-line-grid .product-line-grid-left { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6667%; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; max-width: 16.6667%; } .cart-item .product-line-grid .product-line-grid-body { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cart-item .product-line-grid .product-line-grid-right { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; } } .cart-items { padding: 0; } @media (max-width: 767px) { .product-line-grid-right { margin: 15px 0; } } .product-line-grid-right .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .product-line-grid-right .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; /*max-width: 25%;*/ } .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group { width: 40px; } .product-line-grid-body .product-discount { display: none; } .cart-items .cart-item:nth-of-type(2n+1) {} .cart-summary-line { padding: 0 20px 10px; margin: 0; } .card.js-cart .cart-summary-products #cart-summary-product-list { border-color: #ebebeb; } .card.js-cart .cart-summary-products #cart-summary-product-list { clear: both; } #order-items hr { border-top: 1px solid #ebebeb; border: none; } .order-confirmation-table .text-xs-left, .order-confirmation-table .text-xs-right, #order-items table tr td:last-child { color: #b33a3a; } .page-my-account #content .links a:hover { color: #b33a3a; } .form-control, .search-widget form input[type="text"] { background-color: #fff; border: 1px solid #ebebeb; color: #333333; display: block; font-size: 13px; height: 40px; padding: 5px 10px; transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; box-shadow: 0 0 3px rgba(0, 0, 0, 0.08) inset; } textarea.form-control { height: auto; } .form-group.has-error input, .form-group.has-error select { border-color: #ff4c4c; outline: 0; } .card { box-shadow: none; border: 1px solid #ebebeb; margin-bottom: 30px; } #order-items .order-line { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 1rem; margin-left: 0; margin-right: 0; border-bottom: 1px solid #ebebeb; } .page-my-account #content .links a span.link-item, #moda_quick_login .links span.link-item { background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 2px 1px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1); padding: 30px 0; text-align: center; display: block; height: 100%; font-size: 14px; font-weight: normal; } @media (min-width: 992px) { #moda_quick_login .links { margin-bottom: -15px; } } .page-my-account #content .links { width: 100%; } .page-my-account #content .links a, #moda_quick_login .links a { color: #878787; display: inline-block; font-weight: 700; margin-bottom: 30px; padding: 0 15px; text-align: center; text-transform: none; font-size: 14px; height: auto; position: relative; vertical-align: top; } #moda_quick_login .links a { margin-bottom: 15px; } .separator { border-color: rgba(0, 0, 0, 0.1); margin: 0; } .page-my-account #content .links a i, #moda_quick_login .links a i { clear: both; color: #b33a3a; display: block; font-size: 60px; font-weight: normal; height: auto; line-height: 1; padding-bottom: 10px; position: relative; top: -2px; width: 100%; } .page-footer .text-sm-center a { border: 1px solid; color: #b33a3a; display: table; line-height: 18px; margin-bottom: 30px; margin-left: auto; margin-right: auto; padding: 8px 15px; font-size: 12px; text-transform: uppercase; min-width: 270px; background: #fff; } .page-footer .text-sm-center a:hover { background: #b33a3a; color: #fff; } .page-my-account #content .links a:hover i { color: #b33a3a; } .page-my-account #content .links a { color: #444444; } body#checkout section.checkout-step .delivery-option { background: none; } .form-control:focus, .search-widget form input[type="text"]:focus { border-color: #ebebeb; outline: 0 none; } .input-group.focus { outline: 0; } .form-control-comment { color: #878787; float: left; font-size: 12px; margin-top: 10px; } #main .page-content.page-cms { padding: 0; text-align: left; background: none; } .achievements-cms { padding: 85px 0; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 100px; margin-top: 70px; } .achievements-cms:before { position: absolute; width: 2000px; left: 50%; margin-left: -1000px; background: #f8f8f8; top: 0; bottom: 0; content: ''; } .item-avm { position: relative; flex: 1; -webkit-flex: 1; -ms-flex: 1; text-align: center; white-space: nowrap; padding: 15px; } .right-avm { display: inline-block; text-align: left; } .left-avm { font-size: 24px; color: #b33a3a; vertical-align: top; margin-right: 20px; } .right-avm h3 { font-size: 24px; margin-bottom: 10px; color: #262626; } .right-avm p { font-size: 14px; margin-bottom: 0; white-space: nowrap; } .custom-radio input[type="radio"]:checked+span { background-color: #444444; border-radius: 50%; display: block; height: 8px; left: 50%; margin-left: -4px; margin-top: -4px; position: absolute; top: 50%; width: 8px; } body#checkout section#content { width: 100%; } body#checkout section.checkout-step .radio-block { padding: 0; display: block; } body#checkout section.checkout-step .address { font-weight: 400; margin-left: 30px; } body#checkout section.checkout-step .add-address a i { font-size: 16px; line-height: 12px; margin-right: 5px; } body#checkout section.checkout-step .btn.btn-primary { width: 100%; } .page-addresses .address, body#checkout section.checkout-step .address-item { padding: 15px; border: 1px solid #ebebeb; box-shadow: none; } .page-addresses .address { margin: 0 auto 15px; max-width: 640px; } .page-addresses .address .address-body { padding: 0; } .page-addresses .address .address-footer a, body#checkout section.checkout-step .delete-address, body#checkout section.checkout-step .edit-address { border: 1px solid #ebebeb; font-size: 12px; padding-right: 10px; display: inline-block; color: #999999 !important; } .page-addresses .address .address-footer a i, body#checkout section.checkout-step .delete-address i, body#checkout section.checkout-step .edit-address i { background: #999999 none repeat scroll 0 0; color: #fff; font-size: 14px; font-weight: bold; height: 30px; line-height: 28px; padding: 0; text-align: center; width: 30px; margin-right: 10px; } .page-addresses .address .address-footer a:hover, body#checkout section.checkout-step .delete-address:hover, body#checkout section.checkout-step .edit-address:hover { text-decoration: underline; } .page-addresses .addresses-footer { margin: 0; } .page-addresses .addresses-footer a, body#checkout section.checkout-step .add-address a { border: 1px solid; display: inline-block; font-size: 12px; line-height: 20px; padding: 5px 15px; text-transform: capitalize; display: table; margin: 0 auto; background: #fff; } body#checkout section.checkout-step p a[data-link-action=different-invoice-address] { text-align: center; display: block; } .page-addresses .addresses-footer a i { font-size: 16px; line-height: 12px; } body#checkout section.checkout-step .delete-address .delete, body#checkout section.checkout-step .delete-address .edit, body#checkout section.checkout-step .edit-address .delete, body#checkout section.checkout-step .edit-address .edit { font-size: 14px; } .page-addresses .address .address-footer, body#checkout section.checkout-step .address-footer { border-top: 1px solid #ebebeb; padding: 0; padding-top: 15px; text-align: left; } body#checkout section.checkout-step hr { border: medium none; margin: 0; } .page-footer a.account-link { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid; color: #b33a3a; float: left; margin: 5px; padding: 8px 15px; text-transform: uppercase; background: #fff; line-height: 1; font-size: 14px; font-family: 'Roboto', sans-serif; } .page-footer .account-link span { font-size: 14px; vertical-align: middle; } .page-footer a.account-link:hover { background: #b33a3a; color: #fff; } .page-customer-account #content { box-shadow: none; border: 1px solid #ebebeb; } b, strong { font-weight: 500; } .text-xs-right { text-align: right; } .page-order-detail .box { border: 1px solid #ebebeb; box-shadow: none; padding: 15px; margin-bottom: 15px; font-size: 12px; } address { color: #999; font-size: 12px; font-style: normal; line-height: 25px; } label { margin-bottom: 10px; } .form-control-label { padding-top: 0; } #main .card-block .login-form+hr, #main .card-block .register-form+hr { border: medium none; margin: 0; } .page-customer-account #content .forgot-password, .forgot-password { font-size: 12px; margin-top: 15px; padding-bottom: 10px; text-align: center; } .no-account a, .forgot-password a { color: #999999; display: table; font-size: 12px; margin: 0 auto; text-transform: uppercase; } .no-account a { margin-bottom: 10px; } .no-account a:hover, .forgot-password a:hover { color: #b33a3a; } #login-form .btn-primary { background: #fff; color: #b33a3a; padding: 10px 20px; width: 100%; border: 1px solid; background: #fff; margin-top: 10px; } #login-form .btn-primary:hover { color: #fff; background: #b33a3a; } .form-group .col-md-3.form-control-comment { display: none; } .form-group .col-md-6, .form-group .col-md-3, .form-group .col-md-5, .form-group .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #main .page-content #notifications { margin: 0; } .register-form p { color: #999; line-height: 24px; margin-bottom: 30px; } .register-form p a { color: #b33a3a; display: table; margin-top: 10px; text-decoration: underline; width: 100%; } .form-footer .btn { width: 100%; } #customer-form .custom-checkbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #customer-form .custom-checkbox label { padding: 0; color: #b33a3a; font-size: 12px; font-weight: 500; line-height: 14px; margin: 0; } #customer-form .custom-checkbox label em { color: #a0a0a0; display: table; font-size: 13px; font-weight: normal; line-height: 20px; margin-top: 5px; } #customer-form .radio-inline, #identity .radio-inline { font-size: 13px; padding: 0; margin-right: 10px; } .input-group .input-group-btn>.btn[data-action="show-password"]::before { content: "\f070"; display: inline-block; font-family: FontAwesome; font-size: 17px; font-style: normal; font-weight: 400; line-height: 1; } .input-group input.form-control[type="text"]+.input-group-btn .btn[data-action="show-password"]::before { content: "\f06e"; } .forgotten-password .form-fields label.required { width: 100%; padding: 0; } .forgotten-password .form-fields .email { width: 100%; } .forgotten-password .form-fields .form-control-submit { width: 100%; margin-top: 20px; } .send-renew-password-link { color: #999; padding-left: 0; padding-right: 0; text-align: left; line-height: 24px; } .page-customer-account #content { max-width: 640px; margin: 0 auto; } body.page-customer-account.page-history #content { max-width: 100%; } .table thead th { background: transparent none repeat scroll 0 0; border-color: #ebebeb; color: #b33a3a; font-size: 12px; font-weight: normal; line-height: 1.35; border-bottom: none; } .table-bordered, .table-bordered td, .table-bordered th { border: 1px solid #ebebeb; font-size: 12px; } .page-customer-account #content .order-actions a { background: #fff none repeat scroll 0 0; border: 1px solid; color: #999; font-size: 12px; line-height: 20px; margin: 0 5px; padding: 5px 10px; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: #f6f6f6; } .page-customer-account #content .order-actions a:hover { color: #b33a3a; } .input-group .input-group-btn>.btn[data-action="show-password"] { background: transparent !important; border: 0 none; color: #222 !important; font-size: 0; z-index: 3; } .input-group .input-group-btn { display: inline-block; position: absolute; right: 0; top: 0; width: auto; z-index: 4; } .input-group .form-control.js-visible-password { padding-right: 45px; } .form-control-label { position: relative; color: #333333; font-size: 13px; } .form-control-label.required:after { color: red; content: "*"; margin-left: 3px; } .thead-default th { color: #666; } .page-order-detail { color: #666; } body#checkout .cancel-address { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid; color: #b33a3a; transition: all 0.15s ease-in-out 0s; width: 100%; box-shadow: none; font-weight: normal; padding: 8px 20px; margin: 10px 0 15px; background: #fff; } body#checkout .cancel-address:hover { background: #b33a3a; color: #fff; } body#checkout section.checkout-step .address-item { border: 1px solid #ebebeb; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; background: #fff; margin-bottom: 15px; } body#checkout section.checkout-step #delivery-addresses, body#checkout section.checkout-step #invoice-addresses, body#checkout section.checkout-step .add-address { margin-top: 0; } body#checkout section.checkout-step .delivery-option { border-bottom: 1px solid #ebebeb; margin: 0 0 15px; padding: 0; } body#checkout #delivery textarea, body#checkout #gift_message textarea { border: 1px solid #ebebeb; color: #666; margin-bottom: 15px; max-width: 100%; min-height: 130px; padding: 15px; } body#checkout #delivery textarea:focus, body#checkout #gift_message textarea:focus {} body#checkout section.checkout-step .payment-options .custom-radio { margin-right: 10px; } body#checkout .condition-label { margin-left: 25px; margin-top: 0; } #notifications ul {} body#checkout section.checkout-step .address-item.selected { border: 1px solid #ebebeb; } body#checkout section.checkout-step .address-item.selected .address-alias { color: #b33a3a; } body#checkout section.checkout-step .address { line-height: 24px; } .page-addresses .address .address-body address, body#checkout section.checkout-step .address { color: #666; font-size: 14px; line-height: 25px; min-height: auto; } .custom-radio { background: white none repeat scroll 0 0; border: 1px solid #333333; border-radius: 50%; cursor: pointer; display: inline-block; height: 16px; margin-right: 10px; margin-top: 2px; position: relative; vertical-align: -1px; width: 16px; } #customer-form .radio-inline .custom-radio, #identity .radio-inline .custom-radio { margin-right: 5px; } .cart-summary-line .value { color: #b33a3a; } .product-line-grid-right .cart-line-product-actions, .product-line-grid-right .product-price { color: #b33a3a; } .cart-grid-body .cart-overview { padding: 0; } .cart-grid-body .cart-overview .no-items { padding: 15px; display: block; } .cart-grid-body .separator { display: none; } .cart-item { border-bottom: 1px solid #ebebeb; } .cart-item:first-child { border-top: 1px solid #ebebeb; } .cart-item:last-child { border-bottom: none; } .cart-item .product-line-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-line-grid-right .col-xs-4.hidden-md-up { display: none; } @media (max-width: 767px) { .product-line-grid-right .col-md-10 {} } .bootstrap-touchspin { width: 69px; float: left; display: inline-block; box-shadow: none; } .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group { text-align: center; } .product-line-grid-body { margin-bottom: 0; } #cart-summary-product-list .media { margin-bottom: 5px; } /*-------------------------category------------------------*/ .block-category { margin-bottom: 30px; min-height: auto; } .block-category img.category-img-cover { margin-top: -40px; height: auto; margin-bottom: 20px; max-width: 100%; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } #products .products { display: block; float: left; width: 100%; margin: 0; } #box-product-grid.horizontal_mode .item-inner .right-product {} #box-product-list .button-action { margin: 10px 0 0; color: #fff; background: #b33a3a; border: none; line-height: 40px; min-width: 40px; float: left; margin-right: 5px; text-align: center; position: relative; cursor: pointer; } #box-product-list .button-action .text { font-family: "Roboto", sans-serif; text-transform: uppercase; } #box-product-list .button-action i { font-size: 20px; } #box-product-list button.button-action { padding: 0 15px; } #box-product-list button.button-action i { margin-right: 5px; } #box-product-list .button-action-view { background: #fff none repeat scroll 0 0; border-radius: 3px; color: #444; height: 40px; left: 50%; line-height: 40px; margin-left: -20px; margin-top: -20px; position: absolute; text-align: center; top: 50%; width: 40px; z-index: 1; transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transition: all 0.3s ease 0s; } #box-product-list .left-product>a.thumbnail { position: relative; } #box-product-list .left-product>a.thumbnail::before { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.5s ease 0s; width: 100%; z-index: 1; } #box-product-list .item-product-list:hover a.thumbnail::before { opacity: 1; } #box-product-list .item-product-list:hover .button-action-view { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } #box-product-list .button-action:hover { background: #202021; } #box-product-list .button-action-view:hover { background: #b33a3a; color: #fff; } [disabled] { cursor: not-allowed; } #products .product-miniature { padding-top: 10px; margin: 0; border: 1px solid #ebebeb; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; } #products .product-miniature:hover { box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); } .block-category #category-description p { line-height: 20px; } .block-category #category-description p:first-child { margin: 0; } #box-product-list .right-product {} .item-product-list .left-product {} #box-product-grid, #box-product-list { display: none; } .active_list #box-product-list, .active_grid #box-product-grid { display: block; } .click-product-list-grid { float: left; } .click-product-list-grid>div { float: left; margin: 5px; cursor: pointer; color: #999999; font-size: 16px; line-height: 32px; } .click-product-list-grid>div i { float: left; font-size: 14px; line-height: 32px; width: 30px; } .click-product-list-grid>div.lable { font-family: 'Roboto', sans-serif; color: #232323; } .click-product-list-grid>div:not(.lable):hover { color: #b33a3a; border-color: inherit; } .click-product-list-grid>div:not(.lable) { border: 1px solid #999999; height: 32px; padding: 0; text-align: center; width: 32px; } .active_list .click-product-list-grid>div.click-product-list { color: #b33a3a; border-color: inherit; } .active_grid .click-product-list-grid>div.click-product-grid { color: #b33a3a; border-color: inherit; } #products img { margin: 0; } .item-product-list .left-product { position: relative; background: #fff; } #box-product-list .flex_row .item-productlist:first-child { border-right: 1px solid #ebebeb; } .item-product-list .left-product a {} .item-product-list .left-product .hover_image {} .item-product-list .left-product .hover_image { position: absolute; left: 0; top: 0; opacity: 0; } .item-product-list:hover .left-product .hover_image { opacity: 1; } .item-product-list .right-product .product_name { margin-bottom: 10px; padding: 15px; } .item-product-list .right-product .product_name a { font-size: 18px; font-weight: normal; text-transform: uppercase; font-family: "Roboto", sans-serif; } .item-product-list .right-product .product-price-and-shipping span { font-size: 18px; } #products .item-product-list .right-product .product-price-and-shipping { float: none; font-size: 14px; font-weight: normal; line-height: 20px; margin-bottom: 10px; margin-top: 0; text-align: left; } #products #box-product-list .right-product .comments_note { float: none; margin-bottom: 8px; margin-top: 0; text-align: left; } #products #box-product-list .right-product .comments_note .star_content { margin-left: 0; } .hover-banner.block { float: left; width: 100%; } #products .item-product-list .right-product .regular-price { color: #939292; font-size: 17px; margin-left: 10px; } #products .item-product-list .right-product .discount-percentage-product { background: #b33a3a; color: #fff; padding: 0 6px; font-size: 14px; vertical-align: 2px; } #products .item-product-list .right-product .decriptions-short p { font-size: 14px; line-height: 22px; margin-bottom: 5px; text-align: justify; } #products .item-product-list .right-product .decriptions-short { margin-bottom: 10px; } .product-availability-list { font-size: 14px; padding-left: 30px; line-height: 20px; position: relative; margin-bottom: 10px; } .product-availability-list i { position: absolute; left: 0; top: 0; font-size: 18px; } .product-availability-list i.fa-check { color: #32cd32; } .product-availability-list i.fa-warning { color: #ff8c00; } .product-availability-list i.fa-ban { color: #ff0000; background: #fff; } #box-product-list .flex_row { margin: 0; } #box-product-list .flex_row .item-productlist:last-child { padding: 20px 30px; } #box-product-list .flex_row .item-productlist { padding: 0; } @media (max-width: 478px) { #box-product-list .item-product-list { max-width: 300px; display: table; margin-left: auto !important; margin-right: auto !important; } #box-product-list .flex_row .item-productlist:first-child { border: none; } #box-product-grid.horizontal_mode .item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 50%; } .item-productlist { width: 100%; } .item-product-list .right-product .product_name { margin-top: 15px; } } #box-product-list .item-product-list { border: 1px solid #ebebeb; margin: 30px 0; } #box-product-list .item-product-list:first-child { margin-top: 0; } #box-product-list .item-product-list:last-child {} .products-selection .total-products, .products-selection h1 { padding: 0; } .products-selection .total-products p { color: #232323; font-family: "Roboto", sans-serif; font-size: 16px; margin: 5px 0; } .bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default { background: none; border: 1px solid; color: #b33a3a; background: #fff; } #products .item-inner {} .products-selection { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ebebeb; margin-bottom: 30px; padding: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #fff; } .products-selection>div { flex: 1; -ms-flex: 1; -webkit-flex: 1; } .box-sort-by { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 5px; } .products-selection .sort-by { color: #232323; font-family: "Roboto", sans-serif; font-size: 16px; margin: 5px 0; } .products-sort-order .select-title { line-height: 34px; border: 1px solid #999999; padding: 0px 12px; margin: 0; box-shadow: none; color: #232323; font-family: "Roboto", sans-serif; font-size: 16px; } .products-sort-order .select-title i { float: right; margin-left: 10px; line-height: 33px; } .products-sort-order { color: #666; flex: 1; -ms-flex: 1; -webkit-flex: 1; float: right; margin-left: 5px; } .products-sort-order .dropdown-menu { background: #fff none repeat scroll 0 0; left: 0; padding: 0; width: 100%; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.35); } .products-sort-order .select-list { display: block; color: #414141; line-height: 21px; padding: 6px 1.25rem; } .products-sort-order .select-list:hover { background: #b33a3a; } @media (max-width:991px) { .products-selection { display: table; width: 100%; } .products-selection>div { clear: both; margin-bottom: 15px; text-align: center; } .click-product-list-grid { float: none; display: table; margin: 0 auto; } } .block-categories, #search_filters { box-shadow: none; margin-bottom: 30px; position: relative; background: #fff none repeat scroll 0 0; border: 1px solid #ebebeb; padding: 0 20px; } #search_filters {} .block-categories a { color: #666666; font-size: 16px; line-height: 18px; } .block-categories a:hover { color: #b33a3a; } .block-categories>ul>li:first-child { border-bottom: 1px solid #ebebeb; color: #b33a3a; font-size: 16px; margin-bottom: 10px; text-transform: uppercase; } .block-categories>ul>li:first-child a { display: inline-block; padding: 20px 0; position: relative; margin: 0; color: #b33a3a; } .block-categories>ul>li:first-child a:before { background: #b33a3a none repeat scroll 0 0; bottom: -2px; content: ""; height: 3px; position: absolute; width: 100%; } .block-categories .category-sub-menu li[data-depth="0"]>a { font-size: 14px; font-weight: normal; margin: 0; border-bottom: 1px dashed #ebebeb; line-height: 20px; padding: 10px 20px 10px 0; } ul.category-top-menu { margin: 0 0 -1px; } .block-categories .category-sub-menu { margin: 0; } .collapse {} .block-categories>ul>li>.category-sub-menu {} .block-categories .collapse-icons { border: medium none; cursor: pointer; font-size: 10px; padding: 0; position: absolute; right: 0; top: 0; line-height: 18px; width: 30px; text-align: right; } .block-categories .arrows .arrow-down, .block-categories .arrows .arrow-right { cursor: pointer; font-size: 20px; margin-left: 0; } .block-categories .collapse-icons i { font-size: 20px; line-height: 40px; } .block-categories .category-sub-menu li[data-depth="1"] { margin-bottom: 0; position: relative; } .block-categories .category-sub-menu li:not([data-depth="0"]) { padding-left: 5px; } .block-categories .category-sub-menu li:not([data-depth="0"])>.category-sub-link { position: relative; } .block-categories .category-sub-menu li:not([data-depth="0"])>.category-sub-link:before { content: '\f111'; font-family: FontAwesome; font-size: 8px; line-height: 1px; margin-right: 10px; vertical-align: 2px; } .block-categories .category-sub-menu .category-sub-link { border-bottom: 1px dashed #ebebeb; display: block; font-size: 14px; line-height: 20px; padding: 10px 20px 10px 0; } .block-categories .category-sub-menu .arrows { line-height: 18px; position: absolute; right: -4px; text-align: center; top: 10px; width: 20px; } .block-categories .category-sub-menu li { position: relative; } .block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]) { padding-left: 5px; } .block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]) a { padding-left: 0; } .block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"])::before { content: "-"; left: 0; line-height: 1px; margin-right: 0; position: absolute; display: none; top: 50%; } .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover { color: #b33a3a; } #search_filters>h4 { border-bottom: 1px solid #ebebeb; color: #b33a3a; font-size: 16px; margin-bottom: 10px; text-transform: uppercase; } #search_filters>h4 span { display: inline-block; margin: 0; padding: 20px 0; position: relative; } #search_filters>h4 span:before { background: #b33a3a none repeat scroll 0 0; bottom: -2px; content: ""; height: 3px; position: absolute; width: 100%; } #search_filters .facet { padding: 0; } #search_filters .facet:last-child { border: none; } #search_filters .facet .facet-label a { color: #666; font-size: 14px; line-height: 18px; margin-top: 2px; } #search_filters .facet .collapse { margin: 0; } .active_filters .filter-block { margin: 5px; } .active_filters ul { margin: 0; } .active_filters .active-filter-title { float: left; font-size: 16px; font-weight: normal; margin: 16px 10px 0 0; } #search_filters .clear-all-wrapper { position: absolute; right: 20px; top: 15px; z-index: 1; } #search_filters .clear-all-wrapper .btn-tertiary { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid; color: #b33a3a; font-size: 12px; line-height: 30px; margin: 0; padding: 0 10px; text-transform: uppercase; } #search_filters .clear-all-wrapper .btn-tertiary:hover { text-decoration: underline; } #search_filters .clear-all-wrapper .btn-tertiary i { float: left; font-size: 15px; line-height: 28px; margin-right: 8px; } #search_filters .facet .facet-label { cursor: pointer; margin: 0; padding: 10px 0; line-height: 20px; text-align: inherit; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px dashed #ebebeb; } #search_filters .facet .collapse li:last-child .facet-label {} #category #left-column #search_filters .facet ul {} #search_filters .facet .facet-label .color { margin: 0 10px 0 0; box-shadow: none; } #search_filters .facet .facet-label .custom-checkbox input[type="radio"]+span .checkbox-checked { display: none; margin: -0.25rem -0.125rem; font-size: 1.1rem; color: #414141; } #search_filters .facet .facet-label .custom-checkbox input[type="radio"] { margin-top: 0.25rem; opacity: 0; cursor: pointer; position: absolute; } .custom-checkbox input[type="checkbox"]+span .checkbox-checked { margin: -3px 1px; } .custom-checkbox input[type="checkbox"]+span .checkbox-checked.material-icons { margin: -2px; } .custom-checkbox input[type="radio"]+span, .custom-checkbox input[type="checkbox"]+span { margin-right: 10px; display: inline-block; width: 16px; height: 16px; vertical-align: middle; cursor: pointer; border: 1px solid #333333; border-radius: 0; } #search_filters .facet .facet-label.active .custom-checkbox span.color, #search_filters .facet .facet-label:hover .custom-checkbox span.color { border: 1px solid #b33a3a; } #search_filters .facet .facet-label.active a, #search_filters .facet .facet-label:hover a { color: #b33a3a; } #search_filters .facet .facet-label.active .custom-checkbox input[type="checkbox"]+span .checkbox-checked, #search_filters .facet .facet-label:hover .custom-checkbox input[type="checkbox"]+span .checkbox-checked { display: block; color: #b33a3a; } #search_filters .facet .facet-label.active .custom-checkbox input[type="checkbox"]+span, #search_filters .facet .facet-label:hover .custom-checkbox input[type="checkbox"]+span { border-color: #b33a3a; } #search_filters .facet .facet-label.active .custom-checkbox input[type="radio"]+span .checkbox-checked, #search_filters .facet .facet-label:hover .custom-checkbox input[type="radio"]+span .checkbox-checked { display: block; color: #b33a3a; } #search_filters .facet .facet-label.active .custom-checkbox input[type="radio"]+span, #search_filters .facet .facet-label:hover .custom-checkbox input[type="radio"]+span { border-color: #b33a3a; } .custom-checkbox input[type="checkbox"] { margin: 0; width: 16px; height: 16px; } .custom-checkbox label { flex: 1; -ms-flex: 1; -webkit-flex: 1; } .color, .custom-checkbox input[type="checkbox"]+span.color { margin-left: 0; } #search_filters_wrapper { margin: 0; } .btn-tertiary { background: #202021 none repeat scroll 0 0; box-shadow: none; color: #fff; margin: 20px 27px 0; padding: 5px 15px; -webkit-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; } .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover, .btn-tertiary:focus, .btn-tertiary:hover, .focus.btn-tertiary { color: #fff; background: #b33a3a; } #search_filters .facet .facet-title { border-bottom: 1px dashed #ebebeb; color: #444444; font-size: 14px; line-height: 20px; margin: 0; padding: 10px 0; text-transform: none; display: block; } #search_filters_wrapper { margin: 0; } #search_filters .facet .title .collapse-icons .remove, #search_filters .facet .title[aria-expanded=true] .collapse-icons .add { display: none } #search_filters .facet .title[aria-expanded=true] .collapse-icons .remove { display: inline-block; } #search_filters_wrapper { margin-bottom: 30px; } #search_filters .facet:last-child { border-bottom: none; margin-bottom: -1px; } #search_filters .facet ul li {} #search_filters .facet .collapse { display: none; } #search_filters .facet .navbar-toggler { position: absolute; right: 0; top: 0; } #search_filters .facet .navbar-toggler i { font-size: 20px; line-height: 40px; } #search_filters .facet .title { cursor: pointer; position: relative; } #search_filters .facet .collapse.in { display: block; } #search_filters .facet ul { margin-bottom: 0 } .facet-dropdown { padding: 0; padding-bottom: 10px; border-bottom: 1px dashed #ebebeb; margin: 10px 0; } .facet-dropdown .select-title { background: none; padding: 5px 15px; border: 1px dashed #ebebeb; } .facet-dropdown .select-list:hover { background: #b33a3a; } /*------------------------------------------------------------*/ #new_comment_form label { display: block; font-size: 13px; margin: 10px 0; text-align: left; } .label, label { text-align: left; font-size: 14px; } .contact-form { border: 1px solid #ebebeb; height: 100%; margin-bottom: 0; padding: 30px; text-align: left; } @media (max-width: 991) { .contact-form { padding: 15px; } } .form-group { margin-bottom: 10px; } .contact-rich h4 { margin-bottom: 20px; } .contact-rich p { color: #999; font-size: 14px; line-height: 24px; text-align: justify; } .contact-rich .block .icon i { font-size: 16px; } .contact-rich .block .data { color: #666666; font-size: 14px; line-height: 20px; overflow: hidden; width: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: -2px; } .contact-rich .block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; margin-bottom: 20px !important; overflow: hidden; } .contact-rich .block .data.email { padding: 0; } .contact-rich .block .data.email a { font-size: 14px; } .contact-rich .block .icon { background: #b33a3a none repeat scroll 0 0; border-radius: 3px; color: #fff; float: left; height: 35px; line-height: 32px; margin-right: 15px; padding: 0; text-align: center; width: 35px; } .contact-rich { background: #fff none repeat scroll 0 0; border: 1px solid #ebebeb; color: #878787; margin-bottom: 0; padding: 30px 30px 7px; min-height: 100%; } #contact #content-wrapper { margin-bottom: 30px; } .sitemap ul { list-style: inside none disc; padding: 0; line-height: 1.25; } .sitemap ul li { font-size: 12px; margin-bottom: 10px; } .sitemap ul.nested { margin-left: 20px; } .sitemap ul { margin-left: -15px; margin-top: 10px; } /*-----------------------------------------------------------------------*/ #main .page-content, #main .page-header { text-align: left; margin-bottom: 30px; } #main .page-footer { display: table; margin: 0 auto 30px; } .page-header h4 { color: #b33a3a; font-size: 18px; margin-bottom: 0; text-align: center; text-transform: uppercase; } #cms #main .page-header { display: none; } .btn { line-height: 18px; font-size: 14px; font-family: 'Roboto', sans-serif; text-transform: uppercase; } .btn-primary, .btn-secondary, .btn-tertiary { box-shadow: none; font-weight: normal; padding: 8px 20px; } .btn-primary, .btn { background: none; color: #b33a3a; border: 1px solid; background: #fff; transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; } a.btn-primary, a.btn {} .contact-form { box-shadow: none; } .contact-form .form-footer .btn { width: 100%; font-size: 12px; } .contact-form textarea.form-control { height: 90px; } .btn-primary.focus, .btn-primary:focus, .btn-primary:hover, .btn:hover, .btn-primary:active { background: #b33a3a; color: #fff; } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary.focus:disabled, .btn-primary:disabled:focus, .btn-primary:disabled:hover { background: #b33a3a; color: #fff; } .product-customization .custom-file { background: #f1f1f1 none repeat scroll 0 0; color: inherit; display: block; height: 40px; line-height: 40px; margin-top: 0; padding: 0 15px; position: relative; text-indent: 0; width: 100%; } .product-customization .file-input { cursor: pointer; height: 40px; left: 0; opacity: 0; overflow: hidden; position: absolute; width: 100%; z-index: 1; } .product-customization .custom-file button { bottom: 0; min-width: 50px; padding: 0; position: absolute; right: 0; top: 0; z-index: 0; } .group-span-filestyle .buttonText, .product-customization .custom-file button { font-size: 0; } .group-span-filestyle .buttonText::before, .product-customization .custom-file button::before { content: "\f093"; display: inline-block; font-family: FontAwesome; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1; } .input-group .input-group-btn>.btn { border: 1px solid #ebebeb; min-height: 40px; padding: 8px 15px; line-height: 1; background-color: #ffffff; border-color: #b33a3a; color: #b33a3a; } .input-group .input-group-btn>.btn:hover { background-color: #b33a3a; color: #ffffff; } .form-control:disabled, .form-control[readonly] { border: none; } .cart-grid .cart-grid-body>a.label { box-shadow: none; font-weight: normal; padding: 8px 15px 5px 5px; color: #b33a3a; padding-left: 5px; border: 1px solid; background: #fff; display: inline-block; } .cart-grid-body { margin-bottom: 20px; } .cart-grid .cart-grid-body>a.label i { line-height: 20px; } .cart-grid .cart-grid-body>a.label:hover { color: #fff; background: #b33a3a; } .pagination { border: 1px solid #ebebeb; margin-bottom: 55px; margin-top: 20px; padding: 6px 10px; } .pagination .page-list { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; float: right; padding: 0; margin: 0 -5px; box-shadow: none; } .pagination>div:first-child { line-height: 25px; margin: 5px 0; } .pagination>div { line-height: 30px; margin: 0; padding: 0; } @media (max-width:991px) { .pagination>div { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; } .pagination .page-list { float: none; display: table; margin: 0 auto; } } .pagination a { background: #202021 none repeat scroll 0 0; color: #fff; float: left; font-weight: normal; line-height: 25px; margin: 5px; min-width: 25px; padding: 0 5px; letter-spacing: normal !important; } .pagination a.next, .pagination a.previous { border: none; font-size: 0; } .pagination a i { float: left; font-size: 14px; line-height: 24px; text-align: center; width: 100%; } .pagination .current a, .pagination a:not(.disabled):hover { background: #b33a3a; color: #fff; } #productCates { float: left; width: 100%; } /*-------Store---------------------*/ #stores .page-stores .store-item-container .divide-left td { padding-left: 15px; } #stores .page-stores .store-item-container .divide-left th { text-align: left; } #stores .page-stores .store-item { box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2); padding-left: 15px; padding-right: 15px; } /*************About us**************/ .cms-box .welcome_cms { font-size: 24px; font-weight: normal; text-transform: uppercase; line-height: 30px; padding: 10px 0; margin-bottom: 45px; position: relative; } .cms-box .welcome_cms div { position: relative; z-index: 1; display: inline-block; } .cms-box .welcome_cms span { color: #b33a3a; font-weight: 700; z-index: 1; position: relative; } .cms-box .welcome_cms p { color: rgba(0, 0, 0, 0.07); font-size: 72px; font-weight: 700; left: -5px; line-height: 50px; margin: 0; position: absolute; top: 0; z-index: 0; } .cms-box p { font-size: 13px; line-height: 22px; margin-bottom: 25px; text-align: justify; } .page-content.page-cms .cms-box img { height: auto; } .cms-box a { font-size: 13px; color: #fff; line-height: 25px; padding: 10px 15px; min-width: 120px; background: #b33a3a; display: inline-block; text-align: center; margin-top: 14px; } .experience_box.active .collapse { display: block; } #cms #center_column h3 { border-bottom: 1px solid #e2dfdf; margin-bottom: 20px; padding: 5px 0; } #cms #cms-about-us .page-subheading { border: 0; display: inline-block; font-size: 24px; margin-bottom: 40px; text-transform: uppercase; line-height: 30px; } .experience_box { border: 1px solid #ebebeb; margin-bottom: 5px; background: #f8f8f8; } .experience_box.active { background: none; } .experience_box h3 { font-size: 14px; line-height: 20px; text-transform: uppercase; padding: 15px; margin-bottom: 0; border-bottom: 1px solid #ebebeb; margin-bottom: -1px; } .experience_box .navbar-toggler { background: none; border: none; border-radius: 0; font-size: 14px; line-height: normal; padding: 0; position: relative; cursor: pointer; width: auto; height: auto; } .experience_box .collapse { padding: 15px; margin: 0; text-align: justify; } .experience_box .collapse li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .experience_box .collapse li img { margin-right: 30px; } .experience_box .collapse li span { line-height: 24px; color: #666; font-size: 13px; } .experience_box .collapse-icons { position: absolute; right: 0; top: 0; height: 100%; width: 50px; height: 100%; text-align: center; border-left: 1px solid #ebebeb; } .experience_box .collapse-icons>div { line-height: 50px; } .experience_box .collapse-icons>div.remove { display: none; } .experience_box.active .collapse-icons>div.remove { display: block; } .experience_box.active .collapse-icons>div.add { display: none; } #cms #cms-about-us .cms-box-line { margin-bottom: 17px; } #cms #cms-about-us .cms-box-line:last-child { margin-bottom: 0; } #cms #cms-about-us .cms-box-line>em { font-size: 14px; margin-bottom: 10px; text-transform: uppercase; font-style: unset; font-weight: normal; color: #262626; } #cms #cms-about-us .cms-line { position: relative; display: block; height: 20px; margin-top: 20px; width: 100%; background: #fff; } #cms #cms-about-us .cms-line:before { z-index: 1; content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; border: 1px solid #ebebeb; } #cms #cms-about-us .cms-line .cms-line-comp { background: #fff none repeat scroll 0 0; display: block; height: 20px; position: absolute; width: 0; } #cms #cms-about-us .cms-line .cms-line-comp:before { content: ''; left: 5px; right: 5px; top: 5px; bottom: 5px; background: #b33a3a; position: absolute; } #cms #cms-about-us .cms-line .label em { display: none; } #cms #cms-about-us .cms-line .label { color: #b33a3a; display: block; font-size: 14px; font-weight: normal; padding: 0; position: absolute; right: 100%; top: -21px; } @media only screen and (max-width: 480px) { .cms-box.our-team [class*="col-"] { width: 100%; } } #pagenotfound .page-not-found, #products .page-not-found { border: medium none; box-shadow: none; max-width: 100%; padding: 0; width: 100%; } #pagenotfound .page-not-found .search-widget, #products .page-not-found .search-widget { width: 100%; } .nrt-demo-wrap .control.inactive, .cl-row-reset .cl-reset { background: #202021; } .nrt-demo-wrap .control.active, .cl-row-reset .cl-reset:hover { background: #b33a3a; } /*---------------------------------------------------------------------*/ #newsletter_block_popup { left: 0; bottom: auto; right: 0; top: auto; width: 100%; height: 100%; position: relative; text-align: left; } .popup_title p { color: #b33a3a; font-size: 18px; font-weight: bold; line-height: 30px; margin-bottom: 15px; margin-top: 30px; text-transform: uppercase; } .popup_text { padding: 0; margin-bottom: 40px; } .popup_text p { color: #666666; display: inline-block; font-size: 14px; line-height: 22px; margin-bottom: 0; max-width: 470px; } .popup_text_bottom p { color: #999; margin: 0; margin-top: 15px; text-align: center; } .nrtpopupnewsletter .inputNew { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #d7d7d7; border-radius: 0; box-shadow: none; color: #666; display: inline-block; font-size: 14px; height: 40px; line-height: 45px; margin-top: 10px; max-width: 450px; padding: 0 15px; text-align: center; width: 100%; } .block_content .social_footer { float: left; clear: both; } .block_content .social_footer ul { float: left; margin: 25px 0 0; } .block_content .social_footer a { margin-right: 20px; } .send-response p { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; margin-bottom: 0; margin-top: 6px; padding: 0; } .button_unique { background: #b33a3a none repeat scroll 0 0; clear: both; color: #fff; cursor: pointer; font-size: 14px; font-weight: 600; line-height: 45px; margin: 20px auto 0; max-width: 450px; padding: 0 15px; text-align: center; text-transform: uppercase; } .nrtpopupnewsletter { max-width: 100%; background: #fff; } .button_unique:hover { background: #202021; } #newsletter_block_popup .block_content { text-align: center; width: 100%; padding: 0 15px; } #newsletter_block_popup .block_content form {} .newsletter_block_popup-bottom { bottom: 15px; right: 15px; position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .popup_text_bottom p { color: #999; margin: 0; } .popup_text_bottom { margin-top: 15px; } .newsletter_block_popup-bottom label { color: #666666; font-size: 14px; margin: 1px 0 0 5px; } #module-smartblog-details #lipsum { border: 1px solid #ebebeb; border-bottom: none; text-align: center; } .modal.fade .modal-dialog { transition: transform 0s ease-out 0s, -webkit-transform 0s ease-out 0s; } .modal { text-align: center; font-size: 0; } .modal:before { display: inline-block; vertical-align: middle; height: 100%; content: ''; } .modal-dialog { display: inline-block; vertical-align: middle; margin: 0; max-height: 100%; max-width: 630px; width: 100%; text-align: left; } #moda_productcomment .modal-dialog { max-width: 550px; } #moda_video_home .modal-dialog, #moda_popupnewsletter .modal-dialog, #moda_quick_login .modal-dialog { width: auto; max-width: 100%; } #moda_quick_login.modal_islogin .modal-dialog { width: 770px; } .quickview .modal-body { min-height: inherit !important; } .modal-header { border: none; padding: 0; } .popup_text_bottom p { color: #999; margin: 0; } .popup_text_bottom { margin-top: 15px; } .customization-modal .modal-header { padding: 10px 20px; border-bottom: 1px solid #ebebeb; text-align: center; } .customization-modal .modal-content .modal-body .product-customization-line { align-items: center; border-bottom: 1px solid #ebebeb; padding-bottom: 15px; padding-top: 15px; } .customization-modal .modal-content .modal-body .product-customization-line img { border: 1px solid #ebebeb; } /*-----------------------------------------*/ .bootstrap-touchspin .btn-touchspin { color: #444444; } .product-cover .layer { right: 0; bottom: 0; opacity: 1; background: none; left: auto; top: auto; width: 40px; height: 40px; z-index: 1000; } @media (max-width: 991px) { .product-cover .layer { z-index: 1; } } .product-cover .layer .zoom-in { font-size: 24px; color: #b33a3a; } .box_thumb { position: relative; padding: 0 40px; } .img-product-detail .box_thumb { margin-bottom: 20px; } .scrollbox-back, .scrollbox-next { background: #202021 none repeat scroll 0 0; color: #fff; cursor: pointer; height: 30px; line-height: 28px; margin-top: -15px; position: absolute; text-align: center; top: 50%; width: 30px; } .scrollbox-back:hover, .scrollbox-next:hover { background: #b33a3a none repeat scroll 0 0; } .scrollbox-back { left: 0; } .scrollbox-next { right: 0; } .js-scrollbox { white-space: nowrap; overflow: hidden; } .product-images.js-qv-product-images { display: block; font-size: 0; margin: 0 -5px; text-align: center; } .product-images.js-qv-product-images>li { display: inline-block; font-size: 0; margin: 0; padding: 0 5px; width: 25%; } .quickview .product-images.js-qv-product-images>li { width: 33.333333%; ; } .product-images.js-qv-product-images>li img { border: 1px solid #dfdfdf; cursor: pointer; } .product-images.js-qv-product-images>li img.selected { border-color: #b33a3a; } /*----------------------------------------------------------------*/ /* General Menu Styles /*----------------------------------------------------------------*/ /* Column System */ #_desktop_megamenu [class*="menucol-"], .megamenu_vertical .megamenu [class*="menucol-"] { float: left; } #_desktop_megamenu .menucol-1-1, .megamenu_vertical .megamenu .menucol-1-1 { width: 100% !important; } #_desktop_megamenu .menucol-1-2, .megamenu_vertical .megamenu .menucol-1-2 { width: 50% !important; } #_desktop_megamenu .menucol-1-3, .megamenu_vertical .megamenu .menucol-1-3 { width: 33.33% !important; } #_desktop_megamenu .menucol-2-3, .megamenu_vertical .megamenu .menucol-2-3 { width: 66.67% !important; } #_desktop_megamenu .menucol-1-4, .megamenu_vertical .megamenu .menucol-1-4 { width: 25% !important; } #_desktop_megamenu .menucol-3-4, .megamenu_vertical .megamenu .menucol-3-4 { width: 75% !important; } #_desktop_megamenu .menucol-1-5, .megamenu_vertical .megamenu .menucol-1-5 { width: 20% !important; } #_desktop_megamenu .menucol-1-6, .megamenu_vertical .megamenu .menucol-1-6 { width: 16.66% !important; } #_desktop_megamenu .menucol-1-10, .megamenu_vertical .megamenu .menucol-1-10 { width: 10% !important; } #_desktop_megamenu .drop-menu [class*="menucol-"], .megamenu_vertical .megamenu .drop-menu [class*="menucol-"] { width: 100% !important; } #megamenu_wrapper { background: #fff; } #_desktop_megamenu { position: relative; } #_desktop_megamenu ul { margin: 0; } #_desktop_megamenu>ul { text-align: center; display: table; margin: 0 auto; } #_desktop_megamenu ul li.root { display: inline-block; float: left; } #_desktop_megamenu ul li.root .root-item { display: block; position: relative; padding: 0px 0; } #_desktop_megamenu ul.menu-items .description { background-color: #b33a3a; border-radius: 3px; color: #fff; display: block; font-size: 11px; right: 0; position: absolute; text-align: center; top: 10px; line-height: 1; padding: 4px 7px; text-transform: none; } #_desktop_megamenu ul .root>.root-item .description { background-color: #b33a3a; border-color: #b33a3a; border-radius: 2px; color: #fff; display: block; font-size: 10px; font-weight: normal; line-height: 19px; padding: 0 5px; position: absolute; right: 28px; text-align: center; text-transform: none; top: -12px; } #_desktop_megamenu ul .root>.root-item .description:before { content: '\f0d7'; bottom: -9px; color: #b33a3a; font-family: FontAwesome; font-size: 18px; left: 0; line-height: 1; margin-left: -2px; position: absolute; text-align: center; width: 100%; } #_desktop_megamenu .root-item .title { padding: 0px 23px; cursor: pointer; display: block; font-weight: bold; font-size: 12px; color: #232323; line-height: 30px; position: relative; } #_desktop_megamenu .root-item .title:before { content: ''; position: absolute; width: 11px; height: 11px; left: 0; bottom: 0; border-left: 1px solid; border-bottom: 1px solid; opacity: 0; visibility: hidden; transition: transform 0.3s ease-out 0s; -webkit-transition: transform 0.3s ease-out 0s; -ms-transition: transform 0.3s ease-out 0s; } #_desktop_megamenu .root-item .title:after { content: ''; position: absolute; width: 11px; height: 11px; right: 0; top: 0; border-top: 1px solid; border-right: 1px solid; opacity: 0; visibility: hidden; } #_desktop_megamenu .root-item .title .icon-has-sub { display: none; } #_desktop_megamenu .root:hover .root-item .title:before, #_desktop_megamenu .root-item .title.active:before { opacity: 1; visibility: visible; } #_desktop_megamenu .root:hover .root-item .title:after, #_desktop_megamenu .root-item .title.active:after { opacity: 1; visibility: visible; } #_desktop_megamenu .menu-items { top: auto; transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); opacity: 0; visibility: hidden; text-align: left; background: #fff none repeat scroll 0 0; display: block; position: absolute; left: auto; right: auto; z-index: 100; padding: 14px 30px 16px 0; border-top: 2px solid #b33a3a; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.35); transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; } #_desktop_megamenu .root:hover .menu-items { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); opacity: 1; visibility: visible; } #_desktop_megamenu .popup-pull-left .menu-items { left: 0; } #_desktop_megamenu .popup-pull-right .menu-items { right: 0; } #_desktop_megamenu a { display: block; } #_desktop_megamenu .icon { font-size: 20px; margin-right: 5px; vertical-align: -1px; } #_desktop_megamenu .menu-item .icon { font-size: inherit; margin-right: 10px; } #_desktop_megamenu .menu-item { float: left; position: relative; width: 100%; } #_desktop_megamenu .menu-item .menu-item { padding-left: 0; } #_desktop_megamenu .menu-item.depth-1 { padding-left: 30px; } #_desktop_megamenu hr { margin-bottom: 10px; margin-top: 20px; } #_desktop_megamenu .menu-item .icon-has-sub { line-height: inherit; position: absolute; right: 0; top: 0; padding: 11px 0 7px; } #_desktop_megamenu .menu-item .title { position: relative; z-index: 1; padding: 10px 0 6px; font-size: 13px; color: #878787; float: left; width: 100%; line-height: 1.75; transition: all 0.1s ease-in-out 0s; -ms-transition: all 0.1s ease-in-out 0s; -webkit-transition: all 0.1s ease-in-out 0s; } #_desktop_megamenu .menu-item .title { border-bottom: 1px solid #ebebeb; } #_desktop_megamenu .menu-item ul>li.menu-item:last-child>.title { border-bottom: none; } #_desktop_megamenu .root:not(.drop-menu) .menu-item.has-sub>.title { color: #232323; font-weight: 700; text-transform: uppercase; font-size: 16px; } #_desktop_megamenu .menu-item .title:not(span):hover, #_desktop_megamenu .root:not(.drop-menu) .menu-item.has-sub>.title:not(span):hover { color: #b33a3a; } #_desktop_megamenu .drop-menu .submenu { top: 0; transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); opacity: 0; visibility: hidden; text-align: left; background: #fff none repeat scroll 0 0; display: block; position: absolute; left: 100%; right: auto; min-width: 200px; z-index: 100; box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.35); transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; } #_desktop_megamenu .popup-pull-right.drop-menu .submenu { right: 100%; left: auto; } #_desktop_megamenu .root .menu-item.has-sub:hover>.submenu { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); opacity: 1; visibility: visible; } #_desktop_megamenu .root.drop-menu .menu-item.has-sub:after { content: "\f107"; font-family: FontAwesome; position: absolute; right: 15px; top: 0; line-height: 40px; transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; } #_desktop_megamenu .root.drop-menu .menu-item.has-sub:hover:after { transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } #_desktop_megamenu .drop-menu .menu-items, #_desktop_megamenu .drop-menu .menu-item.depth-1 { padding: 0; } #_desktop_megamenu .drop-menu .menu-items { min-width: 200px; } #_desktop_megamenu .drop-menu .menu-item .title { padding: 12px 15px 8px; } #_desktop_megamenu ul .drop-menu .menu-item .description { right: 15px; } #_desktop_megamenu ul .drop-menu .menu-item.has-sub>a .description { right: 35px; } /*--------------Mobile megamenu---------------*/ .mobile_megamenu { border-top: 1px solid rgba(0, 0, 0, 0.05); float: left; width: 100%; } #_mobile_megamenu_vertical.mobile_megamenu { border-top: none; } .mobile_megamenu>ul { text-align: left; } .mobile_megamenu ul { margin: 0; } .mobile_megamenu ul li.root:not(.hidden-md-down) { display: block !important; position: relative; float: left; width: 100%; } .mobile_megamenu ul li.root .root-item { display: block; position: relative; } .mobile_megamenu ul .description { background-color: #b33a3a; border-radius: 3px; color: #fff; display: block; font-size: 9px; right: 0px; padding: 0 7px; position: absolute; text-align: center; top: 10px; line-height: 16px; text-transform: none; } .mobile_megamenu ul .root>.root-item .description { right: 30px; } .mobile_megamenu .menu-items { background: #fff none repeat scroll 0 0; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.35); float: left; padding: 0 15px 2px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .mobile_megamenu .root:not(.drop-menu) .menu-item.has-sub>.title { color: #232323; font-size: 14px; } .mobile_megamenu .root-item .title { cursor: pointer; position: relative; z-index: 1; padding: 8px 0; font-size: 15px; color: #232323; display: block; line-height: 1.75; transition: all 0.1s ease-in-out 0s; -ms-transition: all 0.1s ease-in-out 0s; -webkit-transition: all 0.1s ease-in-out 0s; } .mobile_megamenu .root-item .title { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .mobile_megamenu .root:hover .root-item .title, .mobile_megamenu .root-item .title.active { color: #b33a3a; } .mobile_megamenu .popup-pull-left .menu-items { left: 0; } .mobile_megamenu .popup-pull-right .menu-items { right: 0; } .mobile_megamenu a { display: block; } .mobile_megamenu .icon { font-size: 20px; margin-right: 5px; vertical-align: -1px; } .mobile_megamenu .menu-item .icon { font-size: inherit; margin-right: 10px; } .mobile_megamenu .menu-item { float: left; position: relative; width: 100%; } .mobile_megamenu .menu-item .menu-item { padding-left: 10px; } .mobile_megamenu .menu-item.divider { display: none; } .mobile_megamenu .menu-item .title { position: relative; z-index: 1; padding: 8px 0; font-size: 13px; color: #878787; float: left; width: 100%; line-height: 1.75; transition: all 0.1s ease-in-out 0s; -ms-transition: all 0.1s ease-in-out 0s; -webkit-transition: all 0.1s ease-in-out 0s; } .mobile_megamenu .menu-item .title { border-bottom: 1px dashed #ebebeb; border-top: 1px dashed #ebebeb; margin-top: -1px; } .mobile_megamenu .root .menu-item.has-sub>.title { color: #232323; font-weight: 500; text-transform: uppercase; } .mobile_megamenu .menu-item .title:not(span):hover, .mobile_megamenu .root .menu-item.has-sub>.title:not(span):hover { color: #b33a3a; } .mobile_megamenu .menu-item ul>li.menu-item:last-child>.title { border-bottom: none; } .mobile_megamenu .navbar-toggler { height: 30px; line-height: 30px; position: absolute; right: 0; text-align: center; top: 5px; width: 30px; z-index: 2; } /*----------------------megamenu vertical----------------------*/ .megamenu_vertical { max-width: 270px; } .megamenu_vertical .megamenu_vertical_title { font-size: 16px; background: #202021; color: #fff; line-height: 20px; padding: 15px; } .megamenu_vertical .megamenu_vertical_title i { float: right; line-height: 20px; } .megamenu_vertical .megamenu>ul { border: 1px solid #ebebeb; border-top: none; } .megamenu_vertical .megamenu ul { margin: 0; } .megamenu_vertical .megamenu ul li.root { display: block; position: relative; } .megamenu_vertical .megamenu ul li.root .root-item { display: block; position: relative; } .megamenu_vertical .megamenu ul .description { background-color: #b33a3a; border-radius: 3px; color: #fff; display: block; font-size: 9px; right: 0; padding: 0 7px; position: absolute; text-align: center; top: 10px; line-height: 16px; text-transform: none; } .megamenu_vertical .megamenu ul .root>.root-item .description { top: -5px; } .megamenu_vertical .megamenu .root-item .title { border-bottom: 1px solid #ebebeb; color: #232323; cursor: pointer; display: block; padding: 10px 20px; } .megamenu_vertical .megamenu>ul>li:last-child .root-item .title { border-bottom: none; } .megamenu_vertical .megamenu .root:hover .root-item .title, .megamenu_vertical .megamenu .root-item .active .title { color: #b33a3a; } .megamenu_vertical .megamenu .menu-items { top: 0; transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); opacity: 0; visibility: hidden; text-align: left; background: #fff none repeat scroll 0 0; display: block; position: absolute; left: 100%; z-index: 100; padding: 14px 30px 16px 0; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.35); transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; } .megamenu_vertical .megamenu .root:hover .menu-items { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); opacity: 1; visibility: visible; } .megamenu_vertical .megamenu a { display: block; } .megamenu_vertical .megamenu .icon { font-size: 20px; margin-right: 5px; vertical-align: -1px; } .megamenu_vertical .menu-item .icon { font-size: inherit; margin-right: 10px; } .megamenu_vertical .megamenu .menu-item { float: left; position: relative; width: 100%; } .megamenu_vertical .megamenu .menu-item .menu-item { padding-left: 0; } .megamenu_vertical .megamenu .menu-item.depth-1 { padding-left: 30px; } .megamenu_vertical .megamenu .menu-item .icon-has-sub { line-height: inherit; position: absolute; right: 0; top: 0; padding: 11px 0 7px; } .megamenu_vertical .megamenu .menu-item .title { position: relative; z-index: 1; padding: 10px 0 6px; font-size: 13px; color: #878787; float: left; width: 100%; line-height: 1.75; transition: all 0.1s ease-in-out 0s; -ms-transition: all 0.1s ease-in-out 0s; -webkit-transition: all 0.1s ease-in-out 0s; } .megamenu_vertical .megamenu .menu-item .title { border-bottom: 1px solid #ebebeb; } .megamenu_vertical .megamenu .menu-item ul>li.menu-item:last-child>.title { border-bottom: none; } .megamenu_vertical .megamenu .root:not(.drop-menu) .menu-item.has-sub>.title { color: #232323; font-weight: 500; text-transform: uppercase; } .megamenu_vertical .megamenu .menu-item .title:not(span):hover, .megamenu_vertical .megamenu .root:not(.drop-menu) .menu-item.has-sub>.title:not(span):hover { color: #b33a3a; } .megamenu_vertical .megamenu .drop-menu .submenu { top: 0; transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); opacity: 0; visibility: hidden; text-align: left; background: #fff none repeat scroll 0 0; display: block; position: absolute; left: 100%; right: auto; min-width: 250px; z-index: 100; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.35); transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; } .megamenu_vertical .megamenu .popup-pull-right.drop-menu .submenu { right: 100%; left: auto; } .megamenu_vertical .megamenu .root .menu-item.has-sub:hover>.submenu { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); opacity: 1; visibility: visible; } .megamenu_vertical .megamenu .root.drop-menu .menu-item.has-sub:after { content: "\f107"; font-family: FontAwesome; position: absolute; right: 15px; top: 0; line-height: 40px; transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; } .megamenu_vertical .megamenu .root.drop-menu .menu-item.has-sub:hover:after { transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .megamenu_vertical .megamenu .drop-menu .menu-items, .megamenu_vertical .megamenu .drop-menu .menu-item.depth-1 { padding: 0; } .megamenu_vertical .megamenu .drop-menu .menu-items { min-width: 250px; } .megamenu_vertical .megamenu .drop-menu .menu-item .title { padding: 12px 15px 8px; } .megamenu_vertical .megamenu ul .drop-menu .menu-item .description { right: 15px; } .megamenu_vertical .megamenu ul .drop-menu .menu-item.has-sub>a .description { right: 35px; } .megamenu_vertical .megamenu ul li.root.category_hidden { display: none; } .megamenu_vertical .megamenu .more_categories.hidden_categories .close_c { display: none; } .megamenu_vertical .megamenu .more_categories:not(.hidden_categories) .more_c { display: none; } /*-----------------------------------------------megamenu vertical-----------------------------------*/ .navbar-toggler { padding: 0; width: auto; font-size: inherit; border: none; cursor: pointer; background: none; } /*------------------sticky--------------------*/ #block-header-center.sticky-top { position: fixed; top: 0; z-index: 1030; left: 0; right: 0; background: #fff; } #block-header-center.sticky-top.shadow-top { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } #megamenu_wrapper.sticky-top { position: fixed; top: 0; z-index: 1030; left: 0; right: 0; } #search_block_top.sticky_top_right.sticky-top { position: fixed; top: 0; z-index: 1031; left: auto; } #search_block_top.sticky_top_left.sticky-top { position: fixed; top: 0; z-index: 1031; right: auto; } #_desktop_cart_tab.sticky_top_left.sticky-top, #_desktop_notifications_tab.sticky_top_left.sticky-top { position: fixed; top: 0; z-index: 1031; right: auto; } #_desktop_cart_tab.sticky_top_right.sticky-top, #_desktop_notifications_tab.sticky_top_right.sticky-top, { position: fixed; top: 0; z-index: 1031; left: auto; } /*------------------sticky--------------------*/ #data_content_compare, #data_content_wishlist { line-height: 20px; text-align: center; } .goto_page { color: #fff !important; font-size: 12px; margin-left: 10px; text-decoration: underline; text-transform: capitalize; } /*******-------------------smartblog */ #smart-blog-custom .sds_post_title { font-weight: normal; margin-bottom: 10px; } #smart-blog-custom.owl-carousel .owl-wrapper-outer { margin: 0; } #smart-blog-custom .sds_post_title a { font-size: 20px; font-weight: 500; letter-spacing: 2px; display: block; } #smart-blog-custom .sds_post_title a:hover { color: #b33a3a; } .read-more-blog { float: left; font-size: 14px; font-weight: 500; line-height: 20px; text-transform: uppercase; color: #b33a3a; margin-bottom: 10px; } .read-more-blog i { font-size: 12px; margin-left: 7px; } .read-more-blog:hover { text-decoration: underline; } .vertical_mode { margin-bottom: 0; } #smart-blog-custom .image_holder_wrap { position: relative; overflow: hidden; margin-bottom: 13px; } .smart-blog-home-post .horizontal_mode .item-inner { border: none; background: none; margin-bottom: 0; } .inline-block_relative {} #smart-blog-custom .right_blog_home {} @media only screen and (max-width:479px) { #smart-blog-custom .image_holder_wrap { margin-bottom: 15px; } #smart-blog-custom .right_blog_home, #smart-blog-custom .image_holder_wrap { max-width: 100%; width: 100%; } .inline-block_relative {} } #smart-blog-custom .image_holder_wrap i { display: none; position: absolute; width: 30px; height: 30px; border-radius: 3px; background: #33a752; color: #fff; text-align: center; line-height: 30px; right: 10px; bottom: 10px; transform: scale(0, 0); -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; } #smart-blog-custom .news_module_image_holder:hover .image_holder_wrap i { transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); } #smart-blog-custom .news_module_image_holder { margin: auto 0; position: relative; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; } #smart-blog-custom .news_module_image_holder .image_holder_wrap a img { transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; } #smart-blog-custom .news_module_image_holder .image_holder_wrap a { overflow: hidden; } #smart-blog-custom .news_module_image_holder:hover .image_holder_wrap a img { transform: scale3d(1.07, 1.07, 1); } #smart-blog-custom .date_added i { color: #666666; float: left; font-size: 20px; letter-spacing: 1px; line-height: 30px; margin-right: 10px; } #smart-blog-custom .content p { margin-bottom: 0; color: #666666; } #smart-blog-custom a.r_more { color: #33a752; font-weight: 700; } #smart-blog-custom a.r_more:hover { text-decoration: underline; } .articleContent { overflow: hidden; margin-bottom: 20px; } .articleContent img { max-width: 100%; padding: 0; } .sdsarticleCat .r_more { position: relative; display: block; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .sdsarticleCat .r_more:hover {} #wishlist_block_list dl { background: #fff; } #wishlist_block select#wishlists { background-color: #fff; } .sdstitle_block a { display: table; font-size: 18px; line-height: 24px; margin-bottom: 15px; color: #797d89; } .sdstitle_block a:hover { color: #b33a3a; } .info-category span i { background: #999 none repeat scroll 0 0; color: #fff; font-size: 10px; height: 20px; line-height: 15px; margin-right: 5px; padding: 3px; text-align: center; width: 20px; } .info-category span { margin-right: 10px; line-height: 18px; } .info-category span a:hover { text-decoration: underline; } .info-category { margin-bottom: 20px; } .sdsarticle-des .lipsum p { margin-bottom: 0; color: #999; font-size: 12px; } .sdsreadMore a { border-bottom: 1px solid; color: #999; display: inline-block; font-size: 14px; line-height: 20px; margin-top: 20px; margin-bottom: 20px; } .sdsreadMore a:hover { color: #b33a3a; } .smartblogcomments #reply-title { margin-bottom: 20px; } .sdsarticle-des .lipsum { line-height: 20px; text-align: justify; } .sdsarticle-des p { line-height: 20px; text-align: justify; color: #797d89; font-size: 12px; } .page-item-title h1 { border-bottom: 1px solid #ebebeb; font-size: 22px; line-height: 30px; margin-bottom: 20px; padding-bottom: 15px; text-transform: capitalize; } .wrapper_smart_blog { border: 1px solid #ebebeb; padding: 0 20px; background: #fff; } .wrapper_smart_blog .smartblock_title { border-bottom: 1px solid #ebebeb; font-size: 16px; text-transform: uppercase; color: #b33a3a; margin-bottom: 10px; } .wrapper_smart_blog .smartblock_title span { display: inline-block; padding: 20px 0; position: relative; } .wrapper_smart_blog .smartblock_title span:before { position: absolute; content: ""; width: 100%; height: 3px; background: #b33a3a; bottom: -2px; } .wrapper_smart_blog .block_content.list-block>ul { margin-bottom: 0; } .wrapper_smart_blog .block_content.list-block li { border-bottom: 1px dashed #ebebeb; color: #999; line-height: 20px; padding: 10px 0; } .wrapper_smart_blog .block_content.list-block li:last-child { border: none; } .wrapper_smart_blog .block_content.list-block a { color: #999; font-size: 12px; display: block; } .wrapper_smart_blog .block_content.list-block a:hover { color: #b33a3a; } .wrapper_smart_blog .quanty_categories { float: right; } .wrapper_smart_blog .block_content.list-block form { display: block; margin: 20px 0; } .wrapper_smart_blog .block_content.list-tag-block>ul { display: table; margin: 0 -5px; padding: 10px 0; } .wrapper_smart_blog .block_content.list-tag-block li { display: inline-block; margin: 0 5px 10px; float: left; } .wrapper_smart_blog .block_content.list-tag-block li a { border: 1px solid #ebebeb; color: #999; display: block; line-height: 20px; padding: 5px 10px; font-size: 12px; } .wrapper_smart_blog .block_content.list-tag-block li a:hover { color: #b33a3a; border-color: #b33a3a; } .box_post_detail { padding: 20px; border: 1px solid #ebebeb; background: #fff; } .smartblogcomments { border: 1px solid #ebebeb; padding: 20px; background: #fff; } #content.block { margin-bottom: 30px; } #commentform { display: table; } #commentform label { color: #999; font-size: 12px; } #post_images img:hover { opacity: 0.8; transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; } .smartblogcat .sdsarticleCat { border: 1px solid #ebebeb; margin-bottom: 30px; padding: 20px 20px 0; } .smartblogcat .sdsarticleCat:last-child { margin-bottom: 10px; } .smartblogcomments .warning { background-color: #F2DEDE; border-color: #EBCCD1; color: #A94442; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; margin-bottom: 20px; padding: 15px; } .smartblogcomments .success { background-color: #DFF0D8; border-color: #D6E9C6; color: #3C763D; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; margin-bottom: 20px; padding: 15px; } .error.smartblogcomments .warning { background-color: #F2DEDE; border-color: #EBCCD1; color: #A94442; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; margin-bottom: 20px; padding: 15px; } #respond .error { color: #DD0000; display: inline-block; font-size: 11px; margin: 0 8px; margin-top: 10px; } #articleComments { background-color: #fff; border: 1px solid #ebebeb; clear: left; margin: 20px 0; padding: 10px 15px; } #articleComments h4 { font-size: 20px; letter-spacing: 0; margin: 0 0 10px; } #articleComments h4 span { font-size: 14px; font-weight: normal; } #articleComments #comments { overflow: hidden; } #comments .commentEmpty { background: none repeat scroll 0 0 #fff; border: 1px solid #d8d8d8; margin-bottom: 10px; padding: 8px 10px; } #comments .commentList { list-style: none outside none; margin: 10px 0 0; padding: 0; } .commentList p { color: #999999; font-size: 12px; margin-bottom: 10px; } .commentList li.even { border: 1px solid #ebebeb; margin-bottom: 10px; min-height: 75px; padding: 8px 8px 8px 75px; position: relative; } .childComment li { border: 1px solid #ffffff; } .commentList li .avatar { background: none repeat scroll 0 0 #eeeeee; border: 1px solid #ebebeb; left: 10px; position: absolute; top: 10px; width: 50px; border-radius: 100%; } .commentList li .badge { background: none repeat scroll 0 0 #222222; color: #ffffff; cursor: default; font-size: 10px; letter-spacing: 1px; margin-right: 4px; padding: 1px 4px; text-shadow: 1px 1px 0 #333333; } .commentList li .default { background: none repeat scroll 0 0 #0555C6; } .commentList li .top, .commentList li .admin { background: none repeat scroll 0 0 #FF0000; } .commentList li .name, .commentList li .name a { color: #666666; cursor: default; font-size: 15px; margin-bottom: 5px; text-decoration: none; text-transform: capitalize; } .commentList li .name a { cursor: pointer; } .commentList li .name a:hover { text-decoration: underline; } .commentList li .created { color: #888888; font-size: 10px; margin: 2px 0 8px; } .commentList li .reply { height: 22px; margin-top: 10px; text-align: right; } .commentList li .reply a { background: none repeat scroll 0 0 #666666; color: #ffffff !important; cursor: pointer; display: inline-block; font-size: 11px; padding: 3px 10px; text-decoration: none; } .commentList li .reply a:hover { background: none repeat scroll 0 0 #333333; } .commentList .even { background: none repeat scroll 0 0 #ffffff; } .childComment .even { background: none repeat scroll 0 0 #F8F8F8; } .commentList .odd { background: none repeat scroll 0 0 #eeeeee; } .childComment .odd { background: none repeat scroll 0 0 #ebebeb; } #comments .pagination { border: medium none; color: #666666; font-size: 11px; padding: 0; } #comments .pagination .links a, #comments .pagination .links b { font-size: 10px; padding: 2px 5px; } #comments .pagination .links a { background: none repeat scroll 0 0 #ffffff; color: #666666; } #comments .pagination .links b { background: none repeat scroll 0 0 #0481CF; color: #ffffff; } #smart-blog-custom .news_module_image_holder:hover { border-color: #b33a3a; } #smart-blog-custom .date_added { color: #666666; font-size: 15px; letter-spacing: 1px; line-height: 30px; display: inline-block; margin-right: 15px; } #smart-blog-custom .content .date_added:last-child { margin-right: 0; } #smart-blog-custom .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #smart-blog-custom .bottom_blog .date_added { float: right; line-height: 20px; font-size: 12px; margin-left: 20px; margin-bottom: 10px; } .bottom_blog { margin-top: 50px; float: left; width: 100%; } #smart-blog-custom .content p { line-height: 24px; font-size: 14px; text-align: justify; } #recent_article_smart_blog_block_left .block_content ul li a.read-more:hover { background: #b33a3a; } #recent_article_smart_blog_block_left .block_content ul li .info { color: #b33a3a; display: block; line-height: 20px; margin-top: 5px; } .info-category span, .info-category span a { color: #999; font-size: 12px; } .info-category span { display: inline-block; margin-bottom: 5px; } @media only screen and (max-width: 991px) { .header-logo { padding: 14px 0; } .header-logo img { max-width: 100%; height: auto; } .cart_top_ajax {} .cart_top_ajax::before {} #search_block_top, #cart_block_top {} #search_block_top div.dropdown-menu {} } .active_filters { background: #fff; border: 1px solid #ebebeb; padding: 0 15px; margin-bottom: 30px; padding-bottom: 0; } .active_filters .filter-block .close { color: #414141; font-size: 16px; opacity: 1; margin-top: 3px; margin-left: 5px; } /*-----------------------------------------*/ .pie { width: 74px; height: 74px; border-radius: 100%; position: relative; float: left; margin: 0 15px; } .pie:before { position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; border-radius: 100%; content: ""; background-color: #b33a3a; } .pie2 { position: absolute; top: 4px; left: 4px; bottom: 4px; right: 4px; border: 3px solid #fff; border-radius: 100%; content: ""; background-color: #fff; } .clip1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip: rect(0px, 74px, 74px, 37px); } .slice1 { position: absolute; width: 100%; height: 100%; clip: rect(0px, 37px, 74px, 0px); border-radius: 100%; background-color: #ebebeb; transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); } .clip2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip: rect(0, 37px, 74px, 0px); } .slice2 { position: absolute; width: 100%; height: 100%; clip: rect(0px, 74px, 74px, 37px); border-radius: 100%; background-color: #ebebeb; transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); } /*--------------------*/ .item-countdown-circle .section_cout { color: #444444; font-size: 14px; left: 50%; line-height: 20px; position: absolute; text-align: center; text-transform: uppercase; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .item-countdown-time-circle { margin: 0 -15px; display: table; } @media (max-width:478px) { .pie { height: 54px; margin: 0 3px; width: 54px; } .clip1 { clip: rect(0px, 54px, 54px, 27px); } .slice1 { clip: rect(0px, 27px, 54px, 0px); } .clip2 { clip: rect(0, 27px, 54px, 0px); } .slice2 { clip: rect(0px, 54px, 54px, 27px); } .item-countdown-circle .section_cout { line-height: 15px; } .item-countdown-time-circle { margin: 0 -3px; } } header.title-content { margin-bottom: 30px; position: relative; text-transform: uppercase; } header.title-content:before { background: #ebebeb none repeat scroll 0 0; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: 10px; } header.title-content h4 { background: #fff none repeat scroll 0 0; display: inline-block; font-size: 20px; padding-right: 15px; position: relative; z-index: 1; color: #b33a3a; margin: 0; } /*-----------------------------------------------------*/ .horizontal_mode.product-full .item-inner .left-product>a {} .horizontal_mode.product-full .owl-carousel .owl-item .item { width: 100%; padding: 0; } .horizontal_mode.product-full .owl-wrapper-outer { margin: 0; } .horizontal_mode.product-full .item-inner .left-product { padding: 30px 15px; } @media (min-width: 992px) { .horizontal_mode.product-full .item-inner .left-product { position: relative; } .horizontal_mode.product-full .item-inner .left-product>a::after { display: none; } } .horizontal_mode.product-full .item-inner .left-product>a:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; opacity: 0; background: rgba(0, 0, 0, 0.6); } .horizontal_mode.product-full .item-inner .left-product:hover>a:before { opacity: 1; display: none; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; } .horizontal_mode.product-full .item-inner .left-product .button-action-product { left: -50px; } .horizontal_mode.product-full .item-inner .left-product:hover .button-action-product { left: 0; } .horizontal_mode.product-full .item-inner .left-product .hover_image { opacity: 0; } .horizontal_mode.product-full .item-inner .left-product:hover .hover_image { opacity: 1; } .horizontal_mode.product-full .item-inner { position: relative; width: 100%; background: none; border: none; max-width: 100%; } .horizontal_mode.product-full .button-action-product { position: static; float: left; width: 100%; padding: 0; transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; } .horizontal_mode.product-full .button-action-full { font-size: 14px; border: 2px solid; border-color: #202021; color: #333333; background: none; line-height: 20px; padding: 8px 15px; float: left; margin-right: 30px; min-width: 130px; text-align: center; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; } .horizontal_mode.product-full button.button-action-full, .horizontal_mode.product-full .button-action-full:hover { background: #b33a3a; color: #fff; border-color: #b33a3a; } .horizontal_mode.product-full button.button-action-full:hover { background: #202021; color: #fff; border-color: #202021; } .horizontal_mode.product-full .button-action.pick-color { margin-right: 0; } .horizontal_mode.product-full .item-inner .left-product>a::after { display: none; } .horizontal_mode.product-full .button-action span.bg::before { transform: rotateZ(-90deg); -webkit-transform: rotateZ(-90deg); -ms-transform: rotateZ(-90deg); margin-left: -4px; bottom: -9px; top: auto; left: 50%; } .horizontal_mode.product-full .button-action span.bg::after {} .horizontal_mode.product-full .button-action span.bg { bottom: 100%; display: block; margin: -70px 0 0 15px; max-width: inherit; position: relative; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); white-space: nowrap; top: 0; } .horizontal_mode.product-full .button-action i { background: none; border: 1px solid #fff; } .horizontal_mode.product-full .button-action.pick-color .text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .horizontal_mode.product-full .button-action:hover i { background: #b33a3a; border-color: #b33a3a; } .horizontal_mode .button-action i { position: relative; z-index: 1; font-size: 20px; } .right-product-full { text-align: center; } @media (max-width: 991px) { .horizontal_mode.product-full .button-action-full { margin-right: 5px; min-width: calc(50% - 5px); } } @media (min-width: 992px) { .product-full .left-product-fix { max-width: 505px; } .right-product-full { text-align: left; max-width: 550px; } .right-product-full .product_name a { max-width: 300px; } } @media (min-width: 992px) { .horizontal_mode.product-full .item-inner .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .item-countdown-full { margin-top: 10px; float: left; } .item-countdown-full .section_cout { background: #fff none repeat scroll 0 0; border-right: 1px solid; color: #b33a3a; font-size: 20px; padding: 10px; float: left; text-align: center; text-transform: uppercase; } .item-countdown-full .section_cout:last-child { border: none; } .item-countdown-full .section_cout span { float: left; width: 100%; } .item-countdown-full .section_cout .text { font-size: 14px; color: #999999; margin-top: 10px; } .right-product-full .product_name a { float: left; font-size: 35px; font-weight: 700; line-height: 45px; margin-bottom: 25px; text-transform: uppercase; width: 100%; color: #262626; } .right-product-full .product-price-and-shipping { font-size: 14px; text-align: center; margin-bottom: 22px; line-height: 30px; clear: left; } .right-product-full .category_default { font-size: 16px; line-height: 45px; font-weight: 700; text-transform: uppercase; color: #262626; margin-bottom: 5px; } @media (min-width: 992px) { .right-product-full .product-price-and-shipping { text-align: left; float: left; margin-right: 100px; } .item-countdown-full .section_cout { min-width: 112px; } } .right-product-full .lable { font-size: 16px; color: #262626; margin-right: 10px; } .right-product-full .product-comment-avg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; float: left; line-height: 30px; margin-bottom: 22px; } .right-product-full .product-comment-avg .comments_note>span { display: none; } .right-product-full .product-price-and-shipping .price { font-size: 25px; font-weight: 700; } .right-product-full .product-price-and-shipping .regular-price { font-size: 16px; font-weight: 700; margin-left: 10px; display: none; } .right-product-full .product-description { float: left; padding: 30px 0; } .right-product-full .description-short p { font-size: 14px; line-height: 30px; margin: 0; text-align: justify; } @media (max-width: 991px) { .right-product-full .product_name a { font-size: 20px; line-height: 30px; margin-bottom: 15px; } .right-product-full .product-description { padding-top: 0 !important; } .right-product-full .product-price-and-shipping { margin-bottom: 10px; } .right-product-full .description-short { margin-bottom: 30px !important; } .right-product-full .product-comment-avg .lable, .right-product-full .product-comment-avg .comments_note { float: left; } .right-product-full .product-comment-avg { float: none; display: table; margin: 0 auto 10px; } .right-product-full .description-short p { text-align: center; } .item-countdown-circle { display: inline-block; } .horizontal_mode.product-full .button-action-product { display: table; float: none; width: 120px; margin: 0 auto; } .item-countdown-full .section_cout { padding: 10px 0; } .item-countdown-full { float: none; display: table; margin: 0 auto; padding-top: 10px; } } .right-product-full .description-short { margin-bottom: 65px; clear: both; } .horizontal_mode.product-full .item-inner { text-align: center; margin: 0; } .product-full { box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); position: relative; overflow: visible; background: #fff; margin-bottom: 30px; } @media (min-width: 992px) { .product-full { margin-bottom: 130px; } .product-full:before { content: ''; position: absolute; width: 570px; max-width: 100%; height: 30px; background: #b33a3a; top: -30px; left: 150px; } .product-full:after { content: ''; position: absolute; width: 570px; max-width: 100%; height: 30px; background: #202021; bottom: -30px; right: 150px; } } .product-full .owl-theme .owl-dots .owl-dot span {} .product-full .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {} /*-------------------------------------------------------------------------------------*/ .nrtFullWidth { clear: both; float: left; width: 100%; } .product-box .horizontal_mode .item-inner .left-product>a { padding: 10px 35px 60px; } .product-box .horizontal_mode .item-inner .left-product .hover_image { padding: 10px 35px 60px; } .product-box .horizontal_mode .item-inner { position: relative; } .product-box .horizontal_mode .item-inner .right-product { background: #fff none repeat scroll 0 0; bottom: 0px; left: 0px; padding-bottom: 10px; position: absolute; right: 0px; z-index: 1; border: 1px solid #ebebeb; border-top: none; padding-top: 10px; margin: 0; } .product-box .horizontal_mode .button-action-product { /*margin-top: -67px;*/ } @media (min-width: 992px) { .product-container { max-width: 470px; } } @media (min-width: 1200px) { .product-container { max-width: 600px; } } .banner-text-product { float: right; position: relative; } .banner-text-product.right { float: left; } @media (max-width: 991px) { .banner-text-product img { max-width: 100%; height: auto; } } .box-text-product { position: absolute; top: 50%; right: 60px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: center; color: #fff; } .right .box-text-product { right: auto; left: 60px; } .box-text-product * { color: #fff; } .box-text-product h6 { font-size: 18px; } .box-text-product h4 { font-size: 36px; } .box-text-product p { font-size: 14px; line-height: 24px; } .box-text-product a { line-height: 40px; padding: 0 20px; font-size: 16px; text-transform: uppercase; background: #202021; color: #fff !important; display: inline-block; } .box-text-product a:hover { background: #b33a3a; } .product-customization { clear: both; margin: 0; } @media (max-width: 991px) { .box-text-product { left: 10px !important; right: 10px !important; } .box-text-product h4 { font-size: 20px; } .box-text-product p { font-size: 14px; line-height: 15px; } .box-text-product a { font-size: 16px; line-height: 32px; padding: 0 10px; } } /*----------------------------------------------------------------------*/ .newsletter p { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; margin: 15px 0 0; padding: 0; } .newsletter { font-size: 0; text-align: center; display:flex; flex-direction:row; padding:2px; } .newsletter input.input-email { height: 48px; border: 0.5px solid #E8E7E1; width: 100%; font-style: italic; padding: 0 15px; max-width: 500px; vertical-align: middle; font-size: 16px; margin-right: 10px; margin-top: 5px; flex-grow:2; } .newsletter .button-email { font-size: 18px; border: none; vertical-align: middle; background: #202021; color: #fff; min-width: 100px; margin-top: 5px; font-weight: 700; margin-left: -50px; height: 48px; width: 50px; -webkit-appearance: none; } .newsletter .button-email:hover { text-decoration: underline; } .social_footer .title-content-social { float: left; margin-bottom: 5px; margin-right: 35px; margin-top: 5px; } .social_footer .wrapper-social { float: left; } .social_footer .title-content-social h4 { font-size: 16px; color: #fff; line-height: 20px; margin: 0; text-transform: uppercase; text-align: left; } .social_footer .title-content-social p { font-size: 14px; color: #fff; line-height: 20px; } /*----------------------------------------*/ .date-post { float: left; background: #b33a3a; min-width: 46px; padding: 3px 5px; color: #fff; margin-right: 25px; } .date-post span { clear: both; float: left; font-size: 20px; line-height: 20px; text-align: center; width: 100%; } .date-post span:last-child { font-size: 11px; text-transform: uppercase; } .date-content { float: left; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 21px; } .date-content:last-child { margin-bottom: 0; } .date-content a { line-height: 18px; } .nrt-maps>div { pointer-events: none; width: 100%; } .nrt-maps.active>div { pointer-events: auto; } .nrt-maps { cursor: pointer; margin-bottom: 50px; position: relative; } .nrt-maps p { background-color: rgba(255, 255, 255, 0.8); bottom: 10px; color: #666666 !important; display: inline-block; font-size: 15px; margin: 0; padding: 5px 15px; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } .nrt-maps.active p, .nrt-maps.active~.contact { display: none; } /*-----------------------------------------------------*/ body>.loading { position: fixed; top: 0; left: 0; z-index: 1050; width: 100%; height: 100%; /*filter: brightness(0) invert(0);*/ background: rgba(0, 0, 0, 0.8); text-align: center; font-size: 0; } body>.loading:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; } body>.loading span { background: #fff none repeat scroll 0 0; height: 60px; line-height: 60px; text-align: center; width: 60px; display: inline-block; vertical-align: middle; } body>.loading span i { font-size: 35px; } .loading_element { background: rgba(0, 0, 0, 0.05) url("loading_b.svg") no-repeat scroll center center / 80px auto; display: block; } .fade:not(.tab-pane) { transition: opacity 0s linear 0s; } .modal-open .loading { display: none !important; } .owl-theme .owl-nav .disabled { cursor: default; opacity: 0.5; } /*----------------------------------------------------------------------------*/ .colorpicker { display: none; width: 356px; height: 178px; overflow: hidden; position: fixed; background: url(images/colorpicker_background.png); font-family: Arial, Helvetica, sans-serif; -moz-border-radius: 5px; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); z-index: 99999; } .colorpicker_color { width: 150px; height: 150px; left: 14px; top: 14px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; z-index: 9999; } .colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(images/colorpicker_overlay.png); z-index: 9999; } .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; /*background: url(../images/colorpicker_select.gif);*/ margin: -5px 0 0 -5px; } .colorpicker_hue { position: absolute; top: 14px; left: 171px; width: 35px; height: 150px; cursor: n-resize; } .colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(images/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px; } .colorpicker_new_color { position: absolute; width: 62px; height: 28px; left: 213px; top: 14px; background: #f00; } .colorpicker_current_color { position: absolute; width: 63px; height: 28px; left: 280px; top: 14px; background: #f00; } .colorpicker input { position: absolute; top: 4px; left: 16px; width: 26px !important; height: 10px !important; line-height: 10px !important; margin: 0 !important; padding: 2px !important; text-align: right !important; font-size: 10px !important; font-family: Tahoma, Helvetica, sans-serif !important; color: #ccc; border: none !important; background: none !important; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .colorpicker input:hover, .colorpicker input:focus { padding: 1px !important; color: #fff; border: 1px solid #999 !important; background: none !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .colorpicker_hex { position: absolute; width: 72px; height: 22px; left: 213px; top: 142px; } .colorpicker_hex input { width: 37px !important; } .colorpicker_nrt { height: 22px; width: 62px; background-position: top; position: absolute; } .colorpicker_nrt span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; } .colorpicker_rgb_r { top: 61px; left: 213px; } .colorpicker_rgb_g { top: 88px; left: 213px; } .colorpicker_rgb_b { top: 115px; left: 213px; } .colorpicker_hsb_h { top: 61px; left: 280px; } .colorpicker_hsb_s { top: 88px; left: 280px; } .colorpicker_hsb_b { top: 115px; left: 280px; } .colorpicker_submit { position: absolute; width: 22px; height: 22px; /*background: url(../images/colorpicker_submit.png) top;*/ left: 322px; top: 142px; overflow: hidden; } .colorpicker_focus { background-position: center; } .colorpicker_hex.colorpicker_focus { background-position: bottom; } .colorpicker_submit.colorpicker_focus { background-position: bottom; } .colorpicker_slider { background-position: bottom; } .colorSelector { cursor: pointer; position: relative; width: 22px; height: 22px; background: url("images/color_select.png") no-repeat scroll 0 0 transparent; } .colorSelector div { position: absolute; width: 22px; height: 22px; background: url("images/color_select.png") no-repeat scroll 0 0 transparent; } .colorSelector div:hover { background-position: 100% 0; } .nrt-demo-wrap { background: #fff; color: #000; font-size: 14px; line-height: 20px; left: -210px; padding: 6px; position: fixed; text-align: left; top: 70px; width: 210px; z-index: 1040; -webkit-transition: background 0.5s ease-in-out 0s; -ms-transition: background 0.5s ease-in-out 0s; -o-transition: background 0.5s ease-in-out 0s; -moz-transition: background 0.5s ease-in-out 0s; } @media(max-width:991px) { .nrt-demo-wrap { display: none !important; } } .nrt-demo-wrap .nrt-demo-title { border-bottom: 1px solid #ebebeb; color: #555555; font-size: 18px; font-weight: normal; line-height: 25px; padding: 5px; text-align: left; text-transform: uppercase; } .nrt-demo-wrap .control { cursor: pointer; float: right; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; height: 40px; margin-right: -52px; margin-top: -50px; width: 46px; } .nrt-demo-wrap .control.inactive::before { color: #ffffff; content: "\f013" !important; font-family: fontawesome; font-size: 24px; line-height: 40px; padding: 0 13px; } .nrt-demo-wrap .control.active::before { color: #ffffff; content: "\f057"; font-family: fontawesome; font-size: 24px; line-height: 40px; padding: 0 13px; } .nrt-demo-wrap .control.active { border: none; } .nrt-demo-wrap .control.inactive { border: medium none; } .nrt-demo-wrap .control a:hover { cursor: pointer; text-decoration: none; outline: none; } .nrt-demo-wrap .nrt-demo-option { float: left; padding: 5px 0 5px 4px; } .nrt-demo-wrap .cl-wrapper { float: left; } .nrt-demo-wrap .cl-container { float: left; width: 100%; } .nrt-demo-wrap .cl-table { float: left; } .nrt-demo-wrap .cl-tr { float: left; width: 100%; clear: both; padding: 0 0 8px; } .nrt-demo-wrap .cl-tr.cl-tr-style-label { position: relative; } .nrt-demo-wrap .cl-tr.cl-tr-style-label span { background: #fff none repeat scroll 0 0; padding-right: 15px; position: relative; z-index: 1; } .nrt-demo-wrap .cl-tr.cl-tr-style-label:before { background: #ebebeb none repeat scroll 0 0; content: ""; height: 1px; position: absolute; right: 0; top: 10px; width: 100%; } .cl-tr.last { background: none; } .cl-td-l, .cl-td-r { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #444444 !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; float: left; width: 50%; } .cl-td-l #mode_box, .cl-td-r #mode_box {} .cl-tr-mode div.radio span { vertical-align: middle; } .cl-tr-background .cl-td-l, .cl-tr-link .cl-td-l { width: 70%; } .cl-row-body .cl-td-l { padding-top: 60px; } .cl-tr-link .cl-td-r, .cl-tr-background .cl-td-r, .cl-tr-main .cl-td-r { float: left; } .nrt-demo-wrap .cl-tr-font { padding: 10px 0 8px; } .cl-td-l-font { width: 40px; } .cl-td-r-font { float: left; width: auto; } .cl-tr-background .cl-td-r, .cl-tr-link .cl-td-r { width: 30%; } .cl-tr.first .cl-td-r { padding-top: 8px; } .cl-tr.last .cl-td-r { padding-bottom: 8px; } .cl-td-r .cl-label { float: left; width: 90px; text-align: right; padding-right: 8px; } .cl-tr.cl-tr-mode label { cursor: pointer; font-size: 13px; font-weight: normal; line-height: 24px; margin: 0 0 0 10px; } .colorSelector { cursor: pointer; position: relative; } .colorSelector div { position: absolute; left: 0; top: 0; width: 22px; height: 22px; } .cl-pattern .cl-pattern { float: left; width: 104px; } .cl-pattern .cl-image { border: 1px solid #aaa; cursor: pointer; float: left; height: 22px; margin: 0 0 6px 6px; width: 22px; } .cl-pattern .cl-image:hover { border-color: #000; } .cl-row-reset { text-align: center; padding: 10px 0; } .cl-row-reset .cl-reset { background: #202021 none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 14px; height: 34px; line-height: 34px; margin-top: 5px; padding: 0 10px; text-transform: uppercase; width: 100%; } .cl-row-reset .cl-reset:hover { cursor: pointer; background: #b33a3a; transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; } .cl-td-bg, .cl-td-text, .cl-td-link { float: left; padding: 3px; } .cl-row-themeskin {} .cl-row-themeskin .theme-title { font-size: 20px; padding: 0 10px 0; color: #444444 !important; } .cl-row-themeskin ul { float: left; padding: 0 0 15px 10px; } .cl-row-themeskin li { float: left; width: 20px; height: 20px; border: 2px solid #CCCCCC; margin: 10px 10px 0 0; } .cl-row-themeskin li:hover { border-color: #aaa; } .cl-row-themeskin li a { display: block; width: 10px; height: 10px; padding: 5px; text-indent: -9999px; } .cl-row-themeskin li a.cl-asparagus { background: #799042; } .cl-row-themeskin li a.cl-blue { background: #036EB6; } .cl-row-themeskin li a.cl-brick { background: #783937; } .cl-row-themeskin li a.cl-cardinal { background: #d01242; } .cl-row-themeskin li a.cl-darkcoral { background: #cd5b45; } .cl-row-themeskin li a.cl-herbal { background: #54a925; } .cl-row-themeskin li a.cl-indigo { background: #581797; } .cl-row-themeskin li a.cl-khaki { background: #806b2a; } .cl-row-themeskin li a.cl-magentadye { background: #ca1f7b; } .cl-row-themeskin li a.cl-marengo { background: #384e5d; } .cl-row-themeskin li a.cl-pumpkin { background: #ff7518; } .cl-row-themeskin li a.cl-pear { background: #c6c700; } .cl-row-themeskin li a.cl-prussianblue { background: #003348; } .cl-row-themeskin li a.cl-red { background: #e43715; } .cl-row-themeskin li a.cl-violetred { background: #ff52af; } .cl-row-themeskin li a.cl-yellow { background: #fddd15; } .nrt-demo-wrap .cl-tr-style { padding: 0 0 10px; } .nrt-demo-wrap .cl-tr-style .cl-td-l, .nrt-demo-wrap .cl-tr-style .cl-td-r { float: left; height: 41px; padding: 0; text-indent: -9999px; border: none; } .nrt-demo-wrap .cl-tr-style .cl-td-l:hover, .nrt-demo-wrap .cl-tr-style .cl-td-r:hover { border-color: #000; } .nrt-demo-wrap .cl-tr-style .cl-td-l a, .nrt-demo-wrap .cl-tr-style .cl-td-r a { color: #fff; text-transform: uppercase; font-size: 12px; line-height: 30px; width: 100%; height: 100%; display: block; text-align: center; } .nrt-demo-wrap .cl-tr-style .cl-td-l a:hover, .nrt-demo-wrap .cl-tr-style .cl-td-r a:hover { text-decoration: none; } .nrt-demo-wrap .cl-tr-style .cl-td-l-clothing { background: #E72526; } .nrt-demo-wrap .cl-tr-style .cl-td-r-furniture { background: #e66f19; } .nrt-demo-wrap .cl-tr-style .cl-td-l-hitech { background: #1E84C4; } .nrt-demo-wrap .cl-tr-style .cl-td-r-watch { background: #5AA2AF; } .nrt-demo-wrap .cl-tr-style .cl-td-layout { width: 97px; } .nrt-demo-wrap .cl-tr-style .cl-td-layout span { float: left; height: 41px; width: 41px; } .nrt-demo-wrap .cl-tr-style .cl-td-layout3 { margin: 0; } .nrt-demo-wrap .cl-tr-style .cl-td-layout5 { margin: 0; } .nrt-demo-wrap .cl-tr-style .cl-td-layout1 a, .nrt-demo-wrap .cl-tr-style .cl-td-layout2 a, .nrt-demo-wrap .cl-tr-style .cl-td-layout3 a, .nrt-demo-wrap .cl-tr-style .cl-td-layout4 a, .nrt-demo-wrap .cl-tr-style .cl-td-layout5 a, .nrt-demo-wrap .cl-tr-style .cl-td-layout6 a { font-size: 11px; } /*--------------------Slideshow-------------*/ .slider_show { position: relative; } .slider_show .container { position: static; } .slider_show .owl-theme .owl-dots .owl-dot span { background: #202021; border: medium none; height: 14px; position: relative; width: 14px; border-radius: 0; } .slider_show .owl-theme .owl-dots .owl-dot { margin: 5px; float: none; display: inline-block; } .slider_show .owl-theme .owl-dots .owl-dot span:before { position: absolute; content: ''; left: 1px; right: 1px; top: 1px; bottom: 1px; background: #fff; } .slider_show .owl-theme .owl-dots .owl-dot.active span, .slider_show .owl-theme .owl-dots .owl-dot:hover span { background: #202021; } .slider_show .owl-theme .owl-dots .owl-dot.active span:before, .slider_show .owl-theme .owl-dots .owl-dot:hover span:before { background: #202021; } .slider_show .owl-theme .owl-dots { position: absolute; bottom: 40px; left: 0; right: 0; opacity: 0; text-align: center; display: block; transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } .slider_show .owl-nav { height: 0; left: 0; position: absolute; right: 0; opacity: 0; top: 50%; margin-top: -25px; padding: 0 30px; transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } .slider_show:hover .owl-nav, .slider_show:hover .owl-dots { opacity: 1; } .slider_show .owl-theme .owl-nav [class*="owl-"] { float: left; font-size: 26px; height: 50px; line-height: 44px; width: 50px; color: #202021; background: rgba(255, 252, 252, 0.5); border: 1px solid #202021; box-shadow: 5px 0 15px rgba(0, 0, 0, 0.2); } .slider_show .owl-theme .owl-nav [class*="owl-"]:hover { background: #202021 none repeat scroll 0 0; color: #fff; } .slider_show .owl-theme .owl-nav [class*="owl-"].owl-next { float: right; } .slider_show .box-slider { left: 0; max-height: 100%; max-width: 100%; position: absolute; top: 50%; width: 100%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .slider_show a.btn { padding: 0; border: none; line-height: 30px; } .slider_show a.btn>span { padding: 0 20px; display: block; color: #fff; background: #202021; transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; } .slider_show a.btn:hover>span { color: #fff; background: #b33a3a; } /*-------------MOBILE----------------*/ /* Safari 4.0 - 8.0 */ @-webkit-keyframes sticky { 0% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); } } /* Standard syntax */ @keyframes sticky { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } .zmdi { vertical-align: middle; font-size: 24px; } .nrtmm-nav { padding: 20px 0; position: static; display: table; width: 100%; } .nav-button { color: #818181; cursor: pointer; line-height: 45px; } .nav-button-acount { color: #818181; cursor: pointer; line-height: 45px; } .active.nav-button i:before { content: '\f136'; color: #b33a3a; } #wrapper-mobile { padding: 10px 15px 20px 15px; background: #ffffff none repeat scroll 0 0; border-top: 1px solid #eee; display: block; height: auto; left: 0; position: fixed; top: 92px; bottom: 50px; width: 80%; z-index: 3; transform: translate(-100%, 0px); -webkit-transform: translate(-100%, 0px); -ms-transform: translate(-100%, 0px); transition: all 350ms ease 0s; overflow-x: hidden; overflow-y: scroll; } @media (max-width: 767px) { #wrapper-mobile { width: 100%; } } #wrapper-mobile.active { transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); } .navbar-toggler.collapse-icons .remove { display: none; } .navbar-toggler[aria-expanded=true].collapse-icons .add { display: none } .navbar-toggler[aria-expanded=true].collapse-icons .remove { display: inline-block; } .mobile-open body { overflow: hidden; } #close_moblile { background: #000 none repeat scroll 0 0; height: 100%; left: 0; opacity: 0; position: fixed; width: 100%; z-index: 2; visibility: hidden; transition: all 350ms ease 0s; -ms-transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } .mobile-open #close_moblile { opacity: 0.8; visibility: visible; } .wrapper-tab { display: none; float: left; padding-bottom: 15px; width: 100%; } .wrapper-tab.active { display: block; } #moda_quick_login h3 {} #moda_quick_login h3 a { font-size: 30px; font-weight: normal; text-transform: none; } #nav-mobile { padding: 10px 10px 10px 0px; float: left; width: 100%; background: #ffffff; position: relative; z-index: 4; } #nav-mobile.sticky-top { position: fixed; left: 0; right: 0; top: 0; } #close-wrapper-mobile { background: #f1f1f1 none repeat scroll 0 0; color: #fff; height: 30px; line-height: 30px; position: absolute; right: 0; text-align: center; top: 0; width: 30px; } #_mobile_cart_tab .click-cart { display: none; } #_mobile_cart_tab .cart_top_ajax { border-top: none; background: none; position: relative; opacity: 1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); box-shadow: none; visibility: visible; right: auto; left: 0; width: auto; } #_mobile_cart_tab .card-block-top, #_mobile_cart_tab #cart_block_top .cart_top_ajax .cart-item-product { padding-left: 0; padding-right: 0; } #_mobile_cart_tab #cart_block_top .box-item { max-height: none; } #_mobile_cart_tab #cart_block_top { margin: 0; float: none; } #_mobile_logo { padding: 10px 0 0; clear: both; } #_mobile_cart, #_mobile_notifications{ position: relative; } #_mobile_cart span#count_cart_mobile, #_mobile_notifications span#count_notifications_mobile { background: #65b702 none repeat scroll 0 0; border-radius: 100%; color: #fff; font-size: 9px; line-height: 17px; margin-right: -20px; min-width: 17px; position: absolute; right: 50%; top: 5px; } #_mobile_language .language_mobile { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 15px 0 5px; } #_mobile_language h4 { border-bottom: 1px solid rgba(0, 0, 0, 0.05); color: #666; font-size: 12px; font-weight: normal; margin: 0 0 5px; padding-bottom: 15px; text-transform: uppercase; } #_mobile_language a { color: #999; display: block; font-size: 12px; line-height: 1; padding: 10px; white-space: nowrap; } #_mobile_language a.current, #_mobile_language a:hover { color: #b33a3a; } #_mobile_language a img { float: left; margin-right: 5px; } #_mobile_currency .currency_mobile { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 15px 0 5px; } #_mobile_currency h4 { border-bottom: 1px solid rgba(0, 0, 0, 0.05); color: #666; font-size: 12px; font-weight: normal; margin: 0 0 5px; padding-bottom: 15px; text-transform: uppercase; } #_mobile_currency a { color: #999; display: block; font-size: 12px; line-height: 1; padding: 10px; white-space: nowrap; } #_mobile_currency a.current, #_mobile_currency a:hover { color: #b33a3a; border-color: #b33a3a; } #_mobile_myaccount .myaccount_mobile { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 15px 0 5px; } #_mobile_myaccount h4 { border-bottom: 1px solid rgba(0, 0, 0, 0.05); color: #666; font-size: 12px; font-weight: normal; margin: 0 0 5px; padding-bottom: 15px; text-transform: uppercase; } #_mobile_myaccount a { color: #999; display: block; font-size: 12px; line-height: 1; padding: 10px; white-space: nowrap; } #_mobile_myaccount a.current, #_mobile_myaccount a:hover { color: #b33a3a; border-color: #b33a3a; } /*-----------------------------------------*/ .block_instagram ul li a { position: relative; float: left; max-width: 146px; } .block_instagram ul li a:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); opacity: 0; transition: all 0.1s ease-in-out 0s; -ms-transition: all 0.1s ease-in-out 0s; -webkit-transition: all 0.1s ease-in-out 0s; } .block_instagram ul li a:hover:before { opacity: 1; } .block_instagram ul li a span.text-center { font-size: 12px; color: #fff; left: 0; position: absolute; text-align: center; top: 50%; width: 100%; z-index: 1; margin-top: -7px; opacity: 0; transition: all 0.1s ease-in-out 0s; -ms-transition: all 0.1s ease-in-out 0s; -webkit-transition: all 0.1s ease-in-out 0s; } .block_instagram ul li a:hover span.text-center { opacity: 1; } .block_instagram ul li a span i { margin-right: 5px; } .footer-center .block_instagram ul { font-size: 0; margin-bottom: -6px; margin-right: -6px; padding-top: 20px; } .block_instagram ul li { display: inline-block; max-width: 86px; margin-bottom: 6px; margin-right: 6px; } .remove_to_compare { background: #b33a3a none repeat scroll 0 0; color: #fff !important; font-size: 14px; height: 26px; line-height: 23px; position: absolute; right: 0; top: 0; width: 26px; } @media (max-width: 1199px) {} body>.ui-widget-content.ui-autocomplete>.ui-menu-item { display: table; } #commentform sup { color: red; font-size: 15px; } #commentform .note { color: red; float: right; font-size: 12px; } /*-------Footer---------------*/ @media (min-width: 992px) { .collapse-footer h4 { pointer-events: none; } .collapse-footer>ul { display: block !important; } } @media (max-width: 991px) { #footer_wrapper { padding-bottom: 50px; } .collapse-footer h4 { position: relative; cursor: pointer; } .collapse-footer h4:before { position: absolute; content: "\f278"; font-family: "Material-Design-Iconic-Font"; right: 0; font-size: 20px; } .collapse-footer h4.active:before { content: "\f273"; } .collapse-footer>ul { display: none; } } .footer-center { font-family: 'Roboto', sans-serif; } .footer-center ul { margin: 0; } .footer-center h4 { color: #fba72a; font-size: 0.9rem; font-weight: 700; margin: 0 0 20px; text-transform: uppercase; } .footer-center h4 a { color: #fafafa; font-size: 18px; font-weight: 700; } .footer-center a { color: #6d6d6d; font-size: 0.8rem; font-weight: 500; } .footer-center .bullet ul li a { /* border-bottom: 1px solid #666; */ display: block; line-height: 25px; padding: 4px 0; } .footer-center a:hover { color: #999999; } .footer-center p { font-family: roboto,sans-serif; color: #fba72a; font-size: 0.9rem; line-height: 24px; margin: 10; font-weight: 600; } .info_footer img { margin-bottom: 35px; } .footer-center .info_footer p { text-align: justify; } .social_share a { font-size: 0; margin-right: 20px; } .social_share { margin-top: 20px; margin-bottom: 20px; margin-left: 5px; } .social_share a:before { font-size: 26px; } .blog-footer .left-blog { float: left; margin-right: 15px; } .blog-footer .right-blog a { display: block; line-height: 18px; margin-bottom: 5px; } .blog-footer li { float: left; margin-bottom: 25px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-footer .right-blog { flex: 1; -ms-flex: 1; -webkit-flex: 1; } .blog-footer ul { padding-top: 20px; } .footer-address { text-align: center; font-size: 16px; letter-spacing: 1px; color: #232323; line-height: 20px; padding: 28px; } .footer-address a { text-transform: uppercase; font-weight: bold; font-size: 16px; color: #232323; } .footer-address em { font-size: 16px; color: #f72e00; } /*--------------------------------*/ .right-block-cate a { display: block; font-family: "Roboto", sans-serif; font-size: 20px; font-weight: bold; line-height: 30px; text-align: center; text-transform: uppercase; margin-top: 20px; } .right-block-cate a:hover { text-decoration: underline; } .left-block-cate a { position: relative; display: block; } .left-block-cate a span { position: absolute; width: 17px; top: -11px; bottom: -11px; border-top: 1px solid #b33a3a; border-bottom: 1px solid #b33a3a; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; } .categories .box-item-inner:hover .left-block-cate a span { opacity: 1; visibility: visible; } .categories .box-item-inner .left-block-cate a img { transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; } .categories .box-item-inner:hover .left-block-cate a img { transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .left-block-cate a span.left_border { left: -11px; } .left-block-cate a span.left_border:before { border-left: 1px solid #b33a3a; content: ""; height: 17px; left: 0; position: absolute; top: 0; width: 1px; } .left-block-cate a span.left_border:after { border-left: 1px solid #b33a3a; content: ""; height: 17px; left: 0; position: absolute; bottom: 0; width: 1px; } .left-block-cate a span.right_border { right: -11px; } .left-block-cate a span.right_border:before { border-left: 1px solid #b33a3a; content: ""; height: 17px; right: 0; position: absolute; top: 0; width: 1px; } .left-block-cate a span.right_border:after { border-left: 1px solid #b33a3a; content: ""; height: 17px; right: 0; position: absolute; bottom: 0; width: 1px; } .owl-carousel:not(.slideshow_carousel) .owl-stage-outer { margin: -11px; padding: 11px; width: auto; } .box_satic { text-align: center; font-family: 'Roboto', sans-serif; } .box_satic h4 { color: #fff; font-size: 60px; margin-bottom: 25px; } .box_satic p { color: #fff; font-size: 26px; font-style: italic; } .box_satic p:before { content: "\f10d"; font-family: "FontAwesome"; font-size: 12px; margin-right: 35px; vertical-align: top; } .box_satic p:after { content: "\f10e"; font-family: "FontAwesome"; font-size: 12px; margin-left: 35px; vertical-align: top; } .box_satic a { font-size: 18px; color: 202021; line-height: 45px; display: inline-block; background: #fff; text-transform: uppercase; padding: 0 30px; font-weight: 700; margin-top: 20px; } .box_satic a:after { content: "\f302"; font-family: "Material-Design-Iconic-Font"; font-size: 21px; margin-left: 10px; vertical-align: -1px; } @media (max-width: 991px) { .box_satic h4 { font-size: 25px; margin-bottom: 15px; } .box_satic p { color: #fff; font-size: 16px; } .box_satic a { font-size: 18px; line-height: 35px; padding: 0 25px; margin-top: 15px; } } .infomation_footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -30px; } .box_info { padding: 27px 15px 27px 150px; margin-bottom: 30px; background: #f4f4f4; position: relative; flex: 1; -ms-flex: 1; -webkit-flex: 1; margin-right: 30px; min-width: 270px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .box_info:hover { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); } .box_info .zmdi { bottom: 0; color: #231f20; font-size: 60px; left: 0; position: absolute; text-align: center; top: 0; background: #eaeaea; width: 120px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .box_info .zmdi:before { left: 0; position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; } .box_info:hover .zmdi { color: #b33a3a; } .box_info h4 { margin-bottom: 10px; } .box_info h4 a { font-size: 18px; text-transform: uppercase; font-weight: 700; color: #232323; } .box_info p { margin-bottom: 0; color: #717171; line-height: 18px; } .box_info a {} .box_info a:hover { color: #b33a3a; } body#manufacturer #main ul { /*margin: 0 -15px;*/ } body#manufacturer #main ul li { display: inline-block; padding: 0 5px; } .header-center { float: left; margin-left: 250px; margin-top: 10px; } .quick_links img{ width:30px; height:30px; } .quick_links { display: inline-block; position: relative; padding: 8px 10px 10px 10px; font-weight: 600; margin-top: 15px; } .messageHeader{ font-size: 10px; font-weight: 600; color: #4d4d4d; padding-top: 0.2rem; padding-bottom: 0.2rem; font-family: 'Helvetica',sans-serif; text-align: center; background-color: #eeeeee; }