/* Start:/local/templates/main/fonts/mulish/stylesheet.css?1712809684814*/ @font-face { font-family: 'Mulish'; src: url('/local/templates/main/fonts/mulish/Mulish-Bold.woff2') format('woff2'), url('/local/templates/main/fonts/mulish/Mulish-Bold.woff') format('woff'), url('/local/templates/main/fonts/mulish/Mulish-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('/local/templates/main/fonts/mulish/Mulish-Regular.woff2') format('woff2'), url('/local/templates/main/fonts/mulish/Mulish-Regular.woff') format('woff'), url('/local/templates/main/fonts/mulish/Mulish-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('/local/templates/main/fonts/mulish/Mulish-SemiBold.woff2') format('woff2'), url('/local/templates/main/fonts/mulish/Mulish-SemiBold.woff') format('woff'), url('/local/templates/main/fonts/mulish/Mulish-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } /* End */ /* Start:/local/templates/main/fonts/roboto/stylesheet.css?17128099731340*/ @font-face { font-family: 'Roboto'; src: url('/local/templates/main/fonts/roboto/Roboto-Medium.woff2') format('woff2'), url('/local/templates/main/fonts/roboto/Roboto-Medium.woff') format('woff'), url('/local/templates/main/fonts/roboto/Roboto-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/templates/main/fonts/roboto/Roboto-Bold.woff2') format('woff2'), url('/local/templates/main/fonts/roboto/Roboto-Bold.woff') format('woff'), url('/local/templates/main/fonts/roboto/Roboto-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/templates/main/fonts/roboto/Roboto-Light.woff2') format('woff2'), url('/local/templates/main/fonts/roboto/Roboto-Light.woff') format('woff'), url('/local/templates/main/fonts/roboto/Roboto-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/templates/main/fonts/roboto/Roboto-Regular.woff2') format('woff2'), url('/local/templates/main/fonts/roboto/Roboto-Regular.woff') format('woff'), url('/local/templates/main/fonts/roboto/Roboto-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/templates/main/fonts/roboto/Roboto-Black.woff2') format('woff2'), url('/local/templates/main/fonts/roboto/Roboto-Black.woff') format('woff'), url('/local/templates/main/fonts/roboto/Roboto-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } /* End */ /* Start:/local/templates/main/js/flag/flag-icon.css?170365612137180*/ .flag-icon-background { background-size: contain; background-position: 50%; background-repeat: no-repeat; } .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; } .flag-icon:before { content: "\00a0"; } .flag-icon.flag-icon-squared { width: 1em; } .flag-icon-ad { background-image: url(/local/templates/main/js/flag/./flags/4x3/ad.svg); } .flag-icon-ad.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ad.svg); } .flag-icon-ae { background-image: url(/local/templates/main/js/flag/./flags/4x3/ae.svg); } .flag-icon-ae.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ae.svg); } .flag-icon-af { background-image: url(/local/templates/main/js/flag/./flags/4x3/af.svg); } .flag-icon-af.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/af.svg); } .flag-icon-ag { background-image: url(/local/templates/main/js/flag/./flags/4x3/ag.svg); } .flag-icon-ag.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ag.svg); } .flag-icon-ai { background-image: url(/local/templates/main/js/flag/./flags/4x3/ai.svg); } .flag-icon-ai.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ai.svg); } .flag-icon-al { background-image: url(/local/templates/main/js/flag/./flags/4x3/al.svg); } .flag-icon-al.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/al.svg); } .flag-icon-am { background-image: url(/local/templates/main/js/flag/./flags/4x3/am.svg); } .flag-icon-am.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/am.svg); } .flag-icon-ao { background-image: url(/local/templates/main/js/flag/./flags/4x3/ao.svg); } .flag-icon-ao.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ao.svg); } .flag-icon-aq { background-image: url(/local/templates/main/js/flag/./flags/4x3/aq.svg); } .flag-icon-aq.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/aq.svg); } .flag-icon-ar { background-image: url(/local/templates/main/js/flag/./flags/4x3/ar.svg); } .flag-icon-ar.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ar.svg); } .flag-icon-as { background-image: url(/local/templates/main/js/flag/./flags/4x3/as.svg); } .flag-icon-as.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/as.svg); } .flag-icon-at { background-image: url(/local/templates/main/js/flag/./flags/4x3/at.svg); } .flag-icon-at.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/at.svg); } .flag-icon-au { background-image: url(/local/templates/main/js/flag/./flags/4x3/au.svg); } .flag-icon-au.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/au.svg); } .flag-icon-aw { background-image: url(/local/templates/main/js/flag/./flags/4x3/aw.svg); } .flag-icon-aw.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/aw.svg); } .flag-icon-ax { background-image: url(/local/templates/main/js/flag/./flags/4x3/ax.svg); } .flag-icon-ax.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ax.svg); } .flag-icon-az { background-image: url(/local/templates/main/js/flag/./flags/4x3/az.svg); } .flag-icon-az.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/az.svg); } .flag-icon-ba { background-image: url(/local/templates/main/js/flag/./flags/4x3/ba.svg); } .flag-icon-ba.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ba.svg); } .flag-icon-bb { background-image: url(/local/templates/main/js/flag/./flags/4x3/bb.svg); } .flag-icon-bb.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/bb.svg); } .flag-icon-bd { background-image: url(/local/templates/main/js/flag/./flags/4x3/bd.svg); } .flag-icon-bd.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/bd.svg); } .flag-icon-be { background-image: url(/local/templates/main/js/flag/./flags/4x3/be.svg); } .flag-icon-be.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/be.svg); } .flag-icon-bf { background-image: url(/local/templates/main/js/flag/./flags/4x3/bf.svg); } .flag-icon-bf.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/bf.svg); } .flag-icon-bg { background-image: url(/local/templates/main/js/flag/./flags/4x3/bg.svg); } .flag-icon-bg.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/bg.svg); } .flag-icon-bh { background-image: url(/local/templates/main/js/flag/./flags/4x3/bh.svg); } .flag-icon-bh.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/bh.svg); } .flag-icon-bi { background-image: url(/local/templates/main/js/flag/./flags/4x3/bi.svg); } .flag-icon-bi.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/bi.svg); } .flag-icon-bj { background-image: url(/local/templates/main/js/flag/./flags/4x3/bj.svg); } .flag-icon-bj.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/bj.svg); } .flag-icon-bl { background-image: url(/local/templates/main/js/flag/./flags/4x3/bl.svg); } .flag-icon-bl.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/bl.svg); } .flag-icon-bm { background-image: url(/local/templates/main/js/flag/./flags/4x3/bm.svg); } .flag-icon-bm.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/bm.svg); } .flag-icon-bn { background-image: url(/local/templates/main/js/flag/./flags/4x3/bn.svg); } .flag-icon-bn.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/bn.svg); } .flag-icon-bo { background-image: url(/local/templates/main/js/flag/./flags/4x3/bo.svg); } .flag-icon-bo.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/bo.svg); } .flag-icon-bq { background-image: url(/local/templates/main/js/flag/./flags/4x3/bq.svg); } .flag-icon-bq.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/bq.svg); } .flag-icon-br { background-image: url(/local/templates/main/js/flag/./flags/4x3/br.svg); } .flag-icon-br.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/br.svg); } .flag-icon-bs { background-image: url(/local/templates/main/js/flag/./flags/4x3/bs.svg); } .flag-icon-bs.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/bs.svg); } .flag-icon-bt { background-image: url(/local/templates/main/js/flag/./flags/4x3/bt.svg); } .flag-icon-bt.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/bt.svg); } .flag-icon-bv { background-image: url(/local/templates/main/js/flag/./flags/4x3/bv.svg); } .flag-icon-bv.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/bv.svg); } .flag-icon-bw { background-image: url(/local/templates/main/js/flag/./flags/4x3/bw.svg); } .flag-icon-bw.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/bw.svg); } .flag-icon-by { background-image: url(/local/templates/main/js/flag/./flags/4x3/by.svg); } .flag-icon-by.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/by.svg); } .flag-icon-bz { background-image: url(/local/templates/main/js/flag/./flags/4x3/bz.svg); } .flag-icon-bz.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/bz.svg); } .flag-icon-ca { background-image: url(/local/templates/main/js/flag/./flags/4x3/ca.svg); } .flag-icon-ca.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ca.svg); } .flag-icon-cc { background-image: url(/local/templates/main/js/flag/./flags/4x3/cc.svg); } .flag-icon-cc.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/cc.svg); } .flag-icon-cd { background-image: url(/local/templates/main/js/flag/./flags/4x3/cd.svg); } .flag-icon-cd.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/cd.svg); } .flag-icon-cf { background-image: url(/local/templates/main/js/flag/./flags/4x3/cf.svg); } .flag-icon-cf.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/cf.svg); } .flag-icon-cg { background-image: url(/local/templates/main/js/flag/./flags/4x3/cg.svg); } .flag-icon-cg.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/cg.svg); } .flag-icon-ch { background-image: url(/local/templates/main/js/flag/./flags/4x3/ch.svg); } .flag-icon-ch.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ch.svg); } .flag-icon-ci { background-image: url(/local/templates/main/js/flag/./flags/4x3/ci.svg); } .flag-icon-ci.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ci.svg); } .flag-icon-ck { background-image: url(/local/templates/main/js/flag/./flags/4x3/ck.svg); } .flag-icon-ck.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ck.svg); } .flag-icon-cl { background-image: url(/local/templates/main/js/flag/./flags/4x3/cl.svg); } .flag-icon-cl.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/cl.svg); } .flag-icon-cm { background-image: url(/local/templates/main/js/flag/./flags/4x3/cm.svg); } .flag-icon-cm.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/cm.svg); } .flag-icon-cn { background-image: url(/local/templates/main/js/flag/./flags/4x3/cn.svg); } .flag-icon-cn.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/cn.svg); } .flag-icon-co { background-image: url(/local/templates/main/js/flag/./flags/4x3/co.svg); } .flag-icon-co.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/co.svg); } .flag-icon-cr { background-image: url(/local/templates/main/js/flag/./flags/4x3/cr.svg); } .flag-icon-cr.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/cr.svg); } .flag-icon-cu { background-image: url(/local/templates/main/js/flag/./flags/4x3/cu.svg); } .flag-icon-cu.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/cu.svg); } .flag-icon-cv { background-image: url(/local/templates/main/js/flag/./flags/4x3/cv.svg); } .flag-icon-cv.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/cv.svg); } .flag-icon-cw { background-image: url(/local/templates/main/js/flag/./flags/4x3/cw.svg); } .flag-icon-cw.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/cw.svg); } .flag-icon-cx { background-image: url(/local/templates/main/js/flag/./flags/4x3/cx.svg); } .flag-icon-cx.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/cx.svg); } .flag-icon-cy { background-image: url(/local/templates/main/js/flag/./flags/4x3/cy.svg); } .flag-icon-cy.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/cy.svg); } .flag-icon-cz { background-image: url(/local/templates/main/js/flag/./flags/4x3/cz.svg); } .flag-icon-cz.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/cz.svg); } .flag-icon-de { background-image: url(/local/templates/main/js/flag/./flags/4x3/de.svg); } .flag-icon-de.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/de.svg); } .flag-icon-dj { background-image: url(/local/templates/main/js/flag/./flags/4x3/dj.svg); } .flag-icon-dj.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/dj.svg); } .flag-icon-dk { background-image: url(/local/templates/main/js/flag/./flags/4x3/dk.svg); } .flag-icon-dk.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/dk.svg); } .flag-icon-dm { background-image: url(/local/templates/main/js/flag/./flags/4x3/dm.svg); } .flag-icon-dm.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/dm.svg); } .flag-icon-do { background-image: url(/local/templates/main/js/flag/./flags/4x3/do.svg); } .flag-icon-do.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/do.svg); } .flag-icon-dz { background-image: url(/local/templates/main/js/flag/./flags/4x3/dz.svg); } .flag-icon-dz.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/dz.svg); } .flag-icon-ec { background-image: url(/local/templates/main/js/flag/./flags/4x3/ec.svg); } .flag-icon-ec.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ec.svg); } .flag-icon-ee { background-image: url(/local/templates/main/js/flag/./flags/4x3/ee.svg); } .flag-icon-ee.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ee.svg); } .flag-icon-eg { background-image: url(/local/templates/main/js/flag/./flags/4x3/eg.svg); } .flag-icon-eg.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/eg.svg); } .flag-icon-eh { background-image: url(/local/templates/main/js/flag/./flags/4x3/eh.svg); } .flag-icon-eh.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/eh.svg); } .flag-icon-er { background-image: url(/local/templates/main/js/flag/./flags/4x3/er.svg); } .flag-icon-er.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/er.svg); } .flag-icon-es { background-image: url(/local/templates/main/js/flag/./flags/4x3/es.svg); } .flag-icon-es.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/es.svg); } .flag-icon-et { background-image: url(/local/templates/main/js/flag/./flags/4x3/et.svg); } .flag-icon-et.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/et.svg); } .flag-icon-fi { background-image: url(/local/templates/main/js/flag/./flags/4x3/fi.svg); } .flag-icon-fi.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/fi.svg); } .flag-icon-fj { background-image: url(/local/templates/main/js/flag/./flags/4x3/fj.svg); } .flag-icon-fj.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/fj.svg); } .flag-icon-fk { background-image: url(/local/templates/main/js/flag/./flags/4x3/fk.svg); } .flag-icon-fk.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/fk.svg); } .flag-icon-fm { background-image: url(/local/templates/main/js/flag/./flags/4x3/fm.svg); } .flag-icon-fm.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/fm.svg); } .flag-icon-fo { background-image: url(/local/templates/main/js/flag/./flags/4x3/fo.svg); } .flag-icon-fo.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/fo.svg); } .flag-icon-fr { background-image: url(/local/templates/main/js/flag/./flags/4x3/fr.svg); } .flag-icon-fr.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/fr.svg); } .flag-icon-ga { background-image: url(/local/templates/main/js/flag/./flags/4x3/ga.svg); } .flag-icon-ga.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ga.svg); } .flag-icon-gb { background-image: url(/local/templates/main/js/flag/./flags/4x3/gb.svg); } .flag-icon-gb.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gb.svg); } .flag-icon-gd { background-image: url(/local/templates/main/js/flag/./flags/4x3/gd.svg); } .flag-icon-gd.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gd.svg); } .flag-icon-ge { background-image: url(/local/templates/main/js/flag/./flags/4x3/ge.svg); } .flag-icon-ge.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ge.svg); } .flag-icon-gf { background-image: url(/local/templates/main/js/flag/./flags/4x3/gf.svg); } .flag-icon-gf.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gf.svg); } .flag-icon-gg { background-image: url(/local/templates/main/js/flag/./flags/4x3/gg.svg); } .flag-icon-gg.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gg.svg); } .flag-icon-gh { background-image: url(/local/templates/main/js/flag/./flags/4x3/gh.svg); } .flag-icon-gh.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gh.svg); } .flag-icon-gi { background-image: url(/local/templates/main/js/flag/./flags/4x3/gi.svg); } .flag-icon-gi.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gi.svg); } .flag-icon-gl { background-image: url(/local/templates/main/js/flag/./flags/4x3/gl.svg); } .flag-icon-gl.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gl.svg); } .flag-icon-gm { background-image: url(/local/templates/main/js/flag/./flags/4x3/gm.svg); } .flag-icon-gm.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gm.svg); } .flag-icon-gn { background-image: url(/local/templates/main/js/flag/./flags/4x3/gn.svg); } .flag-icon-gn.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gn.svg); } .flag-icon-gp { background-image: url(/local/templates/main/js/flag/./flags/4x3/gp.svg); } .flag-icon-gp.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gp.svg); } .flag-icon-gq { background-image: url(/local/templates/main/js/flag/./flags/4x3/gq.svg); } .flag-icon-gq.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gq.svg); } .flag-icon-gr { background-image: url(/local/templates/main/js/flag/./flags/4x3/gr.svg); } .flag-icon-gr.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gr.svg); } .flag-icon-gs { background-image: url(/local/templates/main/js/flag/./flags/4x3/gs.svg); } .flag-icon-gs.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gs.svg); } .flag-icon-gt { background-image: url(/local/templates/main/js/flag/./flags/4x3/gt.svg); } .flag-icon-gt.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gt.svg); } .flag-icon-gu { background-image: url(/local/templates/main/js/flag/./flags/4x3/gu.svg); } .flag-icon-gu.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gu.svg); } .flag-icon-gw { background-image: url(/local/templates/main/js/flag/./flags/4x3/gw.svg); } .flag-icon-gw.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gw.svg); } .flag-icon-gy { background-image: url(/local/templates/main/js/flag/./flags/4x3/gy.svg); } .flag-icon-gy.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gy.svg); } .flag-icon-hk { background-image: url(/local/templates/main/js/flag/./flags/4x3/hk.svg); } .flag-icon-hk.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/hk.svg); } .flag-icon-hm { background-image: url(/local/templates/main/js/flag/./flags/4x3/hm.svg); } .flag-icon-hm.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/hm.svg); } .flag-icon-hn { background-image: url(/local/templates/main/js/flag/./flags/4x3/hn.svg); } .flag-icon-hn.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/hn.svg); } .flag-icon-hr { background-image: url(/local/templates/main/js/flag/./flags/4x3/hr.svg); } .flag-icon-hr.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/hr.svg); } .flag-icon-ht { background-image: url(/local/templates/main/js/flag/./flags/4x3/ht.svg); } .flag-icon-ht.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ht.svg); } .flag-icon-hu { background-image: url(/local/templates/main/js/flag/./flags/4x3/hu.svg); } .flag-icon-hu.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/hu.svg); } .flag-icon-id { background-image: url(/local/templates/main/js/flag/./flags/4x3/id.svg); } .flag-icon-id.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/id.svg); } .flag-icon-ie { background-image: url(/local/templates/main/js/flag/./flags/4x3/ie.svg); } .flag-icon-ie.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ie.svg); } .flag-icon-il { background-image: url(/local/templates/main/js/flag/./flags/4x3/il.svg); } .flag-icon-il.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/il.svg); } .flag-icon-im { background-image: url(/local/templates/main/js/flag/./flags/4x3/im.svg); } .flag-icon-im.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/im.svg); } .flag-icon-in { background-image: url(/local/templates/main/js/flag/./flags/4x3/in.svg); } .flag-icon-in.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/in.svg); } .flag-icon-io { background-image: url(/local/templates/main/js/flag/./flags/4x3/io.svg); } .flag-icon-io.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/io.svg); } .flag-icon-iq { background-image: url(/local/templates/main/js/flag/./flags/4x3/iq.svg); } .flag-icon-iq.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/iq.svg); } .flag-icon-ir { background-image: url(/local/templates/main/js/flag/./flags/4x3/ir.svg); } .flag-icon-ir.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ir.svg); } .flag-icon-is { background-image: url(/local/templates/main/js/flag/./flags/4x3/is.svg); } .flag-icon-is.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/is.svg); } .flag-icon-it { background-image: url(/local/templates/main/js/flag/./flags/4x3/it.svg); } .flag-icon-it.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/it.svg); } .flag-icon-je { background-image: url(/local/templates/main/js/flag/./flags/4x3/je.svg); } .flag-icon-je.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/je.svg); } .flag-icon-jm { background-image: url(/local/templates/main/js/flag/./flags/4x3/jm.svg); } .flag-icon-jm.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/jm.svg); } .flag-icon-jo { background-image: url(/local/templates/main/js/flag/./flags/4x3/jo.svg); } .flag-icon-jo.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/jo.svg); } .flag-icon-jp { background-image: url(/local/templates/main/js/flag/./flags/4x3/jp.svg); } .flag-icon-jp.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/jp.svg); } .flag-icon-ke { background-image: url(/local/templates/main/js/flag/./flags/4x3/ke.svg); } .flag-icon-ke.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ke.svg); } .flag-icon-kg { background-image: url(/local/templates/main/js/flag/./flags/4x3/kg.svg); } .flag-icon-kg.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/kg.svg); } .flag-icon-kh { background-image: url(/local/templates/main/js/flag/./flags/4x3/kh.svg); } .flag-icon-kh.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/kh.svg); } .flag-icon-ki { background-image: url(/local/templates/main/js/flag/./flags/4x3/ki.svg); } .flag-icon-ki.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ki.svg); } .flag-icon-km { background-image: url(/local/templates/main/js/flag/./flags/4x3/km.svg); } .flag-icon-km.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/km.svg); } .flag-icon-kn { background-image: url(/local/templates/main/js/flag/./flags/4x3/kn.svg); } .flag-icon-kn.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/kn.svg); } .flag-icon-kp { background-image: url(/local/templates/main/js/flag/./flags/4x3/kp.svg); } .flag-icon-kp.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/kp.svg); } .flag-icon-kr { background-image: url(/local/templates/main/js/flag/./flags/4x3/kr.svg); } .flag-icon-kr.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/kr.svg); } .flag-icon-kw { background-image: url(/local/templates/main/js/flag/./flags/4x3/kw.svg); } .flag-icon-kw.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/kw.svg); } .flag-icon-ky { background-image: url(/local/templates/main/js/flag/./flags/4x3/ky.svg); } .flag-icon-ky.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ky.svg); } .flag-icon-kz { background-image: url(/local/templates/main/js/flag/./flags/4x3/kz.svg); } .flag-icon-kz.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/kz.svg); } .flag-icon-la { background-image: url(/local/templates/main/js/flag/./flags/4x3/la.svg); } .flag-icon-la.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/la.svg); } .flag-icon-lb { background-image: url(/local/templates/main/js/flag/./flags/4x3/lb.svg); } .flag-icon-lb.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/lb.svg); } .flag-icon-lc { background-image: url(/local/templates/main/js/flag/./flags/4x3/lc.svg); } .flag-icon-lc.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/lc.svg); } .flag-icon-li { background-image: url(/local/templates/main/js/flag/./flags/4x3/li.svg); } .flag-icon-li.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/li.svg); } .flag-icon-lk { background-image: url(/local/templates/main/js/flag/./flags/4x3/lk.svg); } .flag-icon-lk.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/lk.svg); } .flag-icon-lr { background-image: url(/local/templates/main/js/flag/./flags/4x3/lr.svg); } .flag-icon-lr.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/lr.svg); } .flag-icon-ls { background-image: url(/local/templates/main/js/flag/./flags/4x3/ls.svg); } .flag-icon-ls.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ls.svg); } .flag-icon-lt { background-image: url(/local/templates/main/js/flag/./flags/4x3/lt.svg); } .flag-icon-lt.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/lt.svg); } .flag-icon-lu { background-image: url(/local/templates/main/js/flag/./flags/4x3/lu.svg); } .flag-icon-lu.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/lu.svg); } .flag-icon-lv { background-image: url(/local/templates/main/js/flag/./flags/4x3/lv.svg); } .flag-icon-lv.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/lv.svg); } .flag-icon-ly { background-image: url(/local/templates/main/js/flag/./flags/4x3/ly.svg); } .flag-icon-ly.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ly.svg); } .flag-icon-ma { background-image: url(/local/templates/main/js/flag/./flags/4x3/ma.svg); } .flag-icon-ma.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ma.svg); } .flag-icon-mc { background-image: url(/local/templates/main/js/flag/./flags/4x3/mc.svg); } .flag-icon-mc.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/mc.svg); } .flag-icon-md { background-image: url(/local/templates/main/js/flag/./flags/4x3/md.svg); } .flag-icon-md.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/md.svg); } .flag-icon-me { background-image: url(/local/templates/main/js/flag/./flags/4x3/me.svg); } .flag-icon-me.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/me.svg); } .flag-icon-mf { background-image: url(/local/templates/main/js/flag/./flags/4x3/mf.svg); } .flag-icon-mf.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/mf.svg); } .flag-icon-mg { background-image: url(/local/templates/main/js/flag/./flags/4x3/mg.svg); } .flag-icon-mg.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/mg.svg); } .flag-icon-mh { background-image: url(/local/templates/main/js/flag/./flags/4x3/mh.svg); } .flag-icon-mh.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/mh.svg); } .flag-icon-mk { background-image: url(/local/templates/main/js/flag/./flags/4x3/mk.svg); } .flag-icon-mk.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/mk.svg); } .flag-icon-ml { background-image: url(/local/templates/main/js/flag/./flags/4x3/ml.svg); } .flag-icon-ml.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ml.svg); } .flag-icon-mm { background-image: url(/local/templates/main/js/flag/./flags/4x3/mm.svg); } .flag-icon-mm.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/mm.svg); } .flag-icon-mn { background-image: url(/local/templates/main/js/flag/./flags/4x3/mn.svg); } .flag-icon-mn.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/mn.svg); } .flag-icon-mo { background-image: url(/local/templates/main/js/flag/./flags/4x3/mo.svg); } .flag-icon-mo.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/mo.svg); } .flag-icon-mp { background-image: url(/local/templates/main/js/flag/./flags/4x3/mp.svg); } .flag-icon-mp.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/mp.svg); } .flag-icon-mq { background-image: url(/local/templates/main/js/flag/./flags/4x3/mq.svg); } .flag-icon-mq.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/mq.svg); } .flag-icon-mr { background-image: url(/local/templates/main/js/flag/./flags/4x3/mr.svg); } .flag-icon-mr.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/mr.svg); } .flag-icon-ms { background-image: url(/local/templates/main/js/flag/./flags/4x3/ms.svg); } .flag-icon-ms.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ms.svg); } .flag-icon-mt { background-image: url(/local/templates/main/js/flag/./flags/4x3/mt.svg); } .flag-icon-mt.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/mt.svg); } .flag-icon-mu { background-image: url(/local/templates/main/js/flag/./flags/4x3/mu.svg); } .flag-icon-mu.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/mu.svg); } .flag-icon-mv { background-image: url(/local/templates/main/js/flag/./flags/4x3/mv.svg); } .flag-icon-mv.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/mv.svg); } .flag-icon-mw { background-image: url(/local/templates/main/js/flag/./flags/4x3/mw.svg); } .flag-icon-mw.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/mw.svg); } .flag-icon-mx { background-image: url(/local/templates/main/js/flag/./flags/4x3/mx.svg); } .flag-icon-mx.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/mx.svg); } .flag-icon-my { background-image: url(/local/templates/main/js/flag/./flags/4x3/my.svg); } .flag-icon-my.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/my.svg); } .flag-icon-mz { background-image: url(/local/templates/main/js/flag/./flags/4x3/mz.svg); } .flag-icon-mz.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/mz.svg); } .flag-icon-na { background-image: url(/local/templates/main/js/flag/./flags/4x3/na.svg); } .flag-icon-na.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/na.svg); } .flag-icon-nc { background-image: url(/local/templates/main/js/flag/./flags/4x3/nc.svg); } .flag-icon-nc.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/nc.svg); } .flag-icon-ne { background-image: url(/local/templates/main/js/flag/./flags/4x3/ne.svg); } .flag-icon-ne.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ne.svg); } .flag-icon-nf { background-image: url(/local/templates/main/js/flag/./flags/4x3/nf.svg); } .flag-icon-nf.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/nf.svg); } .flag-icon-ng { background-image: url(/local/templates/main/js/flag/./flags/4x3/ng.svg); } .flag-icon-ng.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ng.svg); } .flag-icon-ni { background-image: url(/local/templates/main/js/flag/./flags/4x3/ni.svg); } .flag-icon-ni.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ni.svg); } .flag-icon-nl { background-image: url(/local/templates/main/js/flag/./flags/4x3/nl.svg); } .flag-icon-nl.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/nl.svg); } .flag-icon-no { background-image: url(/local/templates/main/js/flag/./flags/4x3/no.svg); } .flag-icon-no.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/no.svg); } .flag-icon-np { background-image: url(/local/templates/main/js/flag/./flags/4x3/np.svg); } .flag-icon-np.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/np.svg); } .flag-icon-nr { background-image: url(/local/templates/main/js/flag/./flags/4x3/nr.svg); } .flag-icon-nr.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/nr.svg); } .flag-icon-nu { background-image: url(/local/templates/main/js/flag/./flags/4x3/nu.svg); } .flag-icon-nu.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/nu.svg); } .flag-icon-nz { background-image: url(/local/templates/main/js/flag/./flags/4x3/nz.svg); } .flag-icon-nz.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/nz.svg); } .flag-icon-om { background-image: url(/local/templates/main/js/flag/./flags/4x3/om.svg); } .flag-icon-om.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/om.svg); } .flag-icon-pa { background-image: url(/local/templates/main/js/flag/./flags/4x3/pa.svg); } .flag-icon-pa.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/pa.svg); } .flag-icon-pe { background-image: url(/local/templates/main/js/flag/./flags/4x3/pe.svg); } .flag-icon-pe.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/pe.svg); } .flag-icon-pf { background-image: url(/local/templates/main/js/flag/./flags/4x3/pf.svg); } .flag-icon-pf.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/pf.svg); } .flag-icon-pg { background-image: url(/local/templates/main/js/flag/./flags/4x3/pg.svg); } .flag-icon-pg.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/pg.svg); } .flag-icon-ph { background-image: url(/local/templates/main/js/flag/./flags/4x3/ph.svg); } .flag-icon-ph.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ph.svg); } .flag-icon-pk { background-image: url(/local/templates/main/js/flag/./flags/4x3/pk.svg); } .flag-icon-pk.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/pk.svg); } .flag-icon-pl { background-image: url(/local/templates/main/js/flag/./flags/4x3/pl.svg); } .flag-icon-pl.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/pl.svg); } .flag-icon-pm { background-image: url(/local/templates/main/js/flag/./flags/4x3/pm.svg); } .flag-icon-pm.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/pm.svg); } .flag-icon-pn { background-image: url(/local/templates/main/js/flag/./flags/4x3/pn.svg); } .flag-icon-pn.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/pn.svg); } .flag-icon-pr { background-image: url(/local/templates/main/js/flag/./flags/4x3/pr.svg); } .flag-icon-pr.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/pr.svg); } .flag-icon-ps { background-image: url(/local/templates/main/js/flag/./flags/4x3/ps.svg); } .flag-icon-ps.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ps.svg); } .flag-icon-pt { background-image: url(/local/templates/main/js/flag/./flags/4x3/pt.svg); } .flag-icon-pt.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/pt.svg); } .flag-icon-pw { background-image: url(/local/templates/main/js/flag/./flags/4x3/pw.svg); } .flag-icon-pw.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/pw.svg); } .flag-icon-py { background-image: url(/local/templates/main/js/flag/./flags/4x3/py.svg); } .flag-icon-py.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/py.svg); } .flag-icon-qa { background-image: url(/local/templates/main/js/flag/./flags/4x3/qa.svg); } .flag-icon-qa.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/qa.svg); } .flag-icon-re { background-image: url(/local/templates/main/js/flag/./flags/4x3/re.svg); } .flag-icon-re.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/re.svg); } .flag-icon-ro { background-image: url(/local/templates/main/js/flag/./flags/4x3/ro.svg); } .flag-icon-ro.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ro.svg); } .flag-icon-rs { background-image: url(/local/templates/main/js/flag/./flags/4x3/rs.svg); } .flag-icon-rs.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/rs.svg); } .flag-icon-ru { background-image: url(/local/templates/main/js/flag/./flags/4x3/ru.svg); } .flag-icon-ru.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ru.svg); } .flag-icon-rw { background-image: url(/local/templates/main/js/flag/./flags/4x3/rw.svg); } .flag-icon-rw.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/rw.svg); } .flag-icon-sa { background-image: url(/local/templates/main/js/flag/./flags/4x3/sa.svg); } .flag-icon-sa.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/sa.svg); } .flag-icon-sb { background-image: url(/local/templates/main/js/flag/./flags/4x3/sb.svg); } .flag-icon-sb.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/sb.svg); } .flag-icon-sc { background-image: url(/local/templates/main/js/flag/./flags/4x3/sc.svg); } .flag-icon-sc.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/sc.svg); } .flag-icon-sd { background-image: url(/local/templates/main/js/flag/./flags/4x3/sd.svg); } .flag-icon-sd.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/sd.svg); } .flag-icon-se { background-image: url(/local/templates/main/js/flag/./flags/4x3/se.svg); } .flag-icon-se.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/se.svg); } .flag-icon-sg { background-image: url(/local/templates/main/js/flag/./flags/4x3/sg.svg); } .flag-icon-sg.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/sg.svg); } .flag-icon-sh { background-image: url(/local/templates/main/js/flag/./flags/4x3/sh.svg); } .flag-icon-sh.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/sh.svg); } .flag-icon-si { background-image: url(/local/templates/main/js/flag/./flags/4x3/si.svg); } .flag-icon-si.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/si.svg); } .flag-icon-sj { background-image: url(/local/templates/main/js/flag/./flags/4x3/sj.svg); } .flag-icon-sj.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/sj.svg); } .flag-icon-sk { background-image: url(/local/templates/main/js/flag/./flags/4x3/sk.svg); } .flag-icon-sk.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/sk.svg); } .flag-icon-sl { background-image: url(/local/templates/main/js/flag/./flags/4x3/sl.svg); } .flag-icon-sl.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/sl.svg); } .flag-icon-sm { background-image: url(/local/templates/main/js/flag/./flags/4x3/sm.svg); } .flag-icon-sm.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/sm.svg); } .flag-icon-sn { background-image: url(/local/templates/main/js/flag/./flags/4x3/sn.svg); } .flag-icon-sn.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/sn.svg); } .flag-icon-so { background-image: url(/local/templates/main/js/flag/./flags/4x3/so.svg); } .flag-icon-so.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/so.svg); } .flag-icon-sr { background-image: url(/local/templates/main/js/flag/./flags/4x3/sr.svg); } .flag-icon-sr.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/sr.svg); } .flag-icon-ss { background-image: url(/local/templates/main/js/flag/./flags/4x3/ss.svg); } .flag-icon-ss.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ss.svg); } .flag-icon-st { background-image: url(/local/templates/main/js/flag/./flags/4x3/st.svg); } .flag-icon-st.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/st.svg); } .flag-icon-sv { background-image: url(/local/templates/main/js/flag/./flags/4x3/sv.svg); } .flag-icon-sv.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/sv.svg); } .flag-icon-sx { background-image: url(/local/templates/main/js/flag/./flags/4x3/sx.svg); } .flag-icon-sx.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/sx.svg); } .flag-icon-sy { background-image: url(/local/templates/main/js/flag/./flags/4x3/sy.svg); } .flag-icon-sy.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/sy.svg); } .flag-icon-sz { background-image: url(/local/templates/main/js/flag/./flags/4x3/sz.svg); } .flag-icon-sz.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/sz.svg); } .flag-icon-tc { background-image: url(/local/templates/main/js/flag/./flags/4x3/tc.svg); } .flag-icon-tc.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/tc.svg); } .flag-icon-td { background-image: url(/local/templates/main/js/flag/./flags/4x3/td.svg); } .flag-icon-td.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/td.svg); } .flag-icon-tf { background-image: url(/local/templates/main/js/flag/./flags/4x3/tf.svg); } .flag-icon-tf.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/tf.svg); } .flag-icon-tg { background-image: url(/local/templates/main/js/flag/./flags/4x3/tg.svg); } .flag-icon-tg.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/tg.svg); } .flag-icon-th { background-image: url(/local/templates/main/js/flag/./flags/4x3/th.svg); } .flag-icon-th.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/th.svg); } .flag-icon-tj { background-image: url(/local/templates/main/js/flag/./flags/4x3/tj.svg); } .flag-icon-tj.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/tj.svg); } .flag-icon-tk { background-image: url(/local/templates/main/js/flag/./flags/4x3/tk.svg); } .flag-icon-tk.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/tk.svg); } .flag-icon-tl { background-image: url(/local/templates/main/js/flag/./flags/4x3/tl.svg); } .flag-icon-tl.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/tl.svg); } .flag-icon-tm { background-image: url(/local/templates/main/js/flag/./flags/4x3/tm.svg); } .flag-icon-tm.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/tm.svg); } .flag-icon-tn { background-image: url(/local/templates/main/js/flag/./flags/4x3/tn.svg); } .flag-icon-tn.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/tn.svg); } .flag-icon-to { background-image: url(/local/templates/main/js/flag/./flags/4x3/to.svg); } .flag-icon-to.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/to.svg); } .flag-icon-tr { background-image: url(/local/templates/main/js/flag/./flags/4x3/tr.svg); } .flag-icon-tr.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/tr.svg); } .flag-icon-tt { background-image: url(/local/templates/main/js/flag/./flags/4x3/tt.svg); } .flag-icon-tt.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/tt.svg); } .flag-icon-tv { background-image: url(/local/templates/main/js/flag/./flags/4x3/tv.svg); } .flag-icon-tv.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/tv.svg); } .flag-icon-tw { background-image: url(/local/templates/main/js/flag/./flags/4x3/tw.svg); } .flag-icon-tw.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/tw.svg); } .flag-icon-tz { background-image: url(/local/templates/main/js/flag/./flags/4x3/tz.svg); } .flag-icon-tz.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/tz.svg); } .flag-icon-ua { background-image: url(/local/templates/main/js/flag/./flags/4x3/ua.svg); } .flag-icon-ua.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ua.svg); } .flag-icon-ug { background-image: url(/local/templates/main/js/flag/./flags/4x3/ug.svg); } .flag-icon-ug.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ug.svg); } .flag-icon-um { background-image: url(/local/templates/main/js/flag/./flags/4x3/um.svg); } .flag-icon-um.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/um.svg); } .flag-icon-us { background-image: url(/local/templates/main/js/flag/./flags/4x3/us.svg); } .flag-icon-us.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/us.svg); } .flag-icon-uy { background-image: url(/local/templates/main/js/flag/./flags/4x3/uy.svg); } .flag-icon-uy.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/uy.svg); } .flag-icon-uz { background-image: url(/local/templates/main/js/flag/./flags/4x3/uz.svg); } .flag-icon-uz.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/uz.svg); } .flag-icon-va { background-image: url(/local/templates/main/js/flag/./flags/4x3/va.svg); } .flag-icon-va.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/va.svg); } .flag-icon-vc { background-image: url(/local/templates/main/js/flag/./flags/4x3/vc.svg); } .flag-icon-vc.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/vc.svg); } .flag-icon-ve { background-image: url(/local/templates/main/js/flag/./flags/4x3/ve.svg); } .flag-icon-ve.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ve.svg); } .flag-icon-vg { background-image: url(/local/templates/main/js/flag/./flags/4x3/vg.svg); } .flag-icon-vg.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/vg.svg); } .flag-icon-vi { background-image: url(/local/templates/main/js/flag/./flags/4x3/vi.svg); } .flag-icon-vi.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/vi.svg); } .flag-icon-vn { background-image: url(/local/templates/main/js/flag/./flags/4x3/vn.svg); } .flag-icon-vn.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/vn.svg); } .flag-icon-vu { background-image: url(/local/templates/main/js/flag/./flags/4x3/vu.svg); } .flag-icon-vu.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/vu.svg); } .flag-icon-wf { background-image: url(/local/templates/main/js/flag/./flags/4x3/wf.svg); } .flag-icon-wf.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/wf.svg); } .flag-icon-ws { background-image: url(/local/templates/main/js/flag/./flags/4x3/ws.svg); } .flag-icon-ws.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ws.svg); } .flag-icon-ye { background-image: url(/local/templates/main/js/flag/./flags/4x3/ye.svg); } .flag-icon-ye.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/ye.svg); } .flag-icon-yt { background-image: url(/local/templates/main/js/flag/./flags/4x3/yt.svg); } .flag-icon-yt.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/yt.svg); } .flag-icon-za { background-image: url(/local/templates/main/js/flag/./flags/4x3/za.svg); } .flag-icon-za.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/za.svg); } .flag-icon-zm { background-image: url(/local/templates/main/js/flag/./flags/4x3/zm.svg); } .flag-icon-zm.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/zm.svg); } .flag-icon-zw { background-image: url(/local/templates/main/js/flag/./flags/4x3/zw.svg); } .flag-icon-zw.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/zw.svg); } .flag-icon-eu { background-image: url(/local/templates/main/js/flag/./flags/4x3/eu.svg); } .flag-icon-eu.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/eu.svg); } .flag-icon-gb-eng { background-image: url(/local/templates/main/js/flag/./flags/4x3/gb-eng.svg); } .flag-icon-gb-eng.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gb-eng.svg); } .flag-icon-gb-nir { background-image: url(/local/templates/main/js/flag/./flags/4x3/gb-nir.svg); } .flag-icon-gb-nir.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gb-nir.svg); } .flag-icon-gb-sct { background-image: url(/local/templates/main/js/flag/./flags/4x3/gb-sct.svg); } .flag-icon-gb-sct.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gb-sct.svg); } .flag-icon-gb-wls { background-image: url(/local/templates/main/js/flag/./flags/4x3/gb-wls.svg); } .flag-icon-gb-wls.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/gb-wls.svg); } .flag-icon-un { background-image: url(/local/templates/main/js/flag/./flags/4x3/un.svg); } .flag-icon-un.flag-icon-squared { background-image: url(/local/templates/main/js/flag/./flags/1x1/un.svg); } /* End */ /* Start:/local/templates/main/js_libs/jqueryui/jquery-ui.min.css?170365612132082*/ /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(/local/templates/main/js_libs/jqueryui/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(/local/templates/main/js_libs/jqueryui/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(/local/templates/main/js_libs/jqueryui/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(/local/templates/main/js_libs/jqueryui/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(/local/templates/main/js_libs/jqueryui/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(/local/templates/main/js_libs/jqueryui/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(/local/templates/main/js_libs/jqueryui/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/main/js_libs/jqueryui/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/main/js_libs/jqueryui/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/local/templates/main/js_libs/jqueryui/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/main/js_libs/jqueryui/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/main/js_libs/jqueryui/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/main/js_libs/jqueryui/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/main/js_libs/jqueryui/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* End */ /* Start:/local/templates/main/js/fancybox/jquery.fancybox.min.css?17036561216436*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner,.fancybox-outer{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(/local/templates/main/js/fancybox/../images/fancybox/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(/local/templates/main/js/fancybox/../images/fancybox/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(/local/templates/main/js/fancybox/../images/fancybox/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:visible!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(/local/templates/main/js/fancybox/../images/fancybox/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);border-radius:15px;text-shadow:0 1px 2px #222;color:#fff;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(/local/templates/main/js/fancybox/../images/fancybox/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(/local/templates/main/js/fancybox/../images/fancybox/fancybox_loading@2x.gif);background-size:24px 24px}}#fancybox-buttons{position:fixed;left:0;width:100%;z-index:8050}#fancybox-buttons.top{top:10px}#fancybox-buttons.bottom{bottom:10px}#fancybox-buttons ul{display:block;width:166px;height:30px;margin:0 auto;padding:0;list-style:none;border:1px solid #111;border-radius:3px;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);background:#323232;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#444),color-stop(50%,#343434),color-stop(50%,#292929),color-stop(100%,#333));background:-webkit-linear-gradient(top,#444 0,#343434 50%,#292929 50%,#333 100%);background:-webkit-gradient(linear,left top,left bottom,from(#444),color-stop(50%,#343434),color-stop(50%,#292929),to(#333));background:-webkit-linear-gradient(top,#444 0,#343434 50%,#292929 50%,#333 100%);background:linear-gradient(to bottom,#444 0,#343434 50%,#292929 50%,#333 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222', GradientType=0 )}#fancybox-buttons ul li{float:left;margin:0;padding:0}#fancybox-buttons a{display:block;width:30px;height:30px;text-indent:-9999px;background-color:transparent;background-image:url(/local/templates/main/js/fancybox/../images/fancybox/fancybox_buttons.png);background-repeat:no-repeat;outline:0;opacity:.8}#fancybox-buttons a:hover{opacity:1}#fancybox-buttons a.btnPrev{background-position:5px 0}#fancybox-buttons a.btnNext{background-position:-33px 0;border-right:1px solid #3e3e3e}#fancybox-buttons a.btnPlay{background-position:0 -30px}#fancybox-buttons a.btnPlayOn{background-position:-30px -30px}#fancybox-buttons a.btnToggle{background-position:3px -60px;border-left:1px solid #111;border-right:1px solid #3e3e3e;width:35px}#fancybox-buttons a.btnToggleOn{background-position:-27px -60px}#fancybox-buttons a.btnClose{border-left:1px solid #111;width:35px;background-position:-56px 0}#fancybox-buttons a.btnDisabled{opacity:.4;cursor:default}#fancybox-thumbs{position:fixed;left:0;width:100%;overflow:hidden;z-index:8050}#fancybox-thumbs.bottom{bottom:2px}#fancybox-thumbs.top{top:2px}#fancybox-thumbs ul{position:relative;list-style:none;margin:0;padding:0}#fancybox-thumbs ul li{float:left;padding:1px;opacity:.5}#fancybox-thumbs ul li.active{opacity:.75;padding:0;border:1px solid #fff}#fancybox-thumbs ul li:hover{opacity:1}#fancybox-thumbs ul li a{display:block;position:relative;overflow:hidden;border:1px solid #222;background:#111;outline:0}#fancybox-thumbs ul li img{display:block;position:relative;border:0;padding:0;max-width:none} /* End */ /* Start:/local/templates/main/css/libcss/normalize.css?17036561218053*/ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, /* 1 */ menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* End */ /* Start:/local/templates/main/js_dev/scrollbar/perfect-scrollbar.css?17036561211926*/ /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 6px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; background: rgba(153, 153, 154, 0.4); border-radius: 2px; height: 100%; display: none; } .ps.ps--active-y .ps__rail-y { display: block; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background: #0E6EC3; border-radius: 2px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 0; /* please don't change 'position' */ position: absolute; min-height: 10px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } /* End */ /* Start:/local/templates/main/css/style.css?1748843863156973*/ @font-face { font-family: "rouble"; src: url("/local/templates/main/css/../fonts/rouble/rouble.eot"); src: url("/local/templates/main/css/../fonts/rouble/rouble.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/css/../fonts/rouble/rouble.woff") format("woff"), url("/local/templates/main/css/../fonts/rouble/rouble.ttf") format("truetype"), url("/local/templates/main/css/../fonts/rouble/rouble.svg#rouble") format("svg"); font-weight: normal; font-style: normal; } html { height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { padding: 0; margin: 0; -webkit-box-sizing: inherit; box-sizing: inherit; outline: none; } body { width: 100%; min-width: 320px; height: 100%; font-size: 16px; font-family: "Mulish", "Roboto", sans-serif; } h1, h2, h3, h4, h5, h6 { margin: 0; } p { margin-bottom: 12px; } li { list-style: none; } a { text-decoration: none; color: #000; } a:hover { color: #4c93d1; text-decoration: underline; } img { vertical-align: middle; border: 0; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } br { clear: both; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .cf { zoom: 1; } .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .hidden, [hidden] { display: none !important; } .img-adp, .iframe-adp { max-width: 100%; height: auto; display: block; margin: auto; } /* Slider style */ /* .slide-content { margin-top: -40px; position: relative; z-index: 2; text-align: center; padding-left: 15px; padding-right: 15px; width: 100%; text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.8); } @media (min-width: 480px) { .slide-content { margin-top: -30px; padding-left: 20px; padding-right: 20px; } } @media (min-width: 768px) { .slide-content { margin-top: -20px; width: 66%; text-align: left; padding-left: 0; padding-right: 20px; } } @media (min-width: 1200px) { .slide-content { width: 55%; } } */ /* .slide-title { font-size: 18px; line-height: 24px; margin-bottom: 10px; } @media (min-width: 768px) { .slide-title { margin-bottom: 0; font-size: 20px; line-height: 30px; } } @media (min-width: 1024px) { .slide-title { font-size: 26px; line-height: 30px; } } .slide-title span { color: #0e6ec3; font-weight: bold; } .slide-title-sub { font-size: 12px; line-height: 18px; } @media (min-width: 480px) { .slide-title-sub { font-size: 14px; line-height: 30px; } } @media (min-width: 768px) { .slide-title-sub { font-weight: 300; font-size: 16px; line-height: 30px; } }*/ /* #MH_TODO: конец */ /* catalog-grid */ .catalog-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { .catalog-grid { margin-left: -15px; margin-right: -15px; } } .catalog-grid__item { width: 100%; margin-top: 15px; background: #fff; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; -webkit-border-radius: 5px; border-radius: 5px; } @media (min-width: 768px) { .catalog-grid__item { margin-top: 30px; margin-left: 15px; margin-right: 15px; width: -webkit-calc(70%); width: calc(100% - 30px); } } @media (min-width: 1024px) { .catalog-grid__item { width: -webkit-calc(-5%); width: calc(25% - 30px); } } .catalog-grid__item:hover { -webkit-box-shadow: 0px 0px 10px 0px #c0c8cc; box-shadow: 0px 0px 10px 0px #c0c8cc; } .catalog-grid__item .catalog-grid__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1024px) { .catalog-grid__item .catalog-grid__inner { min-height: 380px; } } .catalog-grid__item .catalog-grid-img { display: none; } @media (min-width: 768px) { .catalog-grid__item .catalog-grid-img { display: block; overflow: hidden; border-bottom: 1px solid #e4eef2; width: 100%; height: 156px; position: relative; } } .catalog-grid__item .catalog-grid-img__src { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; display: block; } .catalog-grid__item .catalog-grid-links { padding: 20px 20px 10px; } @media (min-width: 768px) { .catalog-grid__item .catalog-grid-links { padding: 20px 24px 10px; } } @media (min-width: 1024px) { .catalog-grid__item .catalog-grid-links { padding: 34px 20px 10px; } } @media (min-width: 1200px) { .catalog-grid__item .catalog-grid-links { padding: 34px 24px 10px; } } .catalog-grid__item .catalog-grid-links__item:only-of-type > .catalog-grid__link { font-weight: 700; font-size: 18px; line-height: 24px; margin-bottom: 15px; } @media (min-width: 1200px) { .catalog-grid__item .catalog-grid-links__item:only-of-type > .catalog-grid__link { font-size: 20px; } } .catalog-grid__item .catalog-grid-links__item.--sub > .catalog-grid__link { font-weight: 700; margin: 18px 0 18px; } .catalog-grid__item.--c2 { width: 100%; } @media (min-width: 768px) { .catalog-grid__item.--c2 { width: -webkit-calc(70%); width: calc(100% - 30px); } } @media (min-width: 1024px) { .catalog-grid__item.--c2 { width: -webkit-calc(20%); width: calc(50% - 30px); } } .catalog-grid__item.--c2 .catalog-grid__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .catalog-grid__item.--c2 .catalog-grid-img { display: none; } @media (min-width: 768px) { .catalog-grid__item.--c2 .catalog-grid-img { display: block; border-bottom: none; border-right: 1px solid #e4eef2; width: 220px; height: inherit; } } .catalog-grid__item.--c2 .catalog-grid-links { padding: 20px 20px 10px; } @media (min-width: 768px) { .catalog-grid__item.--c2 .catalog-grid-links { padding: 20px 10px 10px 40px; } } @media (min-width: 1024px) { .catalog-grid__item.--c2 .catalog-grid-links { padding: 34px 10px 10px 20px; } } @media (min-width: 1200px) { .catalog-grid__item.--c2 .catalog-grid-links { padding: 34px 10px 10px 40px; } } .catalog-grid__link { font-weight: 300; font-size: 16px; line-height: 20px; color: #000; display: inline-block; margin-bottom: 10px; } .catalog-grid__link:hover { text-decoration: none; color: #0e6ec3; } /* Bread style */ .bread-crumbs { margin-bottom: 10px; } .bread-crumbs + h1 { margin-top: 35px; } @media (max-width: 767px) { .bread-crumbs { display: none; } } .bread-crumbs { display: flex; align-items: center; flex-wrap: wrap; font-weight: 400; font-size: 14px; line-height: 130%; margin-bottom: 6px !important; } .bread-crumbs__item { margin-bottom: 4px; } .bread-crumbs__link { padding: unset !important; font-weight: unset; border: unset; background-color: unset; font-size: unset; line-height: unset; color: #707070; } .bread-crumbs__link:after { display: none; } .bread-crumbs__item:not(:last-child):after { content: ""; position: absolute; /* right: -12px; width: 6px; height: 6px; border: 1px solid #0E6EC3; border-top-width: 0; border-left-width: 0; transform: rotate(-45deg); top: 3px;*/ top: 9px; border: none; width: 10px; height: 1px; background: #707070; transform: none; right: -20px; } .bread-crumbs__item:not(:last-child) { position: relative; /*margin-right: 20.5px;*/ margin-right: 30px; } .page-catalog .bread-crumbs .bread-crumbs__link--last { font-weight: normal; } /* Article style */ article { font-size: 16px; font-weight: 300; line-height: 24px; } article h1 { font-weight: 700; font-size: 24px; line-height: 28px; margin-top: 30px; margin-bottom: 30px; } @media (min-width: 768px) { article h1 { font-size: 36px; line-height: 44px; } } article h2 { font-weight: 700; font-size: 18px; line-height: 20px; margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { article h2 { font-size: 24px; line-height: 24px; margin-top: 30px; margin-bottom: 20px; } } article h4 { font-weight: 700; font-size: 18px; line-height: 24px; } article p { margin-top: 12px; margin-bottom: 12px; } article img { display: block; max-width: 100%; margin-top: 20px; margin-bottom: 20px; } @media (min-width: 768px) { article img { margin-top: 40px; margin-bottom: 40px; } } /* #MH_TODO: начало */ .tabs { margin-bottom: 30px; } .tabs__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .tabs-caption { text-align: center; font-size: 14px; color: #000000; padding: 15px 10px; position: relative; font-weight: 600; } @media (min-width: 480px) { .tabs-caption { font-size: 16px; padding: 15px; } } @media (min-width: 768px) { .tabs-caption { font-size: 20px; padding: 20px; } } .tabs-caption.active { -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; background: #fff; } .tabs-caption.active:after { content: ""; position: absolute; top: -webkit-calc(95%); top: calc(100% - 5px); left: 0; width: 100%; height: 10px; background: #fff; } .tabs-caption.active span { color: #0e6ec3; } .tabs-caption span { cursor: pointer; } .tabs-caption span:hover { color: #0e6ec3; } .tabs__content { display: none; /*-webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; -webkit-border-radius: 5px; border-radius: 5px;*/ } .tabs__content.active { display: block; background: #fff; padding: 12px 12px 10px; } @media (min-width: 768px) { .tabs__content.active { padding: 30px 30px 10px; } } .tabs__content .characteristic .info, .tabs__content .characteristic .name { background: #fff; } /* #MH_TODO: конец */ /* Page NEWS */ @media (min-width: 1024px) { .news-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } } .news { -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; cursor: pointer; margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .news { margin-bottom: 30px; } } @media (min-width: 1024px) { .news { margin-left: 15px; margin-right: 15px; width: -webkit-calc(20%); width: calc(50% - 30px); } } .news:hover { -webkit-box-shadow: 0px 0px 10px 0px #c0c8cc; box-shadow: 0px 0px 10px 0px #c0c8cc; } .news:hover .news-title { color: #0e6ec3; } .news .news-date { font-size: 12px; line-height: 12px; color: #909090; font-weight: 300; margin-bottom: 5px; } .news .news-title { font-size: 18px; line-height: 24px; font-weight: 700; margin-bottom: 10px; display: inline-block; } .news .news-title:hover { text-decoration: none; } .news .news-text { font-weight: 300; font-size: 16px; line-height: 24px; } .news-img { overflow: hidden; display: none; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } @media (min-width: 768px) { .news-img { display: block; -webkit-flex-basis: -webkit-calc(-370%); -ms-flex-preferred-size: calc(100% - 470px); flex-basis: calc(100% - 470px); } } @media (min-width: 1024px) { .news-img { -webkit-flex-basis: -webkit-calc(-160%); -ms-flex-preferred-size: calc(100% - 260px); flex-basis: calc(100% - 260px); } } .news-img__src { max-width: 100%; object-fit: cover; height: 277px; } @media (min-width: 1024px) { .news-img__src { height: 327px; } } .news-content { padding: 25px 25px 30px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 768px) { .news-content { -webkit-flex-basis: 470px; -ms-flex-preferred-size: 470px; flex-basis: 470px; } } @media (min-width: 1024px) { .news-content { -webkit-flex-basis: 260px; -ms-flex-preferred-size: 260px; flex-basis: 260px; } } .news-inner { overflow: hidden; max-height: 272px; } .date-news { font-weight: 300; font-size: 14px; line-height: 14px; color: #909090; position: relative; top: -10px; margin-bottom: 10px; } .date-news__src { width: 19px; height: 19px; margin-right: 7px; position: relative; top: -2px; } .news-block__top { overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; position: relative; } .news-block__top img { display: block; max-width: 100%; position: relative; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); object-fit: cover; } .news-block__mid { padding: 0px 0 30px; } @media (min-width: 768px) { .news-block__mid { padding: 40px 0 30px; } } .news-block__down { padding-bottom: 40px; border-bottom: 1px solid #c1c8cb; } @media (min-width: 768px) { .news-block__down .news-block-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .news-block-inner { margin: 0 auto; overflow: hidden; } @media (min-width: 1024px) { .news-block-inner { width: -webkit-calc(-100%); width: calc(100% - 200px); } } .back { font-weight: 300; font-size: 16px; line-height: 16px; display: inline-block; } @media (max-width: 767px) { .back { margin-bottom: 30px; } } .back__src { width: 24px; height: 16px; margin-right: 10px; position: relative; top: -2px; } .share { font-weight: 300; font-size: 16px; line-height: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .share__title { margin-right: 10px; } .news-block-more { margin-top: 5px; } @media (min-width: 768px) { .news-block-more .news-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } } .news-min { margin-top: 30px; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; cursor: pointer; padding: 25px 25px 30px; } @media (min-width: 768px) { .news-min { margin-left: 15px; margin-right: 15px; width: -webkit-calc(20%); width: calc(50% - 30px); } } @media (min-width: 1200px) { .news-min { width: -webkit-calc(-5%); width: calc(25% - 30px); } } .news-min:hover { -webkit-box-shadow: 0px 0px 10px 0px #c0c8cc; box-shadow: 0px 0px 10px 0px #c0c8cc; } .news-min:hover .news-title { color: #0e6ec3; } .news-min__inner { overflow: hidden; height: 217px; } @media (max-width: 767px) { .news-min__inner { height: auto; } } .news-min .news-date { font-size: 12px; line-height: 12px; color: #909090; font-weight: 300; margin-bottom: 5px; } .news-min .news-title { font-size: 18px; line-height: 24px; font-weight: 700; margin-bottom: 10px; display: inline-block; } .news-min .news-title:hover { text-decoration: none; } .news-min .news-text { font-weight: 300; font-size: 16px; line-height: 24px; } .about-capability { -webkit-border-radius: 5px; border-radius: 5px; margin-top: 45px; } @media (min-width: 1024px) { .about-capability { -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; background: #fff; padding: 80px 50px 70px; } } @media (min-width: 1200px) { .about-capability { padding: 80px 100px 70px; } } .about-capability .title-h1 { text-align: center; margin-bottom: 36px; } .block-icons { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { .block-icons { margin-left: -8px; margin-right: -8px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .block-icon { background: #fff; width: 100%; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; border: 1px solid #e4eef2; margin-bottom: 18px; text-align: center; min-height: 110px; padding: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) { .block-icon { padding: 30px 10px 10px; min-height: 214px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 8px; margin-right: 8px; width: -webkit-calc(17.333333%); width: calc(33.333333% - 16px); } } @media (min-width: 1024px) { .block-icon { width: -webkit-calc(9%); width: calc(25% - 16px); } } .block-icon__inner { overflow: hidden; width: 69px; } @media (min-width: 768px) { .block-icon__inner { width: 100%; margin-bottom: 15px; } } .block-icon__src { width: 69px; height: 69px; } @media (min-width: 768px) { .block-icon__src { height: 91px; width: 91px; } } .block-icon__title { width: -webkit-calc(31%); width: calc(100% - 69px); padding-left: 30px; font-size: 16px; line-height: 24px; } @media (min-width: 768px) { .block-icon__title { padding-left: 0; width: 100%; } } /* Page Delivery style */ @media (min-width: 1200px) { .delivery-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } } .delivery-grid__inner { border-bottom: 1px solid #b4bcbf; padding-bottom: 10px; margin-bottom: 30px; } @media (min-width: 1200px) { .delivery-grid__inner { min-height: 410px; } } .delivery-grid__item { width: 100%; background: #fff; margin-bottom: 20px; padding: 20px 20px 20px; position: relative; } @media (min-width: 768px) { .delivery-grid__item { padding: 40px 40px 50px; margin-bottom: 30px; } } @media (min-width: 1200px) { .delivery-grid__item { width: -webkit-calc(20%); width: calc(50% - 30px); margin-left: 15px; margin-right: 15px; } } .delivery-grid__item.open article { padding-top: 20px; height: auto !important; } .delivery-grid__item article { overflow: hidden; height: 0; } @media (min-width: 768px) { .delivery-grid__item article { height: auto; } } @media (max-width: 767px) { .delivery-grid__item:after { content: attr(data-name); position: absolute; font-size: 16px; line-height: 40px; padding-left: 15px; color: #0e6ec3; font-weight: 700; top: 0; left: 0; width: 100%; height: 40px; background: #fff url(/local/templates/main/css/../images/select_arrow.png) no-repeat center right 20px; display: block; } } .delivery-grid ul { margin-left: 0; } .delivery-grid ol { margin-left: -10px; } .delivery-title { color: #0e6ec3; font-weight: 700; font-size: 24px; margin-bottom: 25px; display: block; } @media (max-width: 767px) { .delivery-title { display: none; } } .delivery-title.--min { display: block; font-size: 18px; color: #000; margin-bottom: 10px; } @media (min-width: 768px) { .delivery-title.--min { font-size: 20px; margin-bottom: 20px; } } .delivery-info { -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #b4bcbf; padding: 20px 20px 30px; background: url(/local/templates/main/css/../images/img_delivery.png) no-repeat right bottom; } @media (min-width: 768px) { .delivery-info { padding: 40px 50px 30px; } } .delivery-info ul { margin-left: 0; } /* pade Brand*/ .brand-list { margin-left: -6px; margin-right: -6px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { .brand-list { margin-left: -15px; margin-right: -15px; } } .brand { width: -webkit-calc(38%); width: calc(50% - 12px); margin-bottom: 12px; margin-left: 6px; margin-right: 6px; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; padding: 10px 5px 10px; cursor: pointer; } @media (min-width: 768px) { .brand { margin-left: 15px; margin-right: 15px; margin-bottom: 30px; padding: 30px 5px 20px; width: -webkit-calc(-5%); width: calc(25% - 30px); } } .brand:hover { -webkit-box-shadow: 0px 0px 10px 0px #c0c8cc; box-shadow: 0px 0px 10px 0px #c0c8cc; } .brand-img { overflow: hidden; position: relative; height: 80px; margin-bottom: 10px; } @media (min-width: 768px) { .brand-img { margin-bottom: 20px; } } @media (min-width: 1024px) { .brand-img { height: 100px; } } .brand-img__src { max-width: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .brand-content { text-align: center; font-weight: 300; font-size: 15px; line-height: 24px; padding: 0 10px; } @media (min-width: 768px) { .brand-content { font-weight: 700; font-size: 16px; line-height: 22px; } } @media (min-width: 1024px) { .brand-content { font-size: 18px; line-height: 24px; } } /* page Brand select */ .brand-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #909090; padding-bottom: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .brand-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .brand-item-img { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; width: 100%; min-height: 190px; padding: 20px; margin-bottom: 20px; } @media (min-width: 768px) { .brand-item-img { width: 267px; margin-bottom: 0; } } .brand-item-img__src { max-width: 100%; margin: auto; } .brand-item-content { width: 100%; overflow: hidden; } @media (min-width: 768px) { .brand-item-content { margin-left: 30px; width: -webkit-calc(-206%); width: calc(100% - 276px - 30px); } } .brand-item-content.open { height: auto !important; } .brand-item-content p:first-child { margin-top: 0; } .brand-item-select { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .brand-select { position: relative; top: -19px; text-align: right; width: 195px; } @media (max-width: 767px) { .brand-select { width: 100%; } } .brand-select:before { content: ""; width: 10px; height: 36px; background: #f1f3f7; display: block; position: absolute; right: 100%; top: 0; } .brand-select select { cursor: pointer; padding: 0 10px; width: 100%; height: 36px; border: none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(/local/templates/main/css/../images/select_arrow.png) no-repeat top 16px right 10px; } /* block brand-s more */ .brand-more { position: relative; } .brand-more .product { width: calc(50% - 4px); } @media (min-width: 768px) { .brand-more .product { width: -webkit-calc(20%); width: calc(50% - 30px); } } @media (min-width: 1200px) { .brand-more .product { width: -webkit-calc(-5%); width: calc(25% - 30px); } } .brand-more-title { font-weight: 700; font-size: 24px; line-height: 24px; margin-bottom: 30px; } .brand-more-btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 10px; } .brand-more-btn { border: 1px solid #0e6ec3; background: transparent; -webkit-border-radius: 5px; border-radius: 5px; padding: 8px 46px; font-weight: 300; font-size: 16px; line-height: 18px; color: #000; } .brand-more-btn:hover { background: #0e6ec3; color: #fff; } /* page Contacts */ @media (min-width: 1024px) { .contacts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; justify-content: space-around; } } .contacts-address { width: 100%; } @media (min-width: 768px) { .contacts-address { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 1024px) { .contacts-address { display: block; width: 340px; } } @media (min-width: 1200px) { .contacts-address { width: 390px; } } .contacts-map { width: 100%; overflow: hidden; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; -webkit-border-radius: 5px; border-radius: 5px; } @media (min-width: 1024px) { .contacts-map { width: -webkit-calc(-240%); width: calc(100% - 340px); } } @media (min-width: 1200px) { .contacts-map { width: -webkit-calc(-290%); width: calc(100% - 390px); } } .contacts-map #map { width: 100%; height: 300px; background: #fff; } @media (min-width: 1024px) { .contacts-map #map { height: 490px; } } .contacts-address { font-size: 16px; line-height: 24px; color: #000; } @media (min-width: 768px) { .contacts-address { padding-right: 40px; } } .contacts-address__inner { margin-bottom: 40px; } .address, .requisite { padding-left: 28px; position: relative; } @media (min-width: 480px) { .address, .requisite { padding-left: 32px; } } .address { margin-bottom: 10px; } .address-ico { position: absolute; } .address-ico.--loc { width: 15px; height: 20px; top: 0; left: 0; } .address-ico.--tel { width: 15px; height: 21px; top: 0px; left: 0; } .address-ico.--email { width: 18px; height: 14px; top: 4px; left: 0; } .address-ico.--time { width: 15px; height: 15px; top: 4px; left: 0; } .requisite-ico { position: absolute; width: 14px; height: 20px; top: 0; left: 0; } .requisite-title { font-size: 18px; font-weight: 700; margin-bottom: 10px; } /* Cart style */ .cart { background: #fff; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; -webkit-border-radius: 5px; border-radius: 5px; position: relative; overflow: hidden; } .cart-table { width: 100%; } .cart-table__head { border-bottom: 3px solid #0e6ec3; font-weight: 700; font-size: 16px; line-height: 18px; } @media (min-width: 768px) { .cart-table__head { font-size: 18px; } } .cart-table__head th { padding: 25px 10px 15px; text-align: center; } @media (max-width: 767px) { .cart-table__head th:nth-child(2) { display: none; } } @media (max-width: 767px) { .cart-table__head th:nth-child(4) { display: none; } } .cart-table tr { border-bottom: 1px solid #e4eef2; } .cart-table td { width: 25%; font-size: 14px; line-height: 20px; color: #000; padding: 30px 10px 30px; } @media (min-width: 768px) { .cart-table td { font-size: 16px; line-height: 24px; } } .cart-table td:not(:first-child) { border-left: 1px solid #e4eef2; } @media (max-width: 767px) { .cart-table td:nth-child(2) { display: none; } } @media (max-width: 767px) { .cart-table td:nth-child(4) { display: none; } } .cart-table .calc-size { max-width: 40px; } @media (min-width: 1024px) { .cart-table .calc-size { max-width: 70px; } } .cart-table .card-price__old { font-weight: 400; font-size: 14px; line-height: 24px; text-decoration: line-through; } @media (min-width: 1024px) { .cart-table .card-price__old { font-size: 16px; } } .cart-table .mobil-cart-product-price { display: none; } @media (max-width: 767px) { .cart-table .mobil-cart-product-price { display: block; font-weight: 700; font-size: 16px; } } .cart-table .mobil-cart-product-price .mobil-price { display: block; margin-top: 10px; } .cart-table .mobil-cart-product-price .mobil-price-old { display: block; font-weight: 300; font-size: 14px; line-height: 20px; text-decoration: line-through; } .cart-product { width: 100% !important; min-width: 110px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media (min-width: 768px) { .cart-product { min-width: 200px; } } @media (min-width: 1024px) { .cart-product { min-width: 340px; } } @media (min-width: 1200px) { .cart-product { min-width: 480px; } } .cart-product-img { margin: 0 20px 0 10px; overflow: hidden; } @media (min-width: 1024px) { .cart-product-img { display: block; width: 146px; } } @media (max-width: 1023px) { .cart-product { flex-wrap: wrap; } .cart-product-img { margin: 0 0 10px; max-height: 110px; text-align: center; width: 100%; } .cart-product-img img { max-width: 110px; max-height: 100px !important; margin: 0 auto; } } .cart-product-img__src { max-width: 100%; } .cart-product-more { margin-top: 5px; font-size: 14px; line-height: 16px; font-weight: 300; color: #2c2c2c; } .cart-del { width: 50px !important; min-width: 50px; text-align: center; } @media (max-width: 767px) { .cart-table td.cart-del { width: 30px !important; min-width: 25px; padding: 30px 0 !important; } .cart-del-ico { width: 14px; height: 14px; } .cart-del-ico svg { width: 14px; height: 14px; } } .cart-del-ico { overflow: hidden; display: inline-block; width: 16px; height: 16px; line-height: normal; opacity: 0.6; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .cart-del-ico:hover { opacity: 1; } .cart-del .cart-del-ico { background: none; } .cart-del .cart-del-ico svg { width: 16px; height: 16px; fill: #000; } .delayed-container { background-color: #e6f8fe; color: #b4bcbf; } .delayed-container a { color: #b4bcbf; } .delayed-container td, .delayed-container td a, .delayed-container .cart-product-more { color: #b4bcbf !important; } .delayed-container .basket-item-amount-filed { background-color: #e6f8fe; } .basket-item-delayed { margin-top: 10px; } .basket-item-delayed.basket-item-delayed-remove { opacity: 1; } .basket-item-delayed.basket-item-delayed-remove svg { fill: #0e6ec3; } .cart-table .cart-price { font-weight: 700; font-size: 16px; text-align: center; } @media (min-width: 1024px) { .cart-table .cart-price { font-size: 20px; } } @media (max-width: 479px) { .cart-table .cart-calc { padding: 0; } .cart-table .calc-inner { transform: scale(0.8); } } .cart-table .cart-sum { font-weight: 700; font-size: 16px; text-align: center; } @media (min-width: 1024px) { .cart-table .cart-sum { font-size: 20px; } } .cart-result { padding: 30px 15px 45px; background-color: #fff; border: 1px solid #e2dfdf; } .result-price { font-weight: 700; font-size: 24px; line-height: 26px; text-align: right; } .result-price .result-price-total { display: inline-block; margin-left: 2px; } .result-btn { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .result-btn { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .btn-back { border: 1px solid #909090; background: transparent; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px 12px; font-weight: 300; font-size: 16px; line-height: 18px; margin-bottom: 20px; } @media (min-width: 768px) { .btn-back { margin-bottom: 0; } } .btn-back:hover { background: #0f7cdb; color: #fff; border-color: #0f7cdb; } .btn-buy, .sale-paysystem-button-container .btn-buy { border: 1px solid #0e6ec3; background: #0e6ec3; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; text-transform: uppercase; font-size: 16px; line-height: 18px; letter-spacing: 2px; font-weight: 700; padding: 20px; } .btn-buy:hover, .sale-paysystem-button-container .btn-buy:hover { background: #0f7cdb; border-color: #0f7cdb; color: #ffffff; outline: none; } /* Catalog page */ .catalog { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 1024px) { .catalog { margin-left: -15px; margin-right: -15px; } } .filter-box-close { position: relative; display: inline-flex; align-items: center; } .filter-box-close .icon-caret { display: block; width: 13px; height: 16px; margin-right: 8px; background: url(/local/templates/main/css/../images/caret.svg) no-repeat center; } @media (min-width: 1024px) { .filter-box-close { display: none; } } .filter-block { visibility: hidden; width: 0; height: 0; } @media (min-width: 1024px) { .filter-block { width: 220px; margin: 0 15px; visibility: visible; height: auto; } } @media (min-width: 1200px) { .filter-block { width: 270px; } } @media (max-width: 1023px) { .filter-block.open { visibility: visible; position: fixed; z-index: 3000; background: #fff; width: 100%; padding: 25px; left: 0; top: 0; height: 100vh; overflow: auto; } } .filter-block__inner { overflow: hidden; } .filter-block__show { margin-top: 20px; } .filter-block__show span { display: inline-block; border-bottom: 1px dotted #0e6ec3; cursor: pointer; color: #0e6ec3; font-size: 16px; line-height: 20px; } .filter-price { padding: 5px 0; border-bottom: 1px solid #909090; padding-bottom: 30px; } .filter-price__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 10px; margin-bottom: 30px; } .filter-price__inner span { margin: 0 5px; color: #0e6ec3; } .filter-price-inp { width: -webkit-calc(30%); width: calc(50% - 20px); border: none; height: 35px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 10px; border: 1px solid #e4eef2; } @media (max-width: 1023px) { .filter-head { background: #F1F3F7; height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 22px; } .filter-block { padding: 0 !important; } .filter-block__inner { padding: 10px 25px 210px; height: calc(100% - 48px); overflow: auto !important; } .filter-btn-reset { margin-top: 0 !important; font-size: 14px !important; line-height: 24px !important; color: rgba(51, 51, 51, 0.6) !important; opacity: 1 !important; } .filter-btn-reset:before { top: 50% !important; transform: translateY(-50%) !important; width: 12px !important; height: 12px !important; left: -20px !important; } .filter-box-close { font-weight: bold; font-size: 16px; line-height: 19px; } .filter-box { height: 100%; } } .ui-widget.ui-widget-content { background: #909090; height: 1px; border: none; margin-left: 7px; margin-right: 7px; } .ui-slider .ui-slider-handle { width: 14px; height: 28px; border: none; background: #0e6ec3; -webkit-border-radius: 5px; border-radius: 5px; top: -14px; margin-left: -7px; cursor: pointer; } .ui-slider .ui-slider-range { height: 2px; background: #0e6ec3; } .filter-item { margin-top: 20px; width: 100%; border-bottom: 1px solid #909090; padding-bottom: 20px; } .filter-item__inner { overflow: hidden; } .filter-item__inner.open { height: auto !important; } .filter-item__show { margin-top: 6px; } .filter-item__show span { display: inline-block; border-bottom: 1px dashed #0e6ec3; cursor: pointer; color: #0e6ec3; font-weight: 300; font-size: 16px; line-height: 20px; } .filter-item__show span:hover { border-bottom-color: transparent; } .filter-title { font-weight: 700; color: #000; font-size: 16px; line-height: 30px; } .filter-list { padding: 10px 0; } .filter { font-size: 16px; line-height: 30px; } .filter .checkbox { display: none; } .filter-checkbox { position: relative; cursor: pointer; } .filter-checkbox .checkbox:checked + span:before { background-position: center bottom; } .filter-checkbox span { margin-left: 0; padding-left: 35px; display: block; position: relative; } .filter-checkbox span:before { content: ""; position: absolute; width: 24px; height: 24px; left: 0; top: 2px; background: url(/local/templates/main/css/../images/SVG/Checkbox.svg) no-repeat top center / cover; } .filter-btn { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1200px) { .filter-btn { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .filter-btn-searh { background: #0e6ec3; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; font-size: 16px; line-height: 18px; padding: 8px 20px; text-align: center; border: 1px solid #0e6ec3; -webkit-border-radius: 5px; border-radius: 5px; } .filter-btn-searh:hover { background: #0f7cdb; } .filter-btn-reset { font-size: 16px; line-height: 18px; position: relative; cursor: pointer; opacity: 0.7; margin-top: 20px; margin-left: 20px; } @media (min-width: 1200px) { .filter-btn-reset { margin-top: 0; margin-left: 0; } } .filter-btn-reset:hover { opacity: 1; } .filter-btn-reset:before { content: ""; position: absolute; top: 2px; left: -18px; width: 13px; height: 13px; background: url(/local/templates/main/css/../images/SVG/Clear.svg) no-repeat center; } .catalog__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .catalog__inner { width: 100%; } @media (min-width: 1024px) { .catalog__inner { margin: 0 15px; width: -webkit-calc(-120%); width: calc(100% - 220px); } } @media (min-width: 1200px) { .catalog__inner { width: -webkit-calc(-170%); width: calc(100% - 270px); } } .section-list { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { .section-list { margin-left: -15px; margin-right: -15px; } } @media (min-width: 1024px) { .section-list { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } .line { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; border-top: 1px solid #909090; margin-bottom: 25px; } @media (min-width: 1024px) { .line { margin-bottom: 0; } } .section { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; cursor: pointer; font-weight: 400; font-size: 16px; line-height: 22px; color: #000; padding: 15px 5px; margin-bottom: 12px; position: relative; } @media (min-width: 768px) { .section { margin-bottom: 30px; width: -webkit-calc(3.333333%); width: calc(33.333333% - 30px); margin-left: 15px; margin-right: 15px; } } .section:hover { color: #0e6ec3; } @media (min-width: 1200px) { .section:hover .section-prev { opacity: 1; visibility: visible; } } .section:nth-child(3n + 1) .section-prev { -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); } .section:nth-child(3n + 1) .section-prev:after { left: -14px; -webkit-transform: translate(-14px, -50%) rotate(180deg); -ms-transform: translate(-14px, -50%) rotate(180deg); transform: translate(-14px, -50%) rotate(180deg); } .section-prev { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; left: 50%; width: 345px; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); background: #fff; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #C1C8CB; padding: 30px 20px; z-index: 1; font-weight: 400; font-size: 16px; line-height: 24px; text-align: left; opacity: 0; visibility: hidden; color: #000 !important; -webkit-transition: all 0.3s; transition: all 0.3s; } .section-prev:after { content: ""; position: absolute; top: 50%; left: 100%; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); width: 28px; height: 40px; background: url(/local/templates/main/css/../images/SVG/Tooltip_arrow_big.svg) no-repeat; } .section-prev-img { overflow: hidden; width: 120px; padding-right: 30px; } .section-prev-img__src { max-width: 100%; } .section-prev-text { width: -webkit-calc(-20%); width: calc(100% - 120px); } .catalog-view, .catalog-view .fixed-scroll { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-around; -ms-flex-pack: justify; justify-content: space-around; margin-bottom: 24px; } .catalog-view .fixed-scroll { margin-bottom: 0; width: 100%; } @media (min-width: 1024px) { .catalog-view, .catalog-view .fixed-scroll { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; padding-top: 24px; } .catalog-view .fixed-scroll { padding-top: 0; } } @media (max-width: 767px) { .catalog-view .fixed-scroll.fixed { position: fixed; top: 0; z-index: 3; width: 100vw; padding: 15px; background-color: #f1f3f7; left: 0; right: 0; margin: auto; box-shadow: 0px 0px 10px 0px #dae4e8; } } /*сортировка*/ .sort { font-size: 14px; position: relative; display: inline-flex; align-items: center; } @media (max-width: 479px) { .sort { margin-top: 0; } } @media (min-width: 768px) { .sort { font-size: 16px; } } @media (min-width: 1024px) { .sort { height: 38px; } } .sort__label { margin-right: 10px; } .sort__select { padding: 15px 20px 15px 14px; border-radius: 5px; font-size: 16px; position: relative; cursor: pointer; width: 140px; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; } .sort__select:after { content: ""; position: absolute; right: 5px; top: 9px; width: 26px; height: 29px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACLSURBVFhH7c7RCYMwAIThSJ3OBew++q5zuGR7hxwENRhoTPpwHxyIJOEPZmZmdjZg3f6ZhWd5p6gJ+2ArlhPDMwvGOzN/lDBifFC7i4kjtDf2sxe2YfHDqZirCN7tsSJyYh6PED6YiqkWIamYqhFyFROvSoSkYqpGyDGmSYQopmmEMKB5hJnZnwjhC5yaP8uVkmhyAAAAAElFTkSuQmCC); background-position: center; background-repeat: no-repeat; background-size: contain; } .sort__select.open:after { top: 8px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB9SURBVFhH7c5BCoAgEIVho07XBeo+tq9zdMmagRkUccCFOpv3wduIyh8AACDZZK444JW5xWjEJ3OJKSNcYqwI3ZSYWsRDu4uzoTFWxCKbErPSrAg1PKYlQg2NOWj5x1aEqsWctC4irSVC5TEXH/S001oiFN/lNwAAAJCE8AO1WT/L6hpGFQAAAABJRU5ErkJggg==); } .sort__list { display: none; } @media (min-width: 768px) { .md-hidden { display: none; } .sort__select { display: none; } .sort__list { display: block; } } @media (max-width: 767px) { .sort__list { display: none; position: fixed; z-index: 21; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(23, 23, 23, 0.5); box-shadow: 0px 0px 10px 0px rgba(23, 23, 23, 0.5); padding: 0; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: calc(100% - 10px); border-radius: 10px; white-space: nowrap; } } .sort-link { display: inline-block; border-bottom: 1px dashed #0e6ec3; margin: 0 8px; text-decoration: none; cursor: pointer; line-height: 24px; } @media (max-width: 767px) { .sort-link { width: 100%; display: block; margin: 0; padding: 15px 15px; border: none; font-size: 17px; text-align: center; } .sort-link + .sort-link { border-top: 1px solid #e9e9e9; } .md-hidden { font-style: normal; margin-right: 4px; } .sort__label { display: none; } .catalog-view { margin-top: 14px; margin-bottom: 34px; } } .sort-link:hover { color: #000; border-bottom-color: transparent; } .sort-link.active { color: #0e6ec3; border-bottom: none; } .sort-tile-collection a:hover { text-decoration: none; } /*!!!сортировка!!!*/ .sort-filter { width: 48px; height: 48px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; background: #fff url(/local/templates/main/css/../images/SVG/F_Filter.svg) no-repeat center; background-size: 24px 21px; display: block; } @media (min-width: 1024px) { .sort-filter { display: none; } } .view-box { display: none; } .product-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; } @media (min-width: 768px) { .product-list { margin-left: -15px; margin-right: -15px; justify-content: unset; } } .product { width: calc(50% - 4px); margin: 0px 0px 10px; background: #fff; cursor: pointer; position: relative; border-radius: 15px; } @media (min-width: 768px) { .product { margin: 0px 15px 30px; width: -webkit-calc(20%); width: calc(50% - 30px); } } @media (min-width: 968px) { .product { width: -webkit-calc(3.3%); width: calc(33.3333% - 30px); } } @media (min-width: 1300px) { .product { width: -webkit-calc(2.5%); width: calc(25% - 30px); } } .product:hover { box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15); } .product:hover .product-title { color: inherit; text-decoration: none; } .collection-product-img { text-align: center; } .product-img { overflow: hidden; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 256px; } .product-img__src { max-width: 100%; margin: auto; max-height: 100%; object-fit: contain; } .product-content { height: -webkit-calc(-90%); height: calc(100% - 258px); padding: 10px 15px 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .product-type { font-weight: 300; font-size: 14px; line-height: 24px; color: #909090; } .product-title { font-size: 14px; line-height: 16px; -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; max-height: 72px; } @media (min-width: 768px) { .product-title { font-size: 16px; line-height: 24px; } } .product-country { margin-top: 10px; font-weight: 400; font-size: 14px; line-height: 20px; } .product-country__ico { position: relative; top: -1px; border: 1px solid #e4eef2; } .product-country__label { vertical-align: middle; color: #999999; } .product-country__name { vertical-align: middle; } .product-price { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 21px; width: 100%; } @media (min-width: 768px) { .product-price { font-size: 20px; line-height: 120%; width: unset; } } .product-price-sale { font-weight: 300; text-decoration: line-through; font-size: 13px; line-height: 16px; display: inline-block; vertical-align: middle; padding-right: 2px; } @media (min-width: 768px) { .product-price-sale { font-size: 16px; line-height: 20px; padding-right: 0; } } .product-info { position: absolute; top: 20px; left: 0; } .sale { position: relative; } .sale:hover .sale__info { opacity: 1; visibility: visible; } .sale__ico { display: inline-block; width: 42px; height: 36px; background: url(/local/templates/main/css/../images/SVG/sale.svg) no-repeat; } .sale__info { position: absolute; top: -30px; left: 50%; background: #fff; width: 160px; padding: 10px; font-size: 14px; line-height: 16px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #909090; visibility: hidden; opacity: 0; } .sale__info:empty { display: none; } .eye { position: relative; } @media (min-width: 1200px) { .eye:hover .eye__info { opacity: 1; visibility: visible; } } .eye__ico { display: inline-block; width: 42px; height: 36px; background: url(/local/templates/main/css/../images/SVG/eye.svg) no-repeat; } .eye__info { position: absolute; top: -50px; left: 50%; background: #fff; width: 160px; padding: 5px 10px; font-size: 14px; line-height: 16px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #C1C8CB; visibility: hidden; opacity: 0; } .eye__info:before { content: ""; position: absolute; top: 100%; left: 50%; -webkit-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); transform: translate(-50%, 0px); width: 19px; height: 9px; background: url(/local/templates/main/css/../images/SVG/Tooltip_arrow_little.svg) no-repeat center; background-size: cover; } .eye__info:empty { display: none; } .product-collection { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .product-collection__calc .calc-inner { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .product-collection__price { font-weight: 700; font-size: 16px; line-height: 18px; } .product-collection-btns { text-align: center; } button.product-collection-btn { font-weight: 700; font-size: 16px; line-height: 18px; letter-spacing: 2px; text-transform: uppercase; color: #fff; width: 100%; max-width: 214px; border: 1px solid #0e6ec3; -webkit-border-radius: 5px; border-radius: 5px; background: #0e6ec3; text-align: center; height: 36px; margin-top: 15px; } button.product-collection-btn:hover { background: #0f7cdb; border-color: #0f7cdb; } .product-collection-info { margin-top: 5px; font-weight: 300; font-size: 14px; line-height: 18px; color: #909090; } .product-collection-info:empty { display: none; } /* pagination catalog */ .page-catalog .pagination-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1200px) { .page-catalog .pagination-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .page-catalog .view { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 20px; margin-top: 20px; } @media (min-width: 1200px) { .page-catalog .view { margin-bottom: 0; margin-top: 0; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } .page-catalog .pagination-list { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 1200px) { .page-catalog .pagination-list { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } /* Card */ .title-h1 span.action { position: relative; } .title-h1 span.action:after { content: ""; display: inline-block; width: 25px; height: 23px; background: url(/local/templates/main/css/../images/SVG/sale.svg) no-repeat center; background-size: cover; margin-left: 5px; vertical-align: middle; position: relative; top: -2px; } @media (min-width: 768px) { .title-h1 span.action:after { top: -5px; margin-left: 20px; background: url(/local/templates/main/css/../images/SVG/Card_sale.svg) no-repeat center; background-size: cover; width: 99px; height: 36px; } } .card-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .card-grid { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .card-grid__gall { width: 100%; } @media (min-width: 768px) { .card-grid__gall { width: 300px; } } @media (min-width: 1024px) { .card-grid__gall { width: 360px; } } .card-grid__content { width: 100%; } @media (min-width: 768px) { .card-grid__content { width: -webkit-calc(-200%); width: calc(100% - 300px); padding-left: 30px; } } @media (min-width: 1024px) { .card-grid__content { width: -webkit-calc(-260%); width: calc(100% - 360px); } } .card-gall-wrap { background: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; margin-bottom: 24px; position: relative; } .card-gall-wrap .product-info { top: 12px; } .card-gall-3d { position: absolute; top: 12px; right: 12px; } .card-gall-3d:hover span.ico-3d { background: #ffffff url(/local/templates/main/css/../images/SVG/3D_hover.svg) no-repeat center; background-size: 40px 40px; } .card-gall-3d span.ico-3d { display: inline-block; border: 1px solid #e4eef2; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; overflow: hidden; width: 50px; height: 50px; background: #ffffff url(/local/templates/main/css/../images/SVG/3D.svg) no-repeat center; background-size: 40px 40px; cursor: pointer; } .card-gall-big { height: 244px; border: 1px solid #e4eef2; } .card-gall-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: inherit; overflow: hidden; } .card-gall-img__src { margin: auto; max-width: 100%; object-fit: contain; /* #MH_TODO: начало */ max-height: 240px; /* #MH_TODO: конец */ } .card-gall-list { padding: 0px 30px; position: relative; } .card-gall-list .card-gall-carousel { opacity: 0; } .card-gall-list.active .card-gall-carousel { opacity: 1; } .loader-block { background: url(/local/templates/main/images/loader.gif) no-repeat center center #fff; position: absolute; z-index: 999; width: 100%; height: 100%; left: 0; } .loader-block.active { display: none; } @media (min-width: 1024px) { .card-gall-list { padding: 0px 50px; } } .card-gall-list:empty { display: none; } .card-gall-carousel { padding: 20px 0; /*display: none;*/ } .card-gall-carousel > div { max-height: 80px; overflow: hidden; } @media (min-width: 1024px) { .card-gall-carousel { padding: 30px 0; } } .card-gall-carousel .slick-track { background: #fff; } .card-gall-carousel__item { height: 80px; overflow: hidden; cursor: pointer; border: 1px solid #fff; position: relative; margin-left: 4px; margin-right: 4px; background: #fff; } .card-gall-carousel__item:hover { border-color: #909090; } .card-gall-carousel__item.active { border-color: #0e6ec3; } .card-gall-carousel-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; } .card-gall-carousel-arrow { width: 19px; height: 32px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .card-gall-carousel-arrow.--left { left: 6px; background: url(/local/templates/main/css/../images/SVG/arrow_left.svg) no-repeat top center; background-size: cover; } @media (min-width: 1024px) { .card-gall-carousel-arrow.--left { left: 15px; } } .card-gall-carousel-arrow.--left:hover { background-position: bottom center; } .card-gall-carousel-arrow.--right { right: 6px; background: url(/local/templates/main/css/../images/SVG/arrow_right.svg) no-repeat top center; background-size: cover; } @media (min-width: 1024px) { .card-gall-carousel-arrow.--right { right: 15px; } } .card-gall-carousel-arrow.--right:hover { background-position: bottom center; } .card-btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } @media (min-width: 768px) { .card-btns { margin-bottom: 0; } } .btn-video { border: 1px solid #909090; background: transparent; height: 40px; font-size: 14px; line-height: 18px; -webkit-border-radius: 5px; border-radius: 5px; color: #2c2c2c; max-width: 135px; width: 100%; } @media (min-width: 768px) { .btn-video { height: 60px; font-size: 16px; } } @media (min-width: 1024px) { .btn-video { max-width: 165px; } } .btn-video:hover { border-color: #0f7cdb; } .btn-video span { display: inline-block; vertical-align: middle; width: 16px; height: 20px; background: url(/local/templates/main/css/../images/SVG/video.svg) no-repeat center; background-size: cover; margin-right: 3px; position: relative; top: -1px; } @media (min-width: 768px) { .btn-video span { width: 18px; height: 23px; } } .btn-pdf { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; border: 1px solid #909090; background: transparent; height: 40px; font-size: 14px; line-height: 18px; -webkit-border-radius: 5px; border-radius: 5px; color: #2c2c2c; max-width: 135px; width: 100%; } @media (min-width: 768px) { .btn-pdf { height: 60px; font-size: 16px; } } @media (min-width: 1024px) { .btn-pdf { max-width: 165px; } } .btn-pdf:hover { border-color: #0f7cdb; text-decoration: none; color: #2c2c2c; } .card-grid-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1200px) { .card-grid-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; min-height: 240px; } } .card-grid-content__info { width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } @media (min-width: 1200px) { .card-grid-content__info { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: -webkit-calc(-96%); width: calc(100% - 196px); } } .card-grid-content__more { width: 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 20px; display: none; } @media (min-width: 768px) { .card-grid-content__more { display: block; } } @media (min-width: 1200px) { .card-grid-content__more { margin-bottom: 0; width: 196px; padding-left: 30px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } .code { font-size: 16px; line-height: 24px; color: #000; margin-bottom: 10px; } .characteristic-list { font-weight: 300; font-size: 14px; line-height: 24px; color: #000; overflow: hidden; } @media (min-width: 1200px) { .characteristic-list { font-size: 16px; } } .characteristic-list.open { height: auto !important; } .characteristic { margin-bottom: 20px; } .characteristic__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; margin-bottom: 2px; } .characteristic__item:after { content: ""; position: absolute; top: 100%; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); left: 0; width: 100%; height: 1px; background: #d7d7d7; } .characteristic .name { background: #f1f3f7; padding: 0 4px 2px 0; position: relative; z-index: 1; } .characteristic .info { background: #f1f3f7; padding: 0 0 2px 4px; position: relative; z-index: 1; } .card-sku { margin-bottom: 25px; } .card-sku-title { margin-bottom: 7px; color: #000; font-size: 16px; font-weight: 300; } .card-sku-list-item { box-sizing: border-box; display: inline-block; vertical-align: middle; font-size: 12px; text-align: center; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .card-sku-list-item a.selected, .card-sku-list-item:hover a { text-decoration: none; border-color: rgba(14, 110, 195, 1); color: #0e6ec3; } .card-sku-list-item a { min-width: 48px; padding: 5px 3px; border: 1px solid #3a3a3a; display: block; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; border: 1px solid rgba(58, 58, 58, 1); } .card-sku-list-item a:hover { text-decoration: none; } .unavalibleProperties { min-width: 48px; padding: 5px 3px; display: block; color: #adadad; border: 1px solid #adadad; } .img-offers, .text-offers { display: none; } .card-grid__content .ddtext[data-init=false]:after { display: none; } .collection-wrap { padding-top: 25px; margin-bottom: 0; } .price-box-wrap { display: block; font-weight: 400; font-size: 14px; } .wrap-m2 .wrap-pack-div { font-weight: 400; font-size: 20px; } .text-collection { padding-bottom: 20px; } .collection-wrap .card-gall-img { object-fit: contain; } .card-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1024px) { .card-info { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } .card-price { width: 100%; margin-bottom: 20px; } @media (min-width: 1024px) { .card-price { width: auto; padding-right: 10px; } } .card-price__size { font-weight: 700; font-size: 28px; line-height: 30px; } .card-price__old { font-size: 16px; line-height: 24px; text-decoration: line-through; } .card-cheap span { cursor: pointer; font-weight: 300; font-size: 14px; line-height: 24px; color: #0e6ec3; border-bottom: 1px dashed #0e6ec3; } .card-cheap span:hover { border-bottom: none; } .card-cart { width: 100%; background: #fff; padding: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .card-cart { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 1024px) { .card-cart { /* width: -webkit-calc(100% - 196px); width: calc(100% - 196px); */ width: 170px; } } .card-cart__sale { font-weight: 300; font-size: 14px; line-height: 20px; color: #000; text-align: center; margin-top: 15px; display: none; } @media (min-width: 768px) { .card-cart__sale { margin-top: 0; text-align: left; padding-left: 20px; display: none; } } button.incard { border: 1px solid #0e6ec3; -webkit-border-radius: 5px; border-radius: 5px; background: #0e6ec3; height: 60px; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 16px; line-height: 16px; font-weight: 700; text-align: center; width: 100%; max-width: 100%; } @media (min-width: 768px) { button.incard { max-width: 146px; } } button.incard:hover { background: #0f7cdb; border: 1px solid #0f7cdb; } .card-more { margin-top: -20px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 1200px) { .card-more { display: block; } } .card-more .product-country { padding: 0; text-align: center; } .card-more .product-country span { margin-left: 1px; margin-right: 1px; } .card-item-title { font-weight: 700; font-size: 16px; line-height: 28px; color: #000; margin-top: 20px; margin-bottom: 10px; text-align: center; display: none; } @media (min-width: 1200px) { .card-item-title { display: block; } } .card-item { margin-top: 20px; min-width: 47%; } @media (min-width: 1200px) { .card-item { min-width: 0; } } .card-item.--phone { width: -webkit-calc(-190%); width: calc(100% - 290px); margin-top: 0; position: absolute; height: 133px; min-height: 133px; right: 0; top: 20px; z-index: 1; overflow: hidden; cursor: pointer; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; } @media (min-width: 1200px) { .card-item.--phone { width: 100%; height: 84px; min-height: 0; top: auto; } } .card-item.--phone:hover { height: auto; } .card-item.--phone:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; z-index: 2; background: url(/local/templates/main/css/../images/mask.png) repeat-x bottom center; } .card-item-box { background: #fff; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; } .card-item-box.--banner { max-height: 133px; padding: 20px 10px; width: 100%; } .card-item-box.--phone { padding: 20px 10px 20px; min-height: 133px; } @media (min-width: 1200px) { .card-item-box.--phone { min-height: 0; } } .card-item-box span.phone { display: block; font-size: 16px; line-height: 22px; color: #000; text-align: center; } .card-brand-img { overflow: hidden; margin-bottom: 20px; padding: 0 10px; text-align: center; } .card-brand-img__src { max-width: 100%; max-height: 60px; } .card-more-text__inner { overflow: hidden; -webkit-transition: height 0.3s; transition: height 0.3s; } .card-more-text__inner.close { height: 110px !important; } .card-more-text .button-more { text-align: left; } /* ----------more----------- */ .card-box { background: #fff; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; padding: 20px 15px 10px; } @media (min-width: 768px) { .card-box { padding: 30px 30px 10px; } } .card-box__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; } .card-box__item:not(:last-child) { border-bottom: 1px solid #e4eef2; } .card-box-title { font-size: 24px; line-height: 24px; color: #000; font-weight: 700; } .card-box-check { height: 24px; } .card-box-check .filter-checkbox span:before { top: 0; } .card-box-img { overflow: hidden; min-width: 70px; width: 70px; height: 70px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #d7d7d7; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; margin-left: 15px; margin-right: 20px; } @media (min-width: 768px) { .card-box-img { width: 140px; height: 140px; } } .card-box-img__src { max-width: 100%; margin: auto; display: block; } .card-box-content { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } .card-box-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .card-box-info { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .card-box-info:after { content: ""; position: absolute; top: 100%; -webkit-transform: translateY(-9px); -ms-transform: translateY(-9px); transform: translateY(-9px); left: 0; width: 100%; height: 1px; background: #d7d7d7; } .card-box-name { font-size: 18px; line-height: 24px; width: 100%; } @media (min-width: 768px) { .card-box-name { max-width: 80%; } } @media (min-width: 1200px) { .card-box-name { max-width: 85%; } } .card-box-param { font-weight: 300; font-size: 14px; line-height: 24px; padding: 0; background: #fff; position: relative; z-index: 1; padding-right: 10px; margin-bottom: 10px; } @media (min-width: 768px) { .card-box-param { margin-bottom: 0; } } .card-box-price { font-weight: 700; font-size: 24px; line-height: 28px; padding: 0; background: #fff; position: relative; z-index: 1; } @media (min-width: 768px) { .card-box-price { padding-left: 10px; } } .card-box-price_sale { font-weight: 300; text-decoration: line-through; font-size: 16px; line-height: 24px; } @media (min-width: 768px) { .card-box-price_sale { text-align: right; line-height: 20px; } } /* carousel - brand*/ .brand-carousel-arrows { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 80px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: absolute; top: 0; right: 0; } .brand-carousel-arrow { width: 18px; height: 32px; cursor: pointer; } .brand-carousel-arrow.--left { background: url(/local/templates/main/css/../images/SVG/arrow_left.svg) no-repeat top center; background-size: cover; } .brand-carousel-arrow.--left:hover { background-position: center bottom 2px; } .brand-carousel-arrow.--right { background: url(/local/templates/main/css/../images/SVG/arrow_right.svg) no-repeat top center; background-size: cover; } .brand-carousel-arrow.--right:hover { background-position: center bottom 2px; } .hr-line { width: 100%; height: 1px; background: #d7d7d7; margin-top: 30px; margin-bottom: 30px; } /* #MH_TODO: начало */ @media (min-width: 768px) { .characteristic-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } } @media (min-width: 1024px) { .characteristic-column { margin-left: -25px; margin-right: -25px; } } @media (min-width: 768px) { .characteristic-column .characteristic { padding: 0 15px; -webkit-box-flex: 1; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; } } @media (min-width: 1024px) { .characteristic-column .characteristic { padding: 0 25px; } } /* #MH_TODO: конец */ /* Style lk */ .page-lk .input input { padding: 0 10px 0 15px; } .cabinet-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .cabinet-grid { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .cabinet-grid__aside { width: 100%; } @media (min-width: 768px) { .cabinet-grid__aside { padding-right: 30px; width: 190px; } } @media (min-width: 1024px) { .cabinet-grid__aside { width: 240px; padding-right: 30px; } } @media (min-width: 1200px) { .cabinet-grid__aside { width: 294px; } } .cabinet-grid__content { width: 100%; } @media (min-width: 768px) { .cabinet-grid__content { width: -webkit-calc(-90%); width: calc(100% - 190px); } } @media (min-width: 1024px) { .cabinet-grid__content { width: -webkit-calc(-140%); width: calc(100% - 240px); } } @media (min-width: 1200px) { .cabinet-grid__content { width: -webkit-calc(-194%); width: calc(100% - 294px); } } .cabinet-aside { overflow: hidden; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; } @media (min-width: 768px) { .cabinet-aside { display: block; margin-bottom: 0; } } .cabinet-aside__link { width: 100%; display: block; background: #fff; text-align: center; font-size: 16px; line-height: 20px; color: #000; padding-top: 20px; padding-bottom: 20px; } .cabinet-aside__link:hover { text-decoration: none; } .cabinet-aside__link.active { background: #0e6ec3; color: #fff; } .cabinet-content__inner { border-bottom: 1px solid #909090; margin-bottom: 48px; position: relative; } .cabinet-title { font-weight: 700; font-size: 18px; line-height: 24px; margin-bottom: 20px; } @media (min-width: 768px) { .cabinet-title { font-size: 24px; line-height: 26px; } } .cabinet-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 768px) { .cabinet-form { margin-left: -15px; margin-right: -15px; } } .cabinet-form .input { width: 100%; margin-bottom: 10px; } @media (min-width: 768px) { .cabinet-form .input { width: -webkit-calc(3.333333%); width: calc(33.333333% - 30px); margin-left: 15px; margin-right: 15px; margin-bottom: 30px; } } .input-title { margin-bottom: 10px; font-size: 16px; line-height: 18px; } .form-buttons { width: 1px; height: 1px; margin-top: 20px; } @media (min-width: 768px) { .form-buttons { margin-top: 0; } } button.form-save { background: #f1f3f7; border: 1px solid #0e6ec3; -webkit-border-radius: 5px; border-radius: 5px; font-size: 16px; line-height: 18px; font-weight: 300; height: 36px; padding: 0 15px; position: absolute; right: 0; bottom: -18px; } button.form-save:hover { background: #0e6ec3; color: #fff; } button.form-save:before { content: ""; width: 10px; height: 36px; background: #f1f3f7; display: block; position: absolute; right: -webkit-calc(101%); right: calc(100% + 1px); top: 0; } .history-clear { font-size: 16px; font-weight: 700; line-height: 24px; margin-bottom: 10px; } .history-grid { width: 100%; font-size: 14px; } @media (min-width: 1024px) { .history-grid { font-size: 16px; } } .history-grid .history-grid-row { background: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; margin-bottom: 15px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 5px 10px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { .history-grid .history-grid-row { padding: 0 10px; } } @media (min-width: 1200px) { .history-grid .history-grid-row { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .history-grid .history-grid-row:hover { -webkit-box-shadow: 0px 0px 10px 0px #c0c8cc; box-shadow: 0px 0px 10px 0px #c0c8cc; } .history-grid .history-grid-td { text-align: left; padding: 8px 5px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; } @media (min-width: 768px) { .history-grid .history-grid-td { width: 33.333333%; } } @media (min-width: 1200px) { .history-grid .history-grid-td { padding: 20px 5px; } } @media (min-width: 768px) { .history-grid .history-grid-td:nth-child(1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } @media (min-width: 1200px) { .history-grid .history-grid-td:nth-child(1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 10%; } } @media (min-width: 768px) { .history-grid .history-grid-td:nth-child(2) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } } @media (min-width: 1200px) { .history-grid .history-grid-td:nth-child(2) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 10%; } } @media (min-width: 768px) { .history-grid .history-grid-td:nth-child(3) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } @media (min-width: 1200px) { .history-grid .history-grid-td:nth-child(3) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; width: 18%; } } @media (min-width: 768px) { .history-grid .history-grid-td:nth-child(4) { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } } @media (min-width: 1200px) { .history-grid .history-grid-td:nth-child(4) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; width: 20%; } } @media (min-width: 768px) { .history-grid .history-grid-td:nth-child(5) { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; text-align: center; } } @media (min-width: 1200px) { .history-grid .history-grid-td:nth-child(5) { text-align: left; -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; width: 14%; } } @media (min-width: 768px) { .history-grid .history-grid-td:nth-child(6) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; text-align: center; } } @media (min-width: 1200px) { .history-grid .history-grid-td:nth-child(6) { text-align: left; -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; width: 10%; } } .history-grid span { font-weight: 700; } .history { -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e4eef2; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; padding: 25px 15px 45px; background: #fff; } @media (min-width: 1024px) { .history { padding: 35px 35px 45px; } } .history__inner { padding-bottom: 20px; border-bottom: 1px solid #909090; } .history-item { margin-bottom: 15px; font-size: 14px; line-height: 20px; } @media (min-width: 1024px) { .history-item { font-size: 16px; line-height: 18px; } } .history-item span { font-weight: 700; } .history-table { margin-top: 30px; font-size: 14px; display: block; } @media (min-width: 768px) { .history-table { margin-bottom: 30px; margin-top: 40px; display: table; } } @media (min-width: 1024px) { .history-table { font-size: 16px; } } .history-table thead { display: none; } @media (min-width: 768px) { .history-table thead { display: table-header-group; } } .history-table thead tr { border-bottom: 3px solid #0e6ec3; } .history-table thead th { font-weight: 700; padding-bottom: 18px; } .history-table tbody tr { border-bottom: 1px solid #e4eef2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px; } @media (min-width: 768px) { .history-table tbody tr { display: table-row; margin-bottom: 0; } } .history-table tbody td { width: 100%; padding: 20px 10px; text-align: center; font-weight: 300; position: relative; } @media (max-width: 767px) { .history-table tbody td { padding: 25px 0px 10px; text-align: left; } .history-table tbody td:before { content: attr(data-name); display: block; font-size: 14px; font-weight: 700; position: absolute; width: 100%; top: 0; left: 0; } } @media (min-width: 768px) { .history-table tbody td { width: 25%; } } .history-table tbody td:first-child { text-align: left; font-weight: 400; } @media (min-width: 768px) { .history-table tbody td:not(:last-child) { border-right: 1px solid #e4eef2; } } @media (min-width: 768px) { .history-table tbody td:nth-child(3) { width: 12%; } } @media (min-width: 768px) { .history-table tbody td:nth-child(5) { width: 10%; } } .history-table-price { text-align: right; font-weight: 700; font-size: 20px; line-height: 24px; margin-bottom: 20px; } @media (min-width: 768px) { .history-table-price { font-size: 24px; line-height: 26px; margin-bottom: 30px; } } .history-table-btns { text-align: right; } .history-table-btn { border: 1px solid #0e6ec3; background: #0e6ec3; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; text-transform: uppercase; font-size: 16px; line-height: 18px; letter-spacing: 2px; font-weight: 700; padding: 20px; } .history-table-btn:hover { background: #0f7cdb; border-color: #0f7cdb; } /* pade Order */ .order-title { font-size: 18px; line-height: 22px; font-weight: 700; margin-bottom: 15px; } @media (min-width: 768px) { .order-title { font-size: 24px; line-height: 26px; } } .order-number { margin-bottom: 12px; } .order-number span { font-weight: 700; } .order-content a { color: #0e6ec3; } /* pade Search */ .search-title { font-size: 24px; line-height: 26px; font-weight: 700; margin-bottom: 15px; } .search-content a { color: #0e6ec3; } .popup-city-wrap { position: fixed; z-index: 92; top: 50%; left: calc(50% - 180px); width: 350px; background-color: #fff; border: 1px solid #cccccc; border-radius: 10px; padding: 21px; /*display: none;*/ } .popup-city { display: flex; justify-content: center; align-items: center; flex-direction: column; } .popup-city-name { width: 100%; text-align: center; margin-bottom: 20px; } .popup-city-btns { width: 100%; display: flex; justify-content: center; align-items: center; } .city-btn { width: 125px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 6px; /*padding: 14px;*/ cursor: pointer; font-size: 14px; font-weight: 400; } .true-btn { background-color: #1585cf; border: 1px solid #1585cf; color: white; margin-right: 30px; } .true-btn:hover { background-color: #1470A9; } .other-btn { background-color: #fff; border: 1px solid #1585cf; color: #000; } .other-btn:hover { background-color: #F0F0F0; } @media (max-width: 470px) { .popup-city-wrap { left: 50%; margin-right: -50%; transform: translate(-50%); } } @media (max-width: 370px) { .popup-city-wrap { width: 93%; } } .c-delivery-wrapper .c-del-wrap { margin-bottom: 50px; } .c-delivery-wrapper .bx-sls .bx-ui-sls-container { min-height: 34px; } .c-delivery-wrapper .bx-sls .dropdown-block { border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; color: #555; font-size: 14px; line-height: 1.42857143; } .c-delivery-wrapper .bx-sls .dropdown-icon { display: none; } .c-delivery-wrapper .bx-soa-section-content.container-fluid { padding-top: 0; } .bx-soa .c-delivery-wrapper .c-span-radio, .c-delivery-wrapper .c-label-location, .bx-soa .c-delivery-wrapper .bx-soa-customer-label, .bx-soa .c-delivery-wrapper .bx-soa-custom-label, .bx-soa .c-delivery-wrapper .form-group label { /*font-size: 15px;*/ } .bx-soa .c-delivery-wrapper .c-span-radio { /*margin-bottom: 3px;*/ /*display: inline-block;*/ text-align: left; /*padding-left: 3px;*/ } .bx-soa .c-delivery-wrapper .custom-wrap-montazh .c-radio, .bx-soa .c-delivery-wrapper .custom-radio-wrap .c-radio { /*margin-right: 5px;*/ } .bx-soa .c-delivery-wrapper .custom-wrap-montazh .c-label-radio:first-of-type, .bx-soa .c-delivery-wrapper .custom-radio-wrap .c-label-radio:first-of-type { /*margin-right: 20px;*/ } .bx-soa .c-delivery-wrapper .custom-wrap-comment { width: 449px; } .bx-soa .c-delivery-wrapper .custom-wrap-street { /*margin-right: 50px;*/ } .bx-soa .c-delivery-wrapper .custom-wrap-street, .bx-soa .c-delivery-wrapper .custom-wrap-house { /*margin-top: -30px;*/ } .bx-soa .c-delivery-wrapper .bx-sls .dropdown-block, .bx-soa .c-delivery-wrapper .custom-wrap-street .custom-bx-input.form-control { /*width: 303px!important;*/ } .bx-soa .c-delivery-wrapper .bx-soa-pp .bx-soa-pp-company { padding: 5px; width: 34%; } .bx-soa .c-delivery-wrapper .custom-wrap-comment .bx-soa-customer-field .form-control { height: 62px; resize: none; } .c-delivery-wrapper .bx-soa-section-content.container-fluid .bx-soa-pp .bx-soa-pp-item-container.c-del-wrap { display: flex; } #bx-soa-paysystem .bx-soa-pp-item-container { width: 100%; display: flex; flex-wrap: wrap; } .c-warning { margin: 35px 22px 20px 22px; width: 652px; height: 64px; border: 1px solid #1585cf; font-weight: 700; font-size: 13px; color: #000; padding: 13px 13px 13px 60px; background: url("/local/templates/main/images/warn_red.png") no-repeat center left 15px; } .c-remark { float: left; margin: -35px 22px 20px 22px; width: 652px; height: 64px; border: 1px solid #1585cf; font-weight: 700; font-size: 13px; color: #000; padding: 13px 13px 13px 60px; background: url("/local/templates/main/images/remark.png") no-repeat center left 15px; } .c-remark .c-remark__text { margin: 0; } .bx-soa .c-delivery-wrapper .bx-soa-pp .c-delivery-item:nth-child(1) .bx-soa-pp-company-graf-container { background: url("/local/templates/main/images/cur.svg") no-repeat center; background-size: 80%; } .bx-soa .c-delivery-wrapper .bx-soa-pp .c-delivery-item:nth-child(2) .bx-soa-pp-company-graf-container { background: url("/local/templates/main/images/samo.svg") no-repeat center; background-size: 80%; } .bx-soa .c-delivery-wrapper .bx-soa-pp .c-delivery-item:nth-child(3) .bx-soa-pp-company-graf-container { background: url("/local/templates/main/images/tk.svg") no-repeat center; background-size: 80%; } .social--messenger { display: flex; align-items: center; } .mobile-item, .mobile-item-social, .mobile-mess { display: none; } .authorization-login_adaptive { display: none; } .catalog-section-list.map__list li { font-size: 16px; line-height: 1.4; position: relative; padding-left: 20px; margin-bottom: 5px; } .catalog-section-list.map__list li:before { content: ""; width: 8px; height: 8px; background: #0e6ec3; position: absolute; left: 0; top: 6.5px; } .catalog-section-list.map__list .map__link + ul { padding-left: 30px; padding-top: 5px; } @media (max-width: 1199px) and (min-width: 1024px) { .authorization .authorization-login, .authorization .authorization-reg { display: none; } .authorization-login_adaptive { display: block; } } @media (max-width: 1023px) and (min-width: 768px) { .mobile-item { display: block; } .dekstop-item { display: none; } .logo-wrap { width: 170px; } .address-footer a.address__link { margin-left: 0; } } @media (max-width: 991px) { .dekstop-mess { display: none; } .mobile-mess { display: list-item; } .bx-soa .c-delivery-wrapper .bx-soa-pp.row { margin: 0; } .bx-soa .c-delivery-wrapper .custom-wrap-comment, .c-warning, .c-remark { width: 100% !important; } .c-warning, .c-remark { margin: 0; } .c-delivery-wrapper .bx-soa-section-content.container-fluid .bx-soa-pp .bx-soa-pp-item-container.c-del-wrap { width: 100%; padding-left: 0; padding-right: 0; } .c-remark { height: 100px; } .bx-soa .c-delivery-wrapper .custom-wrap-street { margin-left: 0; } .bx-soa .c-delivery-wrapper .custom-wrap-door, .bx-soa .c-delivery-wrapper .custom-wrap-comment { margin-left: 0; margin-right: 0; } } @media (max-width: 767px) { .mobile-item-social, .mobile-item { display: block; } .social--messenger li:not(:last-child) { margin-right: 14px; } } @media (max-width: 510px) { .bx-soa .c-delivery-wrapper .custom-wrap-montazh { margin-left: 40px; } .c-warning { min-height: 64px; height: auto; } .bx-soa .c-delivery-wrapper .custom-wrap-street { width: 100%; } .bx-soa .c-delivery-wrapper .custom-wrap-house { margin-top: 0; } } @media (max-width: 501px) { .mobile-item { display: block; } } @media (max-width: 471px) { .bx-soa .c-delivery-wrapper .custom-wrap-montazh { margin-left: 25px; } .bx-soa .c-delivery-wrapper .bx-sls .dropdown-block, .bx-soa .c-delivery-wrapper .custom-wrap-street .custom-bx-input.form-control { width: 100% !important; } } @media (max-width: 355px) { .bx-soa .c-delivery-wrapper .custom-wrap-montazh { margin-left: 0; } .bx-soa .c-delivery-wrapper .custom-wrap-door { margin-right: 50px; } .c-warning { height: 120px; } .c-delivery-wrapper .bx-soa-section-content.container-fluid .bx-soa-pp .bx-soa-pp-item-container.c-del-wrap { flex-wrap: wrap; } .bx-soa .c-delivery-wrapper .bx-soa-pp .bx-soa-pp-company { width: 50%; } } body { background: #f1f3f7; color: #000; } #wrapper { min-height: -webkit-calc(-143vh); min-height: calc(100vh - 243px); } @media (min-width: 768px) { #wrapper { min-height: -webkit-calc(-176vh); min-height: calc(100vh - 276px); } } .container { padding: 0 10px; margin: 0 auto; width: 100%; } /*@media (min-width: 480px) { .container { width: 100%; } } @media (min-width: 768px) { .container { width: 720px; } } @media (min-width: 1024px) { .container { width: 940px; } } @media (min-width: 1200px) { .container { width: 1170px; } }*/ @media (min-width: 1650px) { .container { width: 1625px; } } .grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .inp input { width: 100%; border: none; } .rub { font-family: "rouble", sans-serif; } a.btn { display: inline-block; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; font-size: 16px; line-height: 18px; padding: 15px; } a.btn:hover { text-decoration: none; } a.btn--yellow { background: #ff7e00; color: #fff; } a.btn--yellow:hover { background: #ffb700; } .title-h1 { font-weight: 600; font-size: 24px; line-height: 28px; margin-bottom: 20px; } @media (min-width: 768px) { .title-h1 { font-size: 40px; line-height: 130%; margin-bottom: 30px; } } .pagination-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .pagination-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 768px) { .pagination-wrap__view { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .pagination-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 768px) { .pagination-list { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } .pagination { margin-left: 5px; } .pagination.--prev { display: none; } @media (min-width: 768px) { .pagination.--prev { display: block; } } .pagination.--next { display: none; } @media (min-width: 768px) { .pagination.--next { display: block; } } .pagination.active .pagination__link { background: none; -webkit-box-shadow: none; box-shadow: none; color: #0e6ec3; } .pagination__link { display: inline-block; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; min-width: 36px; padding: 10px 8px 0; height: 36px; background: #fff; text-align: center; font-size: 16px; color: #000; } .pagination__link:hover { text-decoration: none; } .view { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 20px; margin-bottom: 20px; } @media (min-width: 768px) { .view { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 0; margin-bottom: 0; } } .view span { font-size: 16px; margin-right: 5px; } .section-seo-text { margin-top: 30px; } @media (max-width: 767px) { .section-seo-text { max-width: 100%; margin-left: 0 !important; } } @media (min-width: 768px) { .section-seo-text { margin-top: 50px; } } .seo-text { padding: 20px 20px 10px; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; background: #fff; margin-bottom: -60px; } .seo-text.inner { padding: 20px 20px 20px; } @media (min-width: 768px) { .seo-text { padding: 20px 40px 10px; } .seo-text.inner { padding: 20px 40px 20px; } } @media (min-width: 1024px) { .seo-text { padding: 60px 90px 10px; } .seo-text.inner { padding: 40px 90px 40px; } } .seo-text__inner { overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; } .seo-text__inner.close { height: 265px !important; } .seo-text h1, .seo-text h2, .seo-text h3, .seo-text h4 { text-align: center; margin: 10px 0 20px; } .seo-text ul, .seo-text ol { margin-left: 20px; margin-bottom: 12px; } .seo-text ul li { list-style: disc; } .seo-text ol li { list-style: decimal; } .button-more { text-align: center; color: #0e6ec3; background: url(/local/templates/main/css/../images/mask.png) repeat-x top center; padding-top: 25px; position: relative; z-index: 1; top: -25px; } .button-more span { border-bottom: 1px dashed #0e6ec3; cursor: pointer; } article ul, ul.list { margin: 15px 0 15px 15px; } article ul li, ul.list li { font-size: 16px; line-height: 1.4; position: relative; padding-left: 20px; margin-bottom: 5px; } article ul li:before, ul.list li:before { content: ""; width: 8px; height: 8px; background: #0e6ec3; position: absolute; left: 0; top: 6.5px; } article ol, ol.list { margin: 15px 0 15px 0px; counter-reset: li; } article ol li, ol.list li { font-size: 16px; line-height: 1.4; position: relative; padding-left: 35px; margin-bottom: 5px; } article ol li:before, ol.list li:before { text-align: right; content: counter(li) "."; counter-increment: li; display: block; position: absolute; top: 0px; left: 0; width: 25px; font-size: 16px; font-weight: 700; margin-right: 10px; color: #0e6ec3; } .filter-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 26px; margin-top: 10px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px) { .filter-wrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-left: -15px; margin-right: -15px; } } .filter-alf { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; position: relative; } @media (min-width: 768px) { .filter-alf { margin-left: 15px; margin-right: 15px; -webkit-flex-basis: -webkit-calc(30%); -ms-flex-preferred-size: calc(60% - 30px); flex-basis: calc(60% - 30px); } } @media (min-width: 1024px) { .filter-alf { -webkit-flex-basis: -webkit-calc(40%); -ms-flex-preferred-size: calc(70% - 30px); flex-basis: calc(70% - 30px); } } @media (min-width: 1200px) { .filter-alf { -webkit-flex-basis: -webkit-calc(45%); -ms-flex-preferred-size: calc(75% - 30px); flex-basis: calc(75% - 30px); } } .mobil-filter-alf { display: block; width: 100%; height: 40px; background: #fff url(/local/templates/main/css/../images/select_arrow.png) no-repeat center right 20px; text-align: center; font-size: 16px; line-height: 40px; } @media (min-width: 768px) { .mobil-filter-alf { display: none; } } .alf-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -5px; margin-right: -5px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 0; overflow: hidden; } .alf-list.open { height: auto; margin-top: 20px; } @media (min-width: 768px) { .alf-list { height: auto; } } .alf { margin-left: 5px; margin-right: 5px; width: -webkit-calc(4.28%); width: calc(14.28% - 10px); height: 48px; background: #fff; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; cursor: pointer; text-align: center; padding: 18px 5px; font-weight: 300; font-size: 14px; color: #000; text-transform: uppercase; } @media (min-width: 768px) { .alf { width: -webkit-calc(2.5%); width: calc(12.5% - 10px); font-size: 16px; } } @media (min-width: 1024px) { .alf { width: -webkit-calc(-2.3077%); width: calc(7.6923% - 10px); } } .alf:hover { -webkit-box-shadow: 0px 0px 10px 0px #c0c8cc; box-shadow: 0px 0px 10px 0px #c0c8cc; color: #0e6ec3; } .filter-search { margin-top: 20px; width: 100%; } @media (min-width: 768px) { .filter-search { margin-top: 0; -webkit-flex-basis: -webkit-calc(10%); -ms-flex-preferred-size: calc(40% - 30px); flex-basis: calc(40% - 30px); margin-left: 15px; margin-right: 15px; } } @media (min-width: 1024px) { .filter-search { -webkit-flex-basis: -webkit-calc(0%); -ms-flex-preferred-size: calc(30% - 30px); flex-basis: calc(30% - 30px); } } @media (min-width: 1200px) { .filter-search { -webkit-flex-basis: -webkit-calc(-5%); -ms-flex-preferred-size: calc(25% - 30px); flex-basis: calc(25% - 30px); } } .filter-search .search input { height: 48px; padding-right: 40px; } .filter-search .search__btn { width: 40px; } .page-404 .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .page-404 .erorr-404 { padding-top: 50px; margin: auto; text-align: center; max-width: 500px; } .page-404 .erorr-404__img { width: 225px; height: 108px; margin-bottom: 30px; } @media (min-width: 1024px) { .page-404 .erorr-404__img { width: 366px; height: 176px; } } .page-404 .erorr-404__title { font-weight: 300; font-size: 16px; line-height: 24px; color: #000; } @media (min-width: 768px) { .page-404 .erorr-404__title { font-size: 20px; line-height: 30px; } } .page-404 .erorr-404__title a { color: #0e6ec3; text-decoration: underline; } .page-404 .erorr-404__title a:hover { text-decoration: none; } .calc-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .calc-size { border: 1px solid #909090; -webkit-border-radius: 5px; border-radius: 5px; height: 36px; position: relative; z-index: 1; margin-left: -5px; margin-right: -5px; padding: 0 5px; max-width: 70px; font-size: 16px; line-height: 16px; } .calc-btn { border: 1px solid #b4bcbf; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-border-radius: 5px; border-radius: 5px; /*width: 30px;*/ width: 36px; height: 36px; cursor: pointer; position: relative; } .calc-btn--minus .calc-btn-ico { background: url("/local/templates/main/css/../images/minus-plus.png") no-repeat 0 0; /* background: url(/local/templates/main/css/../images/SVG/minus.svg) no-repeat top center / cover; -webkit-transform: translateX(-3px); -ms-transform: translateX(-3px); transform: translateX(-3px);*/ } .calc-btn--minus:hover .calc-btn-ico { background-position: -49px 0; /*background-position: bottom center;*/ } .calc-btn--plus .calc-btn-ico { background: url("/local/templates/main/css/../images/minus-plus.png") no-repeat 0 -50px; /* background: url(/local/templates/main/css/../images/SVG/plus.svg) no-repeat top center / cover; -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px);*/ } .calc-btn--plus:hover .calc-btn-ico { background-position: -49px -50px; /*background-position: bottom center;*/ } .calc-btn-ico { /*w11px+h18px*/ width: 16px; height: 16px; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .category-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -28px; } @media (min-width: 768px) { .category-list { margin-left: -15px; margin-right: -15px; } } .category { width: 100%; margin: 28px 0px 0; border-bottom: 1px solid #ced3d6; padding-bottom: 30px; } @media (min-width: 768px) { .category { margin: 28px 15px 0; width: -webkit-calc(20%); width: calc(50% - 30px); } } @media (min-width: 1024px) { .category { width: -webkit-calc(3.333333%); width: calc(33.333333% - 30px); } } @media (min-width: 1200px) { .category { width: -webkit-calc(-5%); width: calc(25% - 30px); } } .category__item { margin-bottom: 10px; } .category__item:first-child { margin-top: 0 !important; } .category__item.--head .category__link { font-size: 22px; line-height: 26px; font-weight: 700; color: #fff; } @media (min-width: 1024px) { .category__item.--head .category__link { font-size: 24px; line-height: 28px; } } .category__item.--title { margin-top: 20px; margin-bottom: 15px; } .category__item.--title .category__link { font-size: 18px; color: #0e6ec3; font-weight: 700; line-height: 22px; } @media (min-width: 768px) { .category__item.--title .category__link { font-size: 20px; line-height: 22px; } } @media (min-width: 1024px) { .category__item.--title .category__link { font-size: 22px; line-height: 24px; } } .category__item.--big { margin-top: 20px; margin-bottom: 15px; } .category__item.--big .category__link { font-size: 16px; line-height: 18px; color: #0e6ec3; font-weight: 700; } .category__link { font-weight: 300; font-size: 16px; color: #000; line-height: 24px; } @media (min-width: 1200px) { .category__link { line-height: 18px; } } .bunner { display: block; margin-top: 48px; width: 100%; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; } @media (min-width: 320px) and (max-width: 767px) { .bunner { width: 290px; margin: 30px auto 0; } } .bunner img.bunner__img { display: none; } @media (min-width: 1200px) { .bunner img.bunner__img { display: block; } } .bunner img.bunner__img-1024 { display: none; } @media (min-width: 1024px) and (max-width: 1199px) { .bunner img.bunner__img-1024 { display: block; } } .bunner img.bunner__img-768 { display: none; } @media (min-width: 768px) and (max-width: 1023px) { .bunner img.bunner__img-768 { display: block; } } .bunner img.bunner__img-320 { display: none; } @media (min-width: 320px) and (max-width: 767px) { .bunner img.bunner__img-320 { display: block; } } .body-overlay { position: fixed; z-index: 99; width: 100%; height: 100%; top: 0; left: 0; background: rgba(14, 110, 195, 0.98); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } .body-overlay.open { opacity: 1; visibility: visible; } .body-overlay__inner { width: 100%; position: relative; height: 100vh; } .popup { width: 100%; max-width: 360px; position: relative; background: #fff; -webkit-border-radius: 5px; border-radius: 5px; padding: 54px 40px 28px; display: none; } @media (max-height: 600px) { .popup { height: 100vh; overflow: auto; padding-bottom: 100px; } } @media (max-width: 320px) { .popup { max-width: 290px; padding-left: 20px; padding-right: 20px; } } .popup-title { font-weight: 700; font-size: 20px; line-height: 22px; margin-bottom: 20px; text-align: center; } @media (min-width: 768px) { .popup-title { font-size: 24px; line-height: 26px; } } .popup-cl { cursor: pointer; position: absolute; top: 20px; right: 18px; width: 16px; height: 16px; background: url(/local/templates/main/css/../images/SVG/form/close.svg) no-repeat center; background-size: cover; } .popup-cl:hover { background: url(/local/templates/main/css/../images/SVG/form/close_hover.svg) no-repeat center; background-size: cover; } .popup-more { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .popup-link { font-weight: 300; font-size: 16px; line-height: 24px; color: #0e6ec3; border-bottom: 1px dashed #fff; } .popup-link:hover { border-bottom-color: #0e6ec3; color: #0e6ec3; text-decoration: none; } .popup-submit { width: 100%; height: 60px; border: 1px solid #0e6ec3; background: #0e6ec3; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; font-size: 13px; line-height: 13px; -webkit-border-radius: 5px; border-radius: 5px; } @media (min-width: 768px) { .popup-submit { font-size: 16px; line-height: 16px; } } .popup-submit:hover { background: #0f7cdb; border-color: #0f7cdb; } .input input { width: 100%; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; margin-bottom: 12px; height: 60px; border: 1px solid #e4eef2; padding: 0 10px 0 35px; font-size: 16px; } .input input:focus { border-color: #0e6ec3; } .input.error input { border: 1px solid #e13c3c; } .input.inp-login input { background: url(/local/templates/main/css/../images/SVG/form/login.svg) no-repeat left 10px center; background-size: 16px 18px; } .input.inp-login input:focus { background: url(/local/templates/main/css/../images/SVG/form/login_active.svg) no-repeat left 10px center; background-size: 16px 18px; } .input.inp-login.error input { background: url(/local/templates/main/css/../images/SVG/form/login_wrong.svg) no-repeat left 10px center; background-size: 16px 18px; } .input.inp-reg input { background: url(/local/templates/main/css/../images/SVG/form/pass.svg) no-repeat left 10px center; background-size: 14px 19px; } .input.inp-reg input:focus { background: url(/local/templates/main/css/../images/SVG/form/pass_active.svg) no-repeat left 10px center; background-size: 14px 19px; } .input.inp-reg.error input { background: url(/local/templates/main/css/../images/SVG/form/pass_wrong.svg) no-repeat left 10px center; background-size: 14px 19px; } .input.inp-tel input { background: url(/local/templates/main/css/../images/SVG/form/phone.svg) no-repeat left 10px center; background-size: 15px 21px; } .input.inp-tel input:focus { background: url(/local/templates/main/css/../images/SVG/form/phone_active.svg) no-repeat left 10px center; background-size: 15px 21px; } .input.inp-tel.error input { background: url(/local/templates/main/css/../images/SVG/form/phone_wrong.svg) no-repeat left 10px center; background-size: 15px 21px; } .input.inp-email input { background: url(/local/templates/main/css/../images/SVG/form/mail.svg) no-repeat left 10px center; background-size: 18px 14px; } .input.inp-email input:focus { background: url(/local/templates/main/css/../images/SVG/form/mail_active.svg) no-repeat left 10px center; background-size: 18px 14px; } .input.inp-email.error input { background: url(/local/templates/main/css/../images/SVG/form/mail_wrong.svg) no-repeat left 10px center; background-size: 18px 14px; } .textarea textarea { width: 100%; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; margin-bottom: 10px; resize: vertical; min-height: 130px; border: 1px solid #e4eef2; padding: 20px 10px 10px 35px; font-size: 16px; } .textarea textarea:focus { border-color: #0e6ec3; } .popup-reg-img { margin-bottom: 20px; overflow: hidden; text-align: center; } .popup-reg-img__src { width: 47px; height: 47px; } .popup-repass-img { margin-bottom: 20px; overflow: hidden; text-align: center; } .popup-repass-img__src { width: 64px; height: 27px; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } .popup-login, .popup-reg, .popup-repass, .popup-cheap { visibility: hidden; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100; } @media (max-height: 690px) { .popup-login, .popup-reg, .popup-repass, .popup-cheap { top: 0px; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); margin: 30px 0 60px; } } .popup-login.open, .popup-reg.open, .popup-repass.open, .popup-cheap.open { visibility: visible; display: block; } .catalog-popup { padding-bottom: 73px; overflow-y: auto; overflow-x: hidden; height: 100vh; } .catalog-popup .container { position: relative; padding-top: 72px; } .popup-close { position: absolute; top: 75px; right: 15px; width: 38px; height: 38px; background: url(/local/templates/main/css/../images/SVG/form/close_catalog.svg) no-repeat center; background-size: cover; cursor: pointer; -webkit-border-radius: 100%; border-radius: 100%; } .popup-close:hover { background: url(/local/templates/main/css/../images/SVG/form/close_catalog_hover.svg) no-repeat center; background-size: cover; } .catalog-popup .popup-close { width: 17px; height: 17px; background: none !important; border-radius: 0; -webkit-border-radius: 0; top: 82px; right: 12px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .catalog-popup .popup-close::after, .catalog-popup .popup-close::before { content: ""; position: absolute; background-color: #000000; -webkit-transition: all .4s ease; transition: all .4s ease; } .catalog-popup .popup-close::after { width: 1px; height: 100%; left: 50%; margin-right: -50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .catalog-popup .popup-close::before { width: 100%; height: 1px; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .body-overlay-catalog { overflow: hidden; visibility: hidden; opacity: 0; position: fixed; z-index: 1020; width: 100%; height: 100%; top: 0; left: 0; background: #ffffff; -webkit-transition: all 0.3s; transition: all 0.3s; display: none; } .body-overlay-catalog.open { opacity: 1; visibility: visible; display: block; } .body-overlay-catalog .category-list { margin-top: 0; } .body-overlay-catalog .category__item.--title .category__link { font-size: 18px; line-height: 20px; } .body-overlay-catalog .category__link { color: #fff !important; } .catalog-title { color: #fff; font-weight: 700; font-size: 36px; line-height: 40px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px; } /* fix brand-carousel */ .brand-carousel .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .brand-carousel .slick-slide { height: inherit !important; } /* fix fancybox */ .fancybox-overlay, .clear_disAjaxWinShadow { background-color: rgba(102, 102, 102, 0.5) !important; } #fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span { background-image: url(/local/templates/main/css/../images/fancybox/fancybox_sprite.png); } /**/ @media (min-width: 768px) { .bx-filter-container-hide { display: none !important; } } .bx_filter .bx_filter_popup_result, .bx-filter-container-hide { font-size: 18px; background: #0e6ec3; color: #fff; border-radius: 5px; line-height: 38px; height: 40px; } .bx-filter-container-hide { display: unset; text-align: center; line-height: 26px; height: 48px; z-index: 1010; } .bx_filter_parameters_box:not(.active) .bx-filter-container-hide { display: none !important; } .bx_filter .bx_filter_popup_result.tile-popup-filter .count-items-filter { display: none; } .bx_filter .bx_filter_popup_result a { color: #fff; font-weight: 300; text-decoration: underline; } .bx_filter .bx_filter_popup_result a:hover { text-decoration: none; } .bx_filter .bx_filter_popup_result.right .arrow { background: url(/local/templates/main/components/bitrix/catalog.smart.filter/catalog.filter/images/arr_left2.png) no-repeat center; } .ui-autocomplete { height: auto !important; background: #ffffff !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); max-height: 145px; overflow: auto; overflow-x: hidden; z-index: 10005; } @media (max-width: 530px) { .bx-touch .bx_filter .bx_filter_popup_result, .bx-filter-container-hide { font-size: 16px; } } .pdf-list { min-width: 290px; } .pdf-list__item { margin-bottom: 10px; } /* btn filter */ .header-midd .sort-filter { width: auto; line-height: 48px; padding-left: 10px; padding-right: 10px; background-position: center bottom 5px; cursor: pointer; } .header-midd .sort-filter:after { position: relative; top: -12px; font-size: 12px; } @media (max-width: 478px) { .logo-wrap { max-width: 78px; } .logo-img__small { max-width: 98%; } .header-midd .mobil-searh-head { margin-left: auto; margin-right: 10px; } .header-midd .cart-btn__ico { width: 50px; } .header-midd .menu-burger { width: 50px; height: 40px; margin: -5px 10px -4px -10px; } div#panel { display: none !important; } } @media (min-width: 768px) { .header-midd .sort-filter { display: none; } } @media (max-width: 767px) { /* .catalog__inner .sort-filter { display: none; }*/ } /* --- new logo */ .logo-img__big { display: none; max-width: 100%; } @media (min-width: 768px) { .logo-img__big { display: block; } } .logo-img__small { display: block; max-width: 100%; } @media (min-width: 768px) { .logo-img__small { display: none; } } @media (max-width: 478px) { .logo-wrap { max-width: 78px; } .logo-img__small { max-width: 98%; } .sort-filter { padding-left: 20px !important; padding-right: 40px !important; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABmSURBVFhH7dYhDoAwEETR3gIMnAYMXJez4DgICmZSagjoXfFfMklT9V1bACBIp031GMcRu3Zqiy+ibNr1LDRm1A6NmDdi/hDzJUUIEc2gEWEpIizNo9dr7Ruw+iKSY+Z6BIAMSrkBbDU/0oVeVDgAAAAASUVORK5CYII=); background-position: right 12px center !important; min-width: 140px; background-size: 30px; text-align: center; } } .product-footer { padding: 0 15px 15px; margin-top: 14px; display: flex; align-items: center; } .product-to-basket { border: 1px solid #4577E7; -webkit-border-radius: 6px; border-radius: 6px; background: #4577E7; color: #fff; text-align: center; font-weight: 600; font-size: 16px; line-height: 100%; padding: 11px 23px; } a.product-to-basket { display: block; } a.product-to-basket:hover { text-decoration: none; color: #fff; } .product-mobile-wrap { display: flex; align-items: center; align-content: center; justify-content: space-between; flex-wrap: wrap; } .product-content { padding-bottom: 0; } @media (max-width: 767px) { .product-img { padding: 15px; height: 102px; } .product-content { padding: 13px 10px 12px; height: calc(100% - 255px); } .product-country { padding: 9px 0; display: flex; align-items: center; } .flag-icon { width: 24px; height: 19px; margin-right: 11px; } .product-country__name { font-size: 13px; } .product-price { margin-top: 2px; display: flex; align-items: flex-end; justify-content: space-between; } .product-price > .rub { margin-left: 5px; margin-right: auto; margin-bottom: 1px; } .product-price-sale { margin-bottom: 1px; } .sale__ico { height: 20px; width: 23px; } .product-info { top: 10px; } .product-to-basket { height: 40px; font-size: 14px; line-height: 16px; letter-spacing: 0; } .product-footer { padding: 0 10px 11px; } .hidden-xs { display: none !important; } .tel__item:first-child:after { display: none; } .sort-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; background-color: rgba(0, 0, 0, 0.5); } } .front-slider { display: flex; flex-wrap: wrap; } .front-slider .sidebar { flex: 0 1 270px; margin-right: 30px; } .front-slider .front-slider-right { flex: 1; overflow: hidden; } .front-slider .front-slider-right .container { width: 100%; padding: 0; } .sidebar h3 { padding: 12px 14px; background-color: #0e6ec3; color: #ffffff; font-size: 18px; font-weight: 900; } .sidebar-list { position: relative; } .sidebar-list ul { display: none; } .sidebar-list a { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .sidebar-list .root-item { position: relative; z-index: 1; display: block; padding: 12px 14px 12px 42px; color: #1d1d1d; text-decoration: none; background: url("/local/templates/main/css/../images/sidebar/category/bathtub.png") no-repeat 8px center; border: 1px solid #e3e3e3; } .sidebar-list .root-item:hover { text-decoration: underline; } .sidebar-list .root-item:before { content: ""; position: absolute; z-index: -1; right: 14px; top: 50%; width: 6px; height: 11px; background: url("/local/templates/main/css/../images/sidebar/sidebar-right.png") no-repeat center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .sidebar-list > li:hover .root-item { color: #4c93d1; } .sidebar-list > li:hover .root-item:before { right: 9px; } .sidebar-list .root-li { margin-bottom: -1px; } .sidebar-list .root-li:last-child { margin-bottom: 0; } .sidebar-list .root-li:nth-child(2) .root-item { background-image: url("/local/templates/main/css/../images/sidebar/category/tiles.png"); } .sidebar-list .root-li:nth-child(3) .root-item { background-image: url("/local/templates/main/css/../images/sidebar/category/water-heater.png"); } .sidebar-list .root-li:nth-child(4) .root-item { background-image: url("/local/templates/main/css/../images/sidebar/category/door.png"); } .sidebar-list .root-li.active-desktop { /*2 lvl*/ } .sidebar-list .root-li.active-desktop > ul { position: absolute; z-index: 10; left: 99%; top: -45px; display: flex; flex-wrap: wrap; width: 873px; min-height: 225px; padding: 40px 15px 105px; background-color: #fff; animation: rootList 0.2s ease forwards; border-radius: 0 2px 2px; border: 1px solid #e3e3e3; box-shadow: rgba(227, 227, 227, 0.6) 0px 6px 12px 0px; } .sidebar-list .root-li.active-desktop > ul a { text-decoration: none; } .sidebar-list .root-li.active-desktop > ul > li { position: relative; z-index: 1; flex: 0 1 32%; min-height: 50px; padding-left: 60px; margin-right: 2%; margin-bottom: 40px; /*3 lvl*/ } .sidebar-list .root-li.active-desktop > ul > li:hover > a:after { -webkit-transform: translate(5px, -50%); -moz-transform: translate(5px, -50%); -ms-transform: translate(5px, -50%); -o-transform: translate(5px, -50%); transform: translate(5px, -50%); } .sidebar-list .root-li.active-desktop > ul > li:before { content: ""; position: absolute; left: 0; top: 0; width: 50px; height: 50px; background: url("/local/templates/main/css/../images/sidebar/vanni.png") no-repeat center top; } .sidebar-list .root-li.active-desktop > ul > li:nth-child(2):before { background-image: url("/local/templates/main/css/../images/sidebar/shtorki.png"); } .sidebar-list .root-li.active-desktop > ul > li:nth-child(3):before { background-image: url("/local/templates/main/css/../images/sidebar/karnizi.png"); } .sidebar-list .root-li.active-desktop > ul > li:nth-child(3n) { margin-right: 0; } .sidebar-list .root-li.active-desktop > ul > li:nth-child(4):before { background-image: url("/local/templates/main/css/../images/sidebar/podgolovniki.png"); } .sidebar-list .root-li.active-desktop > ul > li:nth-child(5):before { background-image: url("/local/templates/main/css/../images/sidebar/kabini.png"); } .sidebar-list .root-li.active-desktop > ul > li:nth-child(6):before { background-image: url("/local/templates/main/css/../images/sidebar/kabiniDveri.png"); } .sidebar-list .root-li.active-desktop > ul > li:nth-child(7):before { background-image: url("/local/templates/main/css/../images/sidebar/poddoni.png"); } .sidebar-list .root-li.active-desktop > ul > li:nth-child(8):before { background-image: url("/local/templates/main/css/../images/sidebar/mebel.png"); } .sidebar-list .root-li.active-desktop > ul > li:nth-child(9):before { background-image: url("/local/templates/main/css/../images/sidebar/drenaj.png"); } .sidebar-list .root-li.active-desktop > ul > li:nth-child(10):before { background-image: url("/local/templates/main/css/../images/sidebar/paneli.png"); } .sidebar-list .root-li.active-desktop > ul > li:nth-child(11):before { background-image: url("/local/templates/main/css/../images/sidebar/smesiteli.png"); } .sidebar-list .root-li.active-desktop > ul > li:nth-child(12):before { background-image: url("/local/templates/main/css/../images/sidebar/programma.png"); } .sidebar-list .root-li.active-desktop > ul > li:nth-child(13):before { background-image: url("/local/templates/main/css/../images/sidebar/ynitazi.png"); } .sidebar-list .root-li.active-desktop > ul > li > a { position: relative; z-index: 1; padding-right: 45px; display: block; padding-top: 12px; margin-bottom: 15px; color: #1d1d1d; font-weight: 700; } .sidebar-list .root-li.active-desktop > ul > li > a:hover { color: #4c93d1; } .sidebar-list .root-li.active-desktop > ul > li > a:hover span { border-color: transparent; } .sidebar-list .root-li.active-desktop > ul > li > a:after { content: ""; position: absolute; z-index: -1; right: 15px; top: 65%; width: 15px; height: 15px; background: url("/local/templates/main/css/../images/sidebar/sidebar-right.png") no-repeat center; background-size: contain; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .sidebar-list .root-li.active-desktop > ul > li > a.parent:after { -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .sidebar-list .root-li.active-desktop > ul > li > a.parent.active:after { -webkit-transform: translateY(-50%) rotate(270deg); -moz-transform: translateY(-50%) rotate(270deg); -ms-transform: translateY(-50%) rotate(270deg); -o-transform: translateY(-50%) rotate(270deg); transform: translateY(-50%) rotate(270deg); } .sidebar-list .root-li.active-desktop > ul > li > a.parent span { border-bottom: 1px dashed; } .sidebar-list .root-li.active-desktop > ul > li > a span { display: inline; border-bottom: 1px solid; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .sidebar-list .root-li.active-desktop > ul > li ul a { display: block; padding: 5px 0; font-size: 12px; } .sidebar-list .root-li.active-desktop > ul > li ul a:hover span { border-color: transparent; } .sidebar-list .root-li.active-desktop > ul > li ul a span { border-bottom: 1px solid; } .sidebar-list .root-li.active-mobile > ul { display: block; } .sidebar-list .root-li.active-mobile > ul > li { font-size: 15px; } .sidebar-list .root-li.active-mobile > ul > li:hover > a:after { -webkit-transform: translate(5px, -50%); -moz-transform: translate(5px, -50%); -ms-transform: translate(5px, -50%); -o-transform: translate(5px, -50%); transform: translate(5px, -50%); } .sidebar-list .root-li.active-mobile > ul > li a { position: relative; z-index: 1; display: block; padding-right: 45px; padding-top: 12px; font-size: 15px; background: url("/local/templates/main/css/../images/sidebar/plumbing.png") no-repeat 8px center; } .sidebar-list .root-li.active-mobile > ul > li a:hover { color: #4c93d1; } .sidebar-list .root-li.active-mobile > ul > li a:after { content: ""; position: absolute; z-index: -1; right: 15px; top: 50%; width: 5px; height: 11px; background: url("/local/templates/main/css/../images/sidebar/sidebar-right.png") no-repeat center; background-size: contain; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .sidebar-list .root-li.active-mobile a { display: block; padding: 12px 14px 12px 42px; color: #1d1d1d; border: 1px solid #e3e3e3; } .sidebar-list .root-li.active-mobile a:hover span { border-color: transparent; } .sidebar-list .root-li.active-mobile a span { display: inline; border-bottom: 1px solid; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .sidebar-list .root-li.active-mobile .root-item { font-weight: 700; } .sidebar-list .root-li.active-mobile .root-item.active { color: #4c93d1; } .sidebar-list .root-li.active-mobile .root-item.active:before { -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } @keyframes rootList { from { opacity: 0.2; } to { opacity: 1; } } .inner-sidebar .sidebar { width: 270px; margin: 0 15px 45px; } .inner-sidebar .sidebar:hover h3:before, .inner-sidebar .sidebar.active h3:before { -webkit-transform: translateY(-50%) rotateZ(180deg); -moz-transform: translateY(-50%) rotateZ(180deg); -ms-transform: translateY(-50%) rotateZ(180deg); -o-transform: translateY(-50%) rotateZ(180deg); transform: translateY(-50%) rotateZ(180deg); } .inner-sidebar .sidebar:hover h3 span, .inner-sidebar .sidebar.active h3 span { border-color: transparent; } .inner-sidebar .sidebar h3 { position: relative; z-index: 1; padding: 16px 14px; text-transform: uppercase; cursor: pointer; } .inner-sidebar .sidebar h3 span { display: inline-block; border-bottom: 1px dashed; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .inner-sidebar .sidebar h3:before { content: ""; position: absolute; z-index: -1; right: 14px; top: 50%; width: 16px; height: 16px; background: url("/local/templates/main/css/../images/sidebar/down-arrow.png") no-repeat center; background-size: contain; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .inner-sidebar .sidebar-list { display: none; } .inner-sidebar .sidebar-list.active { display: block; animation: rootList 0.2s ease; } .inner-sidebar .sidebar-list > li:hover > ul { top: -55px; } .catalog__inner-sidebar { display: none; margin-bottom: 24px; } @media screen and (max-width: 1200px) { .sidebar-list .root-li.active-desktop > ul { width: 690px; padding: 40px 15px 65px; } .sidebar-list .root-li.active-desktop > ul > li { flex: 0 1 48%; } .sidebar-list .root-li.active-desktop > ul > li:nth-child(odd) { margin-right: 2%; } .sidebar-list .root-li.active-desktop > ul > li:nth-child(even) { margin-right: 0; } .inner-sidebar .sidebar { width: 220px; margin: 0 15px 25px; } .inner-sidebar .sidebar h3 { font-size: 16px; } .collection-wrap .card-grid-content__more { display: none; } } @media screen and (max-width: 1023px) { .front-slider .sidebar, .front-slider .front-slider-right { flex: 0 1 100%; } .front-slider .sidebar { margin: 0 0 30px; } .front-slider .sidebar h3 { font-size: 20px; } .sidebar-list .root-item { pointer-events: none; } .sidebar-list .root-item:before { -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .sidebar-list .root-li.active-mobile > ul > li a { font-size: 13px; line-height: 1.3; } .sidebar-list > li { cursor: pointer; } .sidebar-list > li:hover .root-item { color: #4c93d1; } .sidebar-list > li:hover .root-item:before { right: 14px; } .sidebar-list > li:hover > ul { display: none; } .inner-sidebar .sidebar { display: none; } .catalog__inner-sidebar { display: block; } } @media screen and (max-width: 950px) { .sidebar-list .root-li.active-mobile > ul > li a { font-size: 12px; line-height: 1.3; } .calc-inner .calc-measures { padding-left: 0; } } /*# sourceMappingURL=style.css.map */ @media (min-width: 1024px) { .nav { display: block; visibility: visible; } } @media (max-width: 1024px) { .catalog__inner-sidebar .cabinet-aside { display: block; } } @media (min-width: 1024px) { .catalog__inner-sidebar .cabinet-aside { display: none; } } .site-url { text-decoration: underline; } .devel .site-url:hover { text-decoration: none; } .container { position: relative; } .site-url { text-decoration: underline; } .devel .site-url:hover { text-decoration: none; } .title-place { width: 100%; height: 44px; margin: 20px auto; } .absoluteh1 { position: absolute; top: 80px; left: 8px; } .catalog-dropdown { visibility: hidden; opacity: 0; z-index: 99; width: 100%; position: absolute; top: 100%; left: 0; -webkit-transition: all 0.3s; transition: all 0.3s; display: none; background-color: #ffffff; } @media (min-width: 1024px) { .catalog-dropdown.open { opacity: 1; visibility: visible; display: block; } } .catalog-overlay { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(51, 51, 51, 0.8); z-index: 10; display: none; } .catalog-overlay.is-active { display: block; } .catalog-sublist__title { font-weight: bold; font-size: 16.4px; margin-bottom: 17px; } .catalog-item__title { font-size: 12.8px; width: 190px; display: flex; align-items: center; padding: 10px 14px; position: relative; z-index: 1; text-decoration: none; } .catalog-item__subitems a:hover { text-decoration: none; color: #0E6EC3; } .catalog-item:hover .catalog-item__title { background-color: #ffffff; text-decoration: none; color: #000000; } .catalog-item__title i { width: 19px; height: 20px; flex: none; margin-right: 8px; } .catalog-item__subitems { position: absolute; left: 200px; top: 0; width: calc(100% - 200px); height: 100%; -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; padding: 31px 42px 20px 36px; opacity: 0; visibility: hidden; pointer-events: none; } .catalog-item:hover .catalog-item__subitems { pointer-events: auto; visibility: visible; opacity: 1; } .catalog-list:before { content: ""; position: absolute; pointer-events: none; height: 100%; width: 50%; right: calc(100% - 198px); background: #F8F8F8; } .catalog-item__title i img { max-width: 100%; } .catalog-item__title span { padding-bottom: 1px; } .catalog-sublist { break-inside: avoid; padding-bottom: 22px; } .catalog-sublist__items { font-size: 13px; } .catalog-sublist__item { margin-bottom: 8px; } .footer-map_link a, .policy__link { color: #c4daed; text-decoration: underline; } .footer-map_link a:hover, .policy__link:hover { color: #c4daed; text-decoration: none; } #js__basket_modal .popup-title { text-align: center !important; } @media (max-width: 767px) { .footer-map_link { margin-top: 20px; } .policy { margin-top: 5px; } .catalog-section-list.map__list .map__link + ul { padding-left: 3px; } } .brands--tags__wrapper { width: 100%; } .product-img { border-radius: 15px 15px 0px 0px; padding: 0; height: 256px; flex: none; } .product-quantity { padding: 4px 10px; margin-top: 10px; border-radius: 4px; font-weight: 400; font-size: 14px; line-height: 20px; background: #E4F6FF; display: inline-block; } .product-quantity.is-green { background: #E5FFE4; } .product-price-wrap { margin-top: 10px; padding: 0 15px; } .product-favorite { margin-left: 16px; } .product-favorite svg { width: 35px; height: 35px; fill: #BA2C73; stroke: #BA2C73; } .product-favorite:not(.is-active) svg { opacity: 0.7; fill: none; stroke: #4577E7; } .swiper-button-disabled { opacity: .3; } /* End */ /* Start:/local/templates/main/css/developer.css?174884386373778*/ img { max-width: 100%; } .city-head { display: inline-block; position: relative; } /*.city-head__link { color: #1964b9; font-weight: 100; font-size: 15px; } .city-head__link:hover { text-decoration: none; } .city-head__link i { margin-right: 4px; } .city-head__link:hover span { text-decoration: underline; }*/ .city-head__popover { visibility: hidden; opacity: 0; position: absolute; top: calc(100% + 8px); right: 0; z-index: 10; height: 0; overflow: hidden; transition: .15s linear opacity; } .city-head__popover.is-open { visibility: visible; opacity: 1; height: auto; padding-top: 8px; } .city-head__popover-inner { position: relative; background-color: rgba(14, 110, 195, 0.82); padding: 14px 14px; color: #fff; font-size: 14px; font-weight: 100; display: flex; align-content: center; align-items: center; justify-content: space-between; flex-wrap: nowrap; white-space: nowrap; } .city-head__popover-inner:before { content: ""; position: absolute; display: block; width: 0; height: 0; right: 98px; top: -8px; border-style: solid; border-width: 0 10px 8px 10px; border-color: transparent transparent rgba(14, 110, 195, 0.82) transparent; } .city-head__popover-inner span { margin-right: 12px; } .city-head__btn { outline: none; display: inline-block; margin-left: 10px; padding: 5px 6px 4px; min-width: 39px; text-align: center; line-height: 1; background-color: #fff; border-radius: 4px; font-size: 14px; } .city-head__btn:hover { text-decoration: none; } .dis-body .popup.popup-city { max-width: calc(100vw - 20px); padding-bottom: 40px !important; margin-left: auto; margin-right: auto; } .city-list { -moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2; column-gap: 30px; width: 300px; max-width: 100%; margin-bottom: 22px; margin-top: 30px; } .city-list li { -webkit-column-break-inside: avoid; break-inside: avoid; margin-bottom: 10px; } .city-list__link--selected { font-weight: bold; } .header-mobile-info { display: none; } /*.page-catalog .title-h1 { display: none; }*/ .page-catalog .bread-crumbs { margin-bottom: 25px; } .page-catalog .bread-crumbs .bread-crumbs__link--last { font-weight: bold; } .sort-overlay { display: none; } @media all and (max-width: 1023px) { .header-mobile-info { background-color: #0e6ec3; display: flex; align-content: center; align-items: center; justify-content: space-between; padding: 5px 10px; color: #fff; position: relative; } .tel__item:first-child:after { color: #fff; font-size: 22px; top: -5px; } .city-head__link { color: #fff; font-size: 14px; } .city-head__popover { width: 280px; transform: translateX(-75%); max-width: calc(100vw - 20px); top: calc(100% + 15px); } .city-head { text-align: center; } .tel-list { font-size: 14px; text-align: center; width: 50px; margin-left: 10px; } .city-head__link:hover { color: #fff; } .city-head__popover-inner:before { left: auto; right: 20%; } .city-head__popover-inner { flex-wrap: wrap; text-align: center; justify-content: center; white-space: normal; } .city-head__popover-inner span { width: 100%; margin-bottom: 10px; } .city-head__btn { margin: 0 10px; font-size: 15px; padding: 6px 8px 5px; } .city-head__inner { position: relative; display: inline-block; } .tel-list { text-align: right; } .tel-list a { line-height: 0; font-size: 0; display: block; } .icon-phone { display: inline-block; font-size: 0; line-height: 0; width: 25px; height: 25px; background: url(/local/templates/main/css/../images/phone.svg) center no-repeat; background-size: contain; } } @media (max-width: 767px) { .page-catalog .title-h1 { display: block; } } .scrollToTop { display: none; position: fixed; background-image: url(/local/templates/main/css/../images/totop.svg); background-position: center 4px; background-repeat: no-repeat; background-size: 75%; width: 45px; height: 45px; border-radius: 50%; background-color: #0e6ec3; bottom: 50px; /*right: calc((100% - 320px) / 2 - 35px);*/ z-index: 999; opacity: 0.6; right: 20px; } @media (max-width: 400px) { .scrollToTop { right: 10px; bottom: 120px; } } @media (min-width: 480px) { .scrollToTop { right: 10px; } } /*@media (min-width: 768px) { .scrollToTop { right: calc((100% - 720px) / 2 - 35px); } } @media (min-width: 1024px) { .scrollToTop { right: calc((100% - 940px) / 2 - 35px); } } @media (min-width: 1200px) { .scrollToTop { right: calc((100% - 1170px) / 2 - 35px); } }*/ @media (min-width: 1650px) { .scrollToTop { right: calc((100% - 1625px) / 2 - 40px); } } .share-list li { display: inline-block; } .share-popup { visibility: hidden; opacity: 0; -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in; -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in; -o-transition: opacity 0.2s ease-in, top 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; transition: opacity 0.2s ease-in, top 0.2s ease-in; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 16px); padding: 12px 14px; z-index: 10; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; -webkit-border-radius: 5px; border-radius: 5px; white-space: nowrap; } .share-popup:before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0 9px 12px 9px; border-color: transparent transparent #ffffff transparent; top: -12px; } @media (max-width: 1439px) { .share-popup { left: auto; right: -10px; transform: none; } .share-popup:before { left: auto; transform: none; right: 20px; } } .share-popup.is-open { visibility: visible; opacity: 1; } .share-btn { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in; -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in; -o-transition: opacity 0.2s ease-in, top 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; transition: opacity 0.2s ease-in, top 0.2s ease-in; cursor: pointer; display: inline-block; height: 40px; line-height: 40px; position: relative; text-align: center; top: 0; vertical-align: top; white-space: nowrap; border: none; outline: none; width: 40px; background-image: url(/local/templates/main/css/../images/share.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .share-wrap { display: inline-block; position: relative; } .card-header { display: flex; align-items: flex-start; align-content: flex-start; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px; } .card-header h1 { margin-bottom: 0; width: calc(100% - 50px); } @media (min-width: 768px) { .sm-visible { display: none !important; } } @media (max-width: 767px) { .card-header h1 { width: 100%; margin-bottom: 20px; } .sm-hidden { display: none !important; } .card-price { display: flex; align-items: flex-start; align-content: flex-start; justify-content: space-between; flex-wrap: wrap; } .share-popup { position: fixed; top: 50%; left: 0; right: 0; margin: auto; width: 290px; z-index: 100; padding: 20px; transform: translateY(-50%); } .share-popup:before { display: none; } .share-overlay { position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: none; } .share-popup.is-open ~ .share-overlay { display: block; } .share-close { position: absolute; width: 35px; height: 35px; right: -15px; top: -15px; background-image: url(/local/templates/main/css/../images/close.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .section-catalog { display: none; } } .share-list { margin-right: -9px; } .share-link { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in; -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in; -o-transition: opacity 0.2s ease-in, top 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; transition: opacity 0.2s ease-in, top 0.2s ease-in; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; display: inline-block; font-size: 12px; height: 40px; line-height: 40px; margin-right: 8px; padding: 0 5px; position: relative; text-align: center; top: 0; vertical-align: top; white-space: nowrap; border: none; outline: none; width: 40px; background-repeat: no-repeat; background-position: center; background-size: 22px; } .share-link img { width: 100%; } .share-link:hover { opacity: .8; top: -4px; } .share-link[data-sharer="vk"] { background-color: #4c6c91; background-image: url(/local/templates/main/css/../images/vk.svg); } .share-link[data-sharer="facebook"] { background-color: #3B5998; background-image: url(/local/templates/main/css/../images/fb.svg); background-size: 28px; } .share-link[data-sharer="okru"] { background-color: #d7772d; background-image: url(/local/templates/main/css/../images/ok.svg); } .share-link[data-sharer="mailru"] { background-color: #168de2; background-image: url(/local/templates/main/css/../images/mailru.svg); } .share-link[data-sharer="twitter"] { background-color: #55acee; background-image: url(/local/templates/main/css/../images/twitter.svg); } .product { display: flex; align-items: stretch; align-content: stretch; justify-content: space-between; flex-direction: column; } /*.product [data-goto] { display: flex; flex-direction: column; align-content: stretch; align-items: stretch; justify-content: flex-start; flex: 1 1 auto; }*/ .product-content { flex: 1 1 auto; } .share-copy { margin-top: 20px; display: flex; align-items: stretch; align-content: stretch; justify-content: space-between; } .share-copy input, .share-copy .input { width: 59%; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; height: 38px; line-height: 36px; border: 1px solid #e4eef2; padding: 0 10px 0 10px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .share-copy .btn { border: 1px solid #0e6ec3; background: #0e6ec3; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; text-transform: uppercase; font-size: 12px; line-height: 28px; padding: 4px; outline: none; } .bx-sls { display: none; } .bx-soa-customer.personal--list { display: flex; flex-wrap: wrap; } .input--wrap { width: 100%; } .bx-soa-customer.personal--list .form-group { margin-bottom: 24px; } .input--wrap.short--input { width: calc((100% / 2) - 7px); } .input--wrap.short--input:not(:nth-child(2n+1)) { margin-right: 14px; } .order--form__wrap .delivery-inputs__container .custom-wrap-town .select--item, .input--wrap .input--item { background: #FFFFFF; border: 1px solid #CCCCCC; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1); border-radius: 4px; height: 40px; color: #333333; -webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1); } .order--form__wrap .delivery-inputs__container .custom-wrap-town .label--item, .container-fluid .custom-wrap-comment .label--item, .container-fluid .label--item, .container-fluid .input--wrap .label--item { font-size: 16px; line-height: 19px; color: #333333; margin-bottom: 7px; padding: 0; display: block; font-weight: normal; } .order--form__wrap .delivery-inputs__container .custom-wrap-town .select--item:focus, .input--wrap .input--item:focus { border: 1px solid #0E6EC3 !important; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1); } .custom-wrap-comment { width: 100%; margin: 0; } .custom-wrap-comment .textarea--item { border: 1px solid #CCCCCC; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1); border-radius: 4px; color: #333333; height: 80px; resize: none; } .custom-wrap-comment .form-group.bx-soa-customer-field { margin-bottom: 0; } .custom-wrap-comment .textarea--item:focus { border: 1px solid #0E6EC3 !important; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1); } .order--form__wrap .container-fluid { padding: 32px 15px 36px; background-color: #ffffff; box-shadow: 0px 0px 10px rgba(49, 91, 128, 0.17); border-radius: 5px; } .c-delivery-wrapper .bx-soa-section-content.container-fluid { padding-top: 76px; } .order--form__wrap .row { margin-left: 0; margin-right: 0; } .order--form__wrap { color: #333333; } .order--container.col-sm-9 { padding-left: 0; padding-right: 15px; } .order--sidebar.col-sm-3 { padding-right: 0; margin-top: 45px; } .order--sidebar .bx-soa-cart-total { box-shadow: 0px 0px 10px rgba(49, 91, 128, 0.17); } .order--form__wrap .bx-soa-section { background: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; margin-bottom: 30px; } .order--form__wrap .bx-soa-section-title-container { border-bottom: none; font-weight: bold; font-size: 24px; line-height: 28px; padding: 0; margin-bottom: 18px; } .order--form__wrap .bx-soa-section-title-container .bx-soa-section-title { font-weight: bold; font-size: 24px; line-height: 28px; padding: 0; border-radius: 0; font-family: "Roboto", sans-serif; } .order--form__wrap .input--wrap.has-error { position: relative; } .order--form__wrap .input--wrap.has-error .soa-property-container { position: relative; } .order--form__wrap .input--wrap.has-error .soa-property-container::after { content: ""; display: block; position: absolute; right: 9px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; background: #EE1616 url("/local/templates/main/icons/error.svg") no-repeat center; } #bx-soa-main-notifications { display: none; } .order--form__wrap .input--wrap.has-error .input--item { background: rgba(235, 87, 87, 0.1); border: 1px solid #EE1616; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1); } .order--form__wrap .tooltip.top, .order--form__wrap .tooltip { font-family: "Roboto", sans-serif; font-size: 13px; line-height: 15px; color: #EE1616; padding: 0; margin: 0; bottom: -16px; left: 0; } .order--form__wrap .bx-soa-tooltip.bx-soa-tooltip-static { position: absolute; } .order--form__wrap .tooltip-inner { font-family: "Roboto", sans-serif; text-align: left; padding: 0; border-radius: 0; background-color: transparent; color: #EE1616; font-size: 13px; line-height: 15px; } .order--form__wrap .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner { background-color: transparent; color: #EE1616; } .order--form__wrap .c-delivery-wrapper .deleviry__items.col-sm-7 { display: flex !important; justify-content: flex-start; flex-wrap: wrap; width: calc(100% + 16px); float: none; margin-bottom: 28px; margin-left: -8px; margin-right: -8px; margin-top: -7px; } .order--form__wrap .pay--items { display: flex; justify-content: flex-start; flex-wrap: wrap; width: calc(100% + 16px); float: none; /*margin-bottom: 28px;*/ margin-left: -8px; margin-right: -8px; margin-top: -7px; } .order--form__wrap .delivery-inputs__container { padding: 0 8px; } .order--form__wrap .delivery-inputs__container, .order--form__wrap .delivery-radio__container { display: flex; flex-wrap: wrap; } .order--form__wrap .delivery-radio__container { padding: 0 15px; } .order--form__wrap .delivery-inputs__container .custom-input-block { width: 200px; padding: 0 7px; } .order--form__wrap .delivery-inputs__container .custom-wrap-town, .order--form__wrap .delivery-inputs__container .custom-wrap-street, .order--form__wrap .delivery-inputs__container .custom-wrap-locality { width: 394px; margin: 0; float: none; clear: none; } .order--form__wrap .delivery-inputs__container .input--wrap { margin-bottom: 24px; } .order--form__wrap .delivery-inputs__container .custom-wrap-street .input--item { width: 100% !important; } .order--form__wrap .order--container label.label--radio { position: relative; display: inline-block; padding-left: 34px; cursor: pointer; font-size: 14px; line-height: 16px; padding-bottom: 0; color: #333333; margin: 0; font-weight: normal; } .order--form__wrap .label--radio--item:before, .order--form__wrap .label--radio::before { content: ""; display: block; box-sizing: border-box; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; border: 1px solid #0E6EC3; background-color: #ffffff; height: 24px; width: 24px; } .order--form__wrap .label--radio--item:after, .order--form__wrap .label--radio::after { content: ""; display: none; box-sizing: border-box; position: absolute; left: 8px; top: 50%; transform: translate(0, -50%); border-radius: 50%; height: 8px; width: 8px; background-color: #ffffff; } .order--form__wrap .label--radio--item:hover:before, .order--form__wrap .input--radio:checked + .label--radio--item::before, .order--form__wrap .label--radio:hover::before, .order--form__wrap .radio--input:checked + .label--radio::before { background-color: #0E6EC3; } .order--form__wrap .label--radio--item:hover:after, .order--form__wrap .input--radio:checked + .label--radio--item::after, .order--form__wrap .label--radio:hover::after, .order--form__wrap .radio--input:checked + .label--radio::after { display: block; } .delivery-radio__container .custom--radio--block .label--item { margin-bottom: 18px; text-align: left; } .delivery-radio__container .custom--radio--block { padding-bottom: 5px; margin: 0; } .delivery-radio__container .radio--wrap { margin-bottom: 0; } .delivery-radio__container .radio--wrap + .radio--wrap { margin-left: 20px; } .delivery-radio__container .custom--radio--block.custom-wrap-montazh { margin-left: 0; } .delivery-radio__container .custom--radio--block:not(:last-child) { margin-right: 52px; } .order--form__wrap .pay--items .pay__item, .order--form__wrap .deleviry__items .c-delivery-item.bx-soa-pp-company { padding: 7px; float: none; border: none; clear: none; width: calc(100% / 3); z-index: 99; } .order--form__wrap .pay__item .c-pay__element, .order--form__wrap .deleviry__items .c-delivery-item .delivery__element { position: relative; width: 100%; height: 180px; z-index: 100; } .order--form__wrap .pay__item .c-pay__element { height: 158px; } .order--form__wrap .pay__item .label--radio--item, .order--form__wrap .deleviry__items .c-delivery-item .bx-soa-pp-company-graf-container, .order--form__wrap .deleviry__items .bx-soa-pp-company-graf-container { /*border: none;*/ /*border-radius: 0;*/ /*height: auto;*/ /*padding: 0;*/ background: none !important; margin-bottom: 0; font-weight: normal; } .order--form__wrap .pay__item.bx-selected .label--radio--item, .order--form__wrap .deleviry__items.bx-selected .c-delivery-item .label--radio--item { border-color: #0E6EC3; } .order--form__wrap .pay__item .label--radio--item, .order--form__wrap .deleviry__items .label--radio--item { display: block; padding: 20px; border: 1px solid #EBF2F5; border-radius: 5px; background-color: #FFFFFF !important; width: 100%; height: 100%; position: relative; cursor: pointer; } .order--form__wrap .pay__item .label--radio--item:before, .order--form__wrap .deleviry__items .label--radio--item:before { top: 20px; right: 20px; left: auto; transform: none; } .order--form__wrap .pay__item .label--radio--item:after, .order--form__wrap .deleviry__items .label--radio--item:after { top: 28px; right: 28px; left: auto; transform: none; } .order--form__wrap .deleviry__items .bx-soa-pp-company-image { position: static; width: 72px; margin-bottom: 12px; height: 72px; } .order--form__wrap .pay__item .bx-soa-pp-company-image { position: static; width: 72px; height: 72px; margin-bottom: 12px; } .order--form__wrap .pay__item .bx-soa-pp-company-smalltitle, .order--form__wrap .deleviry__items .bx-soa-pp-company-smalltitle { font-weight: bold; font-size: 16px; line-height: 19px; color: #333333; margin-bottom: 8px; /*max-width: 185px;*/ padding: 0; text-align: left; } .order--form__wrap .deleviry__items .bx-soa-pp-delivery-cost { position: static; border-radius: 0; background: none; padding: 0; font-weight: normal; font-size: 14px; line-height: 16px; color: #909090; } .order--form__wrap .deleviry__items .bx-pagination { display: none; } .order--form__wrap .basket--list .container-fluid { padding: 14px 30px 30px; } .order--form__wrap .basket--list .basket--td:first-child { padding-left: 0; } .order--form__wrap .basket--list .basket--td:last-child { padding-right: 0; } .order--form__wrap .orderBtn_wrap a.btn { padding: 15px 28px; background: #0E6EC3; border-radius: 5px; } .order--form__wrap .orderBtn_wrap a.btn:hover { background: #1485CE; } .order--form__wrap .c-location { display: inline-block !important; position: absolute; padding: 30px; } .order--form__wrap .c-delivery-wrapper .c-warning, .order--form__wrap .c-delivery-wrapper .c-remark { background: #EBF2F5; border-radius: 5px; border: none; width: 385px; padding: 32px 34px 34px; font-weight: normal; font-size: 16px; line-height: 19px; color: #333333; margin: 0; height: auto; float: none; margin-left: 15px; margin-bottom: 30px; } .order--form__wrap .c-delivery-wrapper .c-warning { background: #EBF2F5 url("/local/templates/main/images/warn_red.png") no-repeat center left 15px; padding-left: 60px; padding-bottom: 24px; } .order--form__wrap .c-delivery-wrapper .c-remark .c-remark__text:first-child { padding-bottom: 34px; border-bottom: 1px solid rgba(51, 51, 51, 0.1); display: block; } .order--form__wrap .c-delivery-wrapper .c-remark .c-remark__text.item--icon { margin-top: 33px; color: #0E6EC3; display: block; font-size: 14px; line-height: 16px; padding-left: 55px; position: relative; } .order--form__wrap .c-delivery-wrapper .c-remark .c-remark__text.item--icon::before { content: ""; display: block; width: 40px; height: 40px; background: #0E6EC3; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background: #0E6EC3 url("/local/templates/main/icons/err.svg") no-repeat center; } .up--lift_wrap { display: flex; align-items: center; justify-content: center; font-size: 12px; line-height: 14px; color: #0E6EC3; height: 40px; padding: 0 10px 0 10px; align-self: center; background: #EBF2F5; border-radius: 5px; margin-top: 1px; /*margin-left: 7px;*/ } .up--lift_wrap p { margin: 0; } .custom-wrap-town.open ~ .up--lift_wrap { margin-bottom: 24px; } .c-span-wrapper, #c-span-wrapper-copy { position: static; display: block; width: 385px; background: #EBF2F5; border-radius: 5px; padding: 31px 34px 34px; margin-left: 15px; } .c-span-wrapper + .c-warning, #c-span-wrapper-copy + .c-warning { margin-top: 38px; } .c-span-wrapper .c-samoviz, #c-span-wrapper-copy .c-samoviz { border: none; font-weight: normal; font-size: 16px; line-height: 19px; padding: 0; background-color: transparent; color: #333333; } .c-span-wrapper .sam__title { font-size: 16px; line-height: 19px; color: #0E6EC3; margin-bottom: 26px; max-width: 70%; } .c-span-wrapper .block-item { font-size: 14px; line-height: 16px; font-weight: bold; margin-bottom: 6px; } .c-span-wrapper .block-item.margin-top { margin-top: 23px; } .brands--tags__wrapper { margin: 50px 0; } .popup-title { text-align: center !important; } @media (min-width: 1024px) { .brands--tags__wrapper { display: flex; justify-content: flex-end; padding-right: 15px; } .brands--tags__wrapper .brands--tags__list { width: 74.9%; } } .brands--tags__wrapper .brands--tags__list { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 4px; } .brands--tags__wrapper .brands--tags__list .brands--tags__item { display: inline-block; padding: 4px; } .brands--tags__wrapper .brands--tags__list .brands--tags__link { display: inline-block; background: #FFFFFF; border: 1px solid #0E6EC3; border-radius: 4px; font-size: 14px; line-height: 24px; color: #0E6EC3; padding: 4px 20px; text-decoration: none !important; } .brands--tags__wrapper .brands--tags__list .brands--tags__item:hover .brands--tags__link { background: #D1ECFF; } @media (max-width: 386px) { #c-span-wrapper-copy, .order--form__wrap .c-delivery-wrapper .c-warning, .order--form__wrap .delivery-inputs__container .custom-wrap-town, .order--form__wrap .c-delivery-wrapper .c-remark, .order--form__wrap .delivery-inputs__container .custom-wrap-street, .order--form__wrap .delivery-inputs__container .custom-wrap-locality { width: 100%; } } @media (min-width: 1024px) { .catalog { display: block; } .catalog:after { content: ""; clear: both; display: table; } .catalog .catalog__inner .pagination-wrap { padding-right: 15px; } .catalog .inner-sidebar { float: left; } .catalog .catalog__inner { width: calc(100% - 30px); } .catalog .catalog__top { padding-left: 15px; padding-right: 15px; } .catalog .catalog-view, .catalog .catalog-view .fixed-scroll { margin-left: 15px; margin-right: 15px; } .catalog .section-seo-text { clear: both; float: none; padding-right: 15px; } .catalog .catalog__inner .collection-wrap, .catalog .catalog__inner .text-collection { width: auto; padding-left: 15px; width: auto; padding-right: 15px; display: flex; } .card-item.--phone { height: 62px; } } @media (min-width: 768px) and (max-width: 991px) { .order--form__wrap .pay--items .pay__item, .order--form__wrap .deleviry__items .c-delivery-item.bx-soa-pp-company { width: calc(100% / 2); } } @media (max-width: 991px) { .input--wrap.short--input { width: 100%; } .input--wrap.short--input:not(:nth-child(2n+1)) { margin-right: 0; } } @media (max-width: 767px) { .order--container.col-sm-9 { padding-right: 0; } .order--sidebar.col-sm-3 { padding: 0; margin-top: 30px; } } @media (max-width: 700px) { .order--form__wrap .pay--items .pay__item, .order--form__wrap .deleviry__items .c-delivery-item.bx-soa-pp-company { width: calc(100% / 2); } } @media (max-width: 455px) { .order--form__wrap .pay--items .pay__item, .order--form__wrap .deleviry__items .c-delivery-item.bx-soa-pp-company { } .order--form__wrap .pay__item .c-pay__element { height: 160px; } } @media (max-width: 430px) { .order--form__wrap .pay--items .pay__item, .order--form__wrap .deleviry__items .c-delivery-item.bx-soa-pp-company { width: 100%; } .order--form__wrap .pay__item .c-pay__element { height: 160px; } } /*header*/ .header { font-family: "Mulish", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 130%; border-bottom: 1px solid #DEDEE3; height: auto !important; } .header-container { display: flex; align-items: center; justify-content: space-between; } .header-top { height: 40px; display: flex; align-items: center; background: #F6F6F6; } .header-top-menu { display: flex; align-items: center; margin-right: auto; } .header-top-menu__item { font-style: normal; font-weight: 400; font-size: 14px; line-height: 130%; margin-right: 30px; /*transition: .3s ease all;*/ } .header-top-menu__item:hover { text-decoration: none; } .header-top-social { display: flex; align-items: center; } .header-top-social__item { margin: 0 10px; /*transition: .3s ease all;*/ line-height: 0; } .header-top-social__item svg { width: 20px; height: 20px; } .header-top-social__item:hover { opacity: .8; } .header-top-action { margin-left: 30px; display: flex; align-items: center; justify-content: center; text-decoration: none; /*transition: .3s ease all;*/ color: #1E1E24; } .header-top-action__icon { margin-right: 5px; line-height: 0; } .header-top-action__icon svg { width: 20px; height: 20px; fill: #1E1E24; /*transition: .3s ease all;*/ } .header-top-action:hover .header-top-action__icon svg { fill: #4577E7; } .header-top-action__text { font-weight: 700; white-space: nowrap; } .header-top-action:hover { text-decoration: none; color: #4577E7; } .header-main { height: 90px; display: flex; align-items: center; } .logo { width: 64px; margin-right: 8.5%; } .header-catalog-btn { padding: 13px 24px; display: inline-flex; background: #4577E7; border-radius: 8px; align-items: center; /*transition: .3s ease all;*/ color: #fff; font-weight: 600; font-size: 16px; line-height: 100%; margin-right: 15px; } .header-catalog-btn svg { width: 24px; height: 24px; margin-right: 8px; } .header-catalog-btn:hover { text-decoration: none; opacity: .8; color: #fff; } .header-search { width: 50.6%; margin-right: auto; } .header-search__form { display: flex; align-items: stretch; width: 100%; } .header-search__input { width: 100%; height: 50px; border: 2px solid #4577E7; border-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; padding-left: 20px; font-size: 16px; line-height: 100%; } .header-search__button { background: #4577E7; border-radius: 0px 6px 6px 0px; width: 50px; height: 50px; border: none; /*transition: .3s ease all;*/ flex: none; line-height: 0; } .header-search__button svg { width: 30px; height: 30px; fill: #ffffff; } .header-search__button:hover { opacity: .8; } .header-main-action { display: flex; flex-direction: column; align-items: center; margin-left: 27px; margin-bottom: 5px; font-weight: 600; font-size: 12px; line-height: 100%; padding-right: 3px; /*transition: .3s ease all;*/ } .header-main-action:hover { text-decoration: none; color: #4577E7; } .header-main-actions { display: flex; align-items: flex-start; } .header-main-action__icon svg { width: 25px; height: 25px; fill: #1E1E24; stroke: #1E1E24; } .header-main-action:hover .header-main-action__icon svg { fill: #4577E7; stroke: #4577E7; } .header-main-action__icon svg.no-fill, .header-main-action:hover .header-main-action__icon svg.no-fill{ fill: none; } .header-main-action__text { text-align: center; } .header-main-action__icon { margin-bottom: 5px; } .header-main-action { position: relative; } .header-main-action__counter-label { position: absolute; background-color: #457be3; border-radius: 20px; right: 15px; top: -1px; display: inline-flex; align-items: center; justify-content: center; font-weight: bold; color: #fff; width: 14px; height: 14px; font-size: 10px; } /*.header-main-action:first-child { margin-right: 9px; }*/ .header-catalog-btn__icon { width: 24px; height: 24px; margin-right: 8px; position: relative; } .header-catalog-btn__icon i, .header-catalog-btn__icon i:before, .header-catalog-btn__icon i:after { position: absolute; background: #fff; height: 1px; left: 3px; } .header-catalog-btn__icon i:before, .header-catalog-btn__icon i:after { content: ""; left: 0; } .header-catalog-btn__icon i { top: 6px; width: 17px; } .header-catalog-btn__icon i:before { top: 5px; width: 14px; } .header-catalog-btn__icon i:after { width: 10px; top: 10px; } /*footer*/ .footer { background: #F6F6F6; font-family: "Mulish", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 130%; color: #1E1E24; padding-top: 40px; padding-bottom: 27px; } .footer-title { font-weight: 700; font-size: 16px; line-height: 100%; margin-bottom: 20px; } .footer-top { display: flex; align-items: flex-start; justify-content: space-between; } .footer-menu { width: 16.8%; } .footer-contacts { margin-left: auto; width: 258px; } .footer-menu__item { margin-bottom: 12px; } .footer-contacts__link { font-weight: 600; font-size: 16px; line-height: 130%; margin-bottom: 15px; } .footer-menu__columns { display: flex; align-items: flex-start; } .footer-menu.footer-menu--columns { width: 52%; } .footer-menu__columns .footer-menu__list { width: 29%; padding-right: 20px; } .footer-social { display: flex; align-items: center; margin-top: 20px; } .footer-social__item { margin-right: 20px; transition: .3s ease all; } .footer-social__item svg { width: 24px; height: 24px; } .footer-social__item:hover { opacity: 0.8; } .footer-info { border-top: #1e1e2433 1px solid; margin-top: 12px; display: flex; justify-content: space-between; padding-top: 20px; flex-wrap: wrap; } .footer-menu__columns .footer-menu__list:first-child { width: 38%; } .footer-oferta { width: 36.6%; } .footer-cards { width: 100%; margin-top: 16px; } .footer-dev { width: 257px; margin-left: auto; } .footer-dev a { display: inline-flex; align-items: center; } .footer-dev a:hover { text-decoration: none; } .footer-dev img { margin-left: 8px; } .footer-info__col { width: 15%; } .footer-cards img { margin-right: 20px; } .footer a:hover { text-decoration-skip-ink: none; } .header-search-toggle { display: none !important; } @media (max-width: 1140px) { .header-top-menu__item { margin-right: 8px; } .header-top-social__item { margin: 0 4px; } .header-top-action { margin-left: 15px; } .logo { margin-right: 4%; } .header-main-action { margin-left: 15px; } } @media (max-width: 980px) { .header-top-social { display: none; } .header-top-menu__item { line-height: 1; } .footer-contacts { width: 180px; } .footer-dev { width: 180px; } .footer-menu.footer-menu--columns { width: calc(100% - 180px - 20%); } .footer-menu__columns .footer-menu__list, .footer-menu__columns .footer-menu__list:first-child { width: auto; } .footer-menu { width: 20%; } .footer-oferta { width: auto; padding-right: 20px; max-width: 28%; } .footer-info__col { width: auto; padding-right: 20px; } } @media (min-width: 768px) { .header-search-toggle { display: none !important; } .visible-sm { display: none !important; } } @media (max-width: 767px) { .hidden-sm { display: none !important; } .footer-toggle-body { max-height: 0; overflow: hidden; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-timing-function: cubic-bezier(0, 1, .5, 1); transition-timing-function: cubic-bezier(0, 1, .5, 1); } .footer-toggle-wrap.is-open .footer-toggle-body { max-height: 1500px; -webkit-transition-duration: .4s; transition-duration: .5s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .footer-top { flex-wrap: wrap; } .footer-menu, .footer-menu.footer-menu--columns { width: 100%; } .footer-title { position: relative; } .footer-toggle-btn { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .footer-toggle-btn i { position: absolute; width: 10px; height: 10px; background: url(/local/templates/main/css/../icons/arr.svg) center no-repeat; top: 50%; right: 0; transform: translateY(-50%); transition: .3s ease all; } .footer-toggle-wrap.is-open .footer-toggle-btn i { transform: translateY(-50%) rotate(180deg); } .footer-menu__columns { display: block; } .footer-menu__columns .footer-menu__list, .footer-menu__columns .footer-menu__list:first-child { width: 100%; } .footer-contacts { width: 100%; order: 1; text-align: center; margin-bottom: 10px; } .footer-menu { order: 2; } .footer { padding-top: 30px; } .footer-contacts .footer-title { display: none; } .footer-contacts__link { margin-bottom: 16px; } .footer-social { justify-content: center; } .footer-social__item { margin: 0 10px; } .footer-title { padding: 10px 0; margin-bottom: 0; } .footer-menu__item:first-child { margin-top: 10px; } .footer-info { padding-top: 25px; margin-top: 20px; } .footer-cards { margin-top: 0; order: 1; text-align: center; } .footer-info__col { order: 2; width: 100%; text-align: center; margin-top: 20px; } .footer-oferta { order: 3; width: 100%; text-align: center; margin-top: 20px; padding: 0; max-width: 100%; } .footer-dev { order: 4; width: 100%; margin-top: 20px; text-align: center; } .footer-cards img { margin: 0 12px; } .logo { order: 1; width: 48px; flex: none; } .header-catalog-btn { order: 3; font-size: 0; background: none; padding: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; flex: none; margin-right: 0; /*margin-right: 22px;*/ } .header-main-actions { order: 4; } .header-search { order: 2; width: 69.5%; margin: 0 auto; } .header-main-action__text { display: none; } .header-main { height: 64px; } #wrapper { padding-top: 64px; } #header { position: fixed; z-index: 1030; top: 0; left: 0; width: 100%; background: #fff; } .header-catalog-btn__icon i, .header-catalog-btn__icon i:before, .header-catalog-btn__icon i:after { background-color: #1E1E24; width: 14px; transition: .3s ease all; } .header-catalog-btn__icon { width: 20px; height: 20px; margin: 0; } .header-catalog-btn__icon i { top: 4px; } .header-catalog-btn.opened .header-catalog-btn__icon i { transform: rotate(45deg); top: 9px; } .header-catalog-btn.opened .header-catalog-btn__icon i:before { opacity: 0; } .header-catalog-btn.opened .header-catalog-btn__icon i:after { transform: rotate(90deg); left: 0; top: 0; } /*.header-search__form { position: fixed; top: 64px; left: 0; width: 100%; background-color: #fff; padding: 16px; visibility: hidden; opacity: 0; transition: .3s ease all; } .header-search-toggle { width: 30px; height: 30px; display: none; align-items: center; justify-content: center; } .header-search-toggle svg { width: 26px; height: 26px; fill: #1E1E24; } .header-search { width: auto; } .header-search.is-open .header-search__form { opacity: 1; visibility: visible; }*/ .header-search__input { /*box-shadow: 0 0 5px #66bfe24d; transition: border-color .2s cubic-bezier(.17, .67, .83, .67), box-shadow .2s cubic-bezier(.17, .67, .83, .67); border-radius: 0;*/ height: 32px; font-size: 13px; line-height: 130%; border-radius: 6px; border: 1px solid #DEDEE3; padding-left: 16px; padding-right: 40px; } .header-search__input::-webkit-input-placeholder { color: rgba(112, 112, 112, 0.5); } .header-search__input:-moz-placeholder { color: rgba(112, 112, 112, 0.5); } .header-search__input::-moz-placeholder { color: rgba(112, 112, 112, 0.5); } .header-search__input:-ms-input-placeholder { color: rgba(112, 112, 112, 0.5); } .header-search__form { position: relative; } .header-search__button { width: 20px; height: 20px; border: none; background: transparent; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); z-index: 1; } .header-search__button svg { fill: #1E1E24; width: 20px; height: 20px; } /*.header-search__back { content: ""; position: absolute; top: 72px; height: calc(100vh - 72px); left: 0; right: 0; background-color: rgba(0, 0, 0, .2); }*/ .header-main-action { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin: 3px 0 0; padding: 0; } .header-main-action:not(.hidden-sm) + .header-main-action { margin-left: 20px; } .header-main-action__icon { margin: 0; } .header-main-action__icon svg { width: 20px; height: 20px; } .header-main-actions { margin-left: auto; } .logo { margin: 0; } .body-overlay-catalog { position: fixed; top: 65px; height: calc(100% - 65px); background: #ededed; } .catalog-popup .popup-close { display: none; } .catalog-popup .container { padding: 16px; } } /*new page*/ .bread-crumbs { margin-top: 20px; } .products-filter__item { display: inline-flex; align-items: center; border-radius: 36px; background: #DEDEE3; padding: 12px 57px 12px 24px; font-weight: 600; font-size: 16px; line-height: 100%; margin-right: 15px; margin-bottom: 15px; position: relative; color: #707070; } .products-filter { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: -15px; } .products-filter__item.is-active { background: #4577E7; color: #fff; } .products-filter__remove { position: absolute; width: 40px; height: 100%; top: 0; right: 15px; } .products-filter__remove:before, .products-filter__remove:after { content: ""; position: absolute; top: 19px; left: 12px; width: 16px; height: 2px; background-color: #707070; transform: rotate(45deg); } .products-filter__remove:after { transform: rotate(-45deg); } .products-filter__item.is-active .products-filter__remove:before, .products-filter__item.is-active .products-filter__remove:after { background-color: #fff; } .products-filter__item:hover { text-decoration: none; } .products-filter__item:hover { opacity: .8; } .products-filter__item:not(.is-active):hover { color: #707070; } .section-slider { margin-bottom: 10px; } .section-slider-catalog { margin-bottom: 20px; } /* #MH_TODO: начало */ .slider-inner { position: relative; height: 336px; -webkit-border-radius: 15px; border-radius: 15px; background: #fff; overflow: hidden; -webkit-box-shadow: 0px 0px 10px 0px #dae4e8; box-shadow: 0px 0px 10px 0px #dae4e8; } .section-slider-catalog .slider-inner { height: 110px; } @media (min-width: 768px) { .slider-inner { height: 336px; } } .slide { position: relative; text-align: center; } .slide a { height: 336px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; position: relative; } .section-slider-catalog .slide a { height: 110px; } .slide .cover { background-position: center; background-size: 100% auto; background-repeat: no-repeat; width: 50%; height: 100%; position: absolute; right: 0; top: 0; z-index: 1; } .is-mobile, .is-tablet { display: none; } @media (max-width: 768px) { .is-mobile, .is-desctop { display: none; } .is-tablet { display: block; } .slide .cover { background-size: cover; } .slide a { height: calc((100vw - 479px) / (768 - 479) * (340 - 220) + 220px); } .slider-inner { height: calc((100vw - 479px) / (768 - 479) * (340 - 220) + 220px); } } @media (max-width: 479px) { .is-tablet, .is-desctop { display: none; } .is-mobile { display: block; } .slide .cover { background-size: cover; } .slide a { height: 145px; } .slider-inner { height: 145px; } } @media (max-width: 768px) { .slide .cover { background-position: center !important; } } @media (min-width: 768px) { .slide a { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .slide a:hover { text-decoration: none; color: inherit; } .slide img { max-width: 100%; } .slide-img { position: absolute; top: 50%; right: 0; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); display: none; } @media (min-width: 1024px) { .slide-img { display: block; } } @media (min-width: 1200px) { .slide-img { -webkit-transform: translate(-50px, -50%); -ms-transform: translate(-50px, -50%); transform: translate(-50px, -50%); } } .slide-img__src { max-width: 80%; object-fit: contain; max-height: 260px; } @media (min-width: 1200px) { .slide-img__src { max-width: 100%; } } .slick-dots, .swiper-pagination { position: absolute; left: 50%; bottom: 4px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .slick-dots li, .swiper-pagination-bullet { display: inline-block; font-size: 0; margin: 0 3px; } .slick-dots li button, .swiper-pagination-bullet { width: 21px; height: 3px; background: #DEDEE3; border-radius: 3px; border: none; text-decoration: none; } .slick-dots li.slick-active button, .swiper-pagination-bullet-active { background: #4577E7; } .slick-dots li button:hover, .swiper-pagination-bullet-active:hover{ background: #4577E7; } @media (max-width: 767px) { .slick-track { background: #fff; } } .section-slider, .section-slider.container { margin-top: 20px; padding-bottom: 20px; } .slide { background: #BFBFBF; border-radius: 40px; height: 350px; overflow: hidden; text-decoration: none; } .slide:hover { text-decoration: none; } .slide-content { width: 50%; height: 100%; background-color: #2E3681; border-radius: 40px 0px 0px 40px; color: #fff; padding: 36px 60px; text-align: left; box-sizing: border-box; position: relative; z-index: 2; } .slide-title { font-style: normal; font-weight: 600; font-size: 30px; line-height: 130%; margin-bottom: 15px; } .slide-discount { background-color: #4577E7; border-radius: 20px 20px 20px 0px; display: table; padding: 0 25px; font-weight: 500; font-size: 60px; line-height: 128%; position: relative; } .slide-discount small { position: absolute; font-weight: 500; font-size: 14px; line-height: 24px; top: 14px; left: 29px; } .slide-title-sub { font-weight: 500; font-size: 18px; line-height: 24px; margin-top: 15px; max-width: 280px; } .slide-button { background-color: #4577E7; border-radius: 6px; padding: 12px 24px; display: table; font-weight: 600; font-size: 16px; line-height: 100%; margin-top: 30px; text-align: center; } .slide-button:hover { opacity: .8; } .swiper:not(.swiper-initialized) .swiper-wrapper { display: flex; overflow: hidden; } .swiper:not(.swiper-initialized) .swiper-wrapper .slide { width: 100%; flex: none; } .section-slider--mini .swiper:not(.swiper-initialized) .swiper-wrapper .slide { width: calc(100% / 3); } @media (max-width: 1239px) { .slide-title { font-size: 20px; } .slide-discount { font-size: 50px; } .slide-discount small { top: 11px; left: 27px; } .slide-title-sub { font-size: 16px; line-height: 130%; } .slide { height: 310px; } .slide.slide--mini .slide-title-sub { font-size: 14px; } .slide-button.slide-button--date { font-size: 14px; padding: 12px 12px; } } .slick-prev, .slick-next, .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.1); background-color: #ffffff; background-repeat: no-repeat; background-position: center; font-size: 0; z-index: 3; border: none; } .slick-prev, .swiper-button-prev { left: -22px; background-image: url(/icons/left.svg); } .slick-next, .swiper-button-next { right: -22px; background-image: url(/icons/right.svg); } @media (max-width: 1700px) { .slick-prev, .swiper-button-prev { left: 0px; } .slick-next, .swiper-button-next { right: 0px; } } .slick-arrow.slick-disabled { display: none !important; } .section-block.container, .section-block { margin-top: 80px; } .section-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .section-title { font-weight: 600; font-size: 30px; line-height: 130%; } .section-link { position: relative; font-weight: 600; font-size: 18px; line-height: 130%; text-decoration: none; padding-right: 24px; white-space: nowrap; } .section-link:after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 24px; height: 24px; background: url(/icons/right.svg) center right no-repeat; } .section-link:hover { text-decoration: none; } .product-header { display: flex; justify-content: space-between; } .product-brand { box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15); border-radius: 8px; width: 100px; height: 67px; margin-top: 8px; padding: 8px; } .products-tabs { border-bottom: 2px solid #DEDEE3; font-size: 16px; line-height: 100%; } .products-tabs__item { font-weight: 600; font-size: 16px; line-height: 100%; color: #707070; padding-bottom: 11px; display: inline-block; position: relative; } .products-tabs__item:not(:last-child) { margin-right: 26px; } .products-tabs__item.is-active:after { content: ''; position: absolute; left: 0; bottom: -3px; height: 4px; border-radius: 2px; background: #4577E7; width: 100%; } .products-tabs__item:hover { text-decoration: none; } .products-tabs__item.is-active { cursor: default; } .products-tabs__item.is-active:hover { color: #707070; } .products-tabs__item:not(.is-active):hover { color: #4577E7; } .product-new-list .product { width: calc(100% / 2 - 15px); margin: 0 7.5px 15px; } .tabs-category { font-weight: 600; font-size: 30px; line-height: 130%; margin-top: 50px; } .tabs.slider-tabs.slider-category--category { margin-top: 20px; position: relative; } .slider-category--category .tabs__content { display: block; visibility: hidden; opacity: 0; position: absolute; width: 100%; top: 0; z-index: -10; } .slider-category--category .tabs__content.is-active { position: static; opacity: 1; visibility: visible; } .slider-category--category .tabs__caption { border: none; margin-bottom: 20px; } .slider-category--category .tabs__caption li { background: #DEDEE3; border-radius: 36px; padding: 12px 24px; font-weight: 600; font-size: 16px; line-height: 100%; margin-right: 15px; } .slider-category--category .tabs__caption li.is-active:after { display: none; } .slider-category--category .tabs__caption li.is-active { background: #4577E7; color: #fff; } @media (min-width: 768px) { .product-new-list .product { width: calc(100% / 3 - 15px); } } @media (min-width: 1024px) { .product-new-list .product { width: calc(100% / 4 - 15px); } } @media (min-width: 1240px) { .product-new-list .product { width: calc(100% / 5 - 15px); } } @media (min-width: 1400px) { .product-new-list .product { width: calc(100% / 6 - 15px); } } .product-new-list { margin-top: 50px; margin-left: -7.5px; margin-right: -7.5px; } #wrapper { padding-bottom: 80px; } .pagination { margin: 50px 0 0; display: flex; align-items: center; justify-content: center; } .pagination-prev, .pagination-next, .pagination-item { width: 30px; height: 30px; border-radius: 6px; margin: 0 7.5px; display: flex; align-items: center; justify-content: center; color: #707070; } .pagination-prev svg, .pagination-next svg { width: 8px; height: 12px; stroke: #707070; } .pagination-prev svg { transform: rotate(-180deg); } .pagination-item.is-current { background: #4577E7; color: #fff; } .pagination-item:hover { text-decoration: none; } .chat-wrap { position: fixed; z-index: 9999; right: 1vh; bottom: 1vh; transition: all .2s ease-in; } .chat-list { display: none; flex-direction: column; align-items: center; border-radius: 6px; background: #FFF; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.12); padding: 16px 5px 13px; width: 56px; transition: all .2s ease-in; } .chat-show { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.12)); transition: all .2s ease-in; background-color: #ffffff } .chat-show .chat-show__icon { width: 29px; height: 19px; } .chat-wrap.chat-wrap--open .chat-show { display: none; } .chat-wrap.chat-wrap--open .chat-list { display: flex; } .chat-item { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; } .chat-item:not(:last-child) { margin-bottom: 16px; } .chat-item:first-child { margin-bottom: 10px; } .chat-item__icon { width: 30px; height: 30px; } .chat-item__icon.is-whatsapp { background: url("/local/templates/main/css/../icons/live-chat-whatsapp.svg") no-repeat center; } .chat-item__icon.is-telegram { background: url("/local/templates/main/css/../icons/live-chat-telegram.svg") no-repeat center; } .swiper-overflow { overflow: hidden; } .swiper-relative { position: relative; } .footer-panel { display: flex; align-items: center; justify-content: space-between; padding: 12px 17px; border-radius: 12px 12px 0px 0px; background: #FFF; box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.15); position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; } .footer-panel-item { display: flex; flex-direction: column; align-items: center; text-decoration: none!important; } .footer-panel-item:not(:last-child) { margin-right: 15px; } .footer-panel-item__icon { display: flex; align-items: center; justify-content: center; position: relative; width: 20px; height: 20px; } .footer-panel-item__counter-label { position: absolute; background-color: #457be3; border-radius: 20px; right: 10px; top: -4px; display: inline-flex; align-items: center; justify-content: center; font-weight: bold; color: #fff; width: 14px; height: 14px; font-size: 10px; } .footer-panel-item__icon .icon { width: 20px; height: 20px; fill: #1E1E24; } .footer-panel-item__icon .fill-stroke { stroke: #1E1E24; } .footer-panel-item__icon .no-fill { fill: none; stroke: #1E1E24; } .footer-panel-item__text { color:#1E1E24; font-size: 10px; font-weight: 400; line-height: 130%; margin-top: 2px; } .footer-panel-item.is-active .footer-panel-item__text { color: #4577E7; } .footer-panel-item.is-active .footer-panel-item__icon .icon { fill: #4577E7; } .footer-panel-item.is-active .footer-panel-item__icon .fill-stroke { stroke: #4577E7; } .footer-panel-item.is-active .footer-panel-item__icon .no-fill { fill: none; stroke: #4577E7; } @media (max-width: 767px) { .chat-wrap { right: 16px; bottom: 79px; } .section-block.container, .section-block { margin-top: 50px; } .section-title { font-size: 22px; line-height: 130%; } .section-link { font-size: 16px; line-height: 130%; padding-right: 15px; } .section-categories .section-link { display: none; } .section-slider.slider-wrap.container { margin-top: 0; padding: 0 0 12px; } .slide { border-radius: 0; height: 240px; } .slide-content { border-radius: 0; padding: 21px 88px 24px 16px; width: 100%; z-index: 1; position: relative; } .slide-title { font-size: 22px; line-height: 130%; margin-bottom: 12px; } .slide-discount { font-size: 30px; line-height: 100%; padding: 8px 16px; border-radius: 12px 12px 12px 0px; } .slide-discount small { font-size: 8px; line-height: 8px; left: 17px; top: 13px; } .slide-title-sub { margin-top: 12px; font-size: 14px; line-height: 140%; } .slide-button { margin-top: 16px; } .section-slider.section-slider--mini.slider-wrap.container { margin-top: 24px; } .container { padding-left: 16px; padding-right: 16px; } .slide .cover { clip-path: circle(50% at 50% 50%); z-index: 5; width: 264px; height: 264px; right: -132px; top: 50%; transform: translateY(-50%); } .section-slider--mini .slide { width: 300px; } .section-slider--mini .swiper:not(.swiper-initialized) .swiper-wrapper .slide { width: 300px; margin-right: 16px; } .section-slider { overflow: hidden; } .section-slider--mini .swiper { padding-left: 16px; padding-right: 16px; } .slide.slide--mini { height: 125px; border-radius: 16px; } .section-slider--mini { padding-left: 0 !important; padding-right: 0 !important; } .slide.slide--mini .slide-content { border-radius: 16px 0px 0px 16px; width: 50%; padding: 16px 16px 0; } .slide.slide--mini .cover { width: 50%; clip-path: none; height: 100%; right: 0; } .slide.slide--mini .slide-title { font-size: 17px; } .slide-mini-image { height: 52px; } .slide-mini-image img { max-height: 100%; } .slide.slide--mini .slide-title-sub { font-size: 9px; } /*.section-slider.slider-wrap.container { padding-bottom: 0; }*/ .slider:not(.swiper-wrapper) { padding-bottom: 20px; overflow: hidden; } .slick-dots, .swiper-pagination { bottom: -14px; width: 100%; text-align: center; white-space: nowrap; overflow: hidden; } .section-slider--mini .slick-list { width: 90vw; max-width: 316px; overflow: visible; } .slide-old-price { font-size: 10px; } .slide-button.slide-button--discount { bottom: 12px; padding: 4px 12px; font-size: 14px; border-radius: 6px; } .slide-button.slide-button--date { font-size: 12px; padding: 4px 8px; border-radius: 6px 0px 0px 6px; bottom: 12px; width: calc(100% - 30px); left: 16px; } .slide-old-price { font-size: 10px; } .slide-button.slide-button--discount { bottom: 12px; padding: 4px 12px; font-size: 14px; border-radius: 6px; } .slide-button.slide-button--date { font-size: 12px; padding: 4px 8px; border-radius: 6px 0px 0px 6px; bottom: 12px; width: calc(100% - 30px); left: 16px; } .categories-slider .slick-track { width: 100% !important; display: flex; flex-wrap: wrap; transform: none !important; margin-bottom: -12px; } .categories-slider .slick-slide { width: calc(100% / 3) !important; padding: 0 6px; margin-bottom: 12px; } .categories-slide { border-radius: 8px; /*height: 124px;*/ height: auto; padding: 8px; } .categories-slide__image { width: auto; height: auto; margin-top: 8px; } .categories-slide__title { font-size: 13px; line-height: 130%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; max-height: 34px; } .categories-slider .slick-slide:nth-child(n + 7) { display: none; } .section-button { margin-top: 3px; width: 100%; text-align: center; display: inline-block; font-weight: 600; font-size: 16px; line-height: 130%; color: #4577E7; border: 1px solid #4577E7; border-radius: 6px; padding: 8px 24px; } .card-carousel__item { padding: 0 8px !important; } .card-carousel .product { max-width: 140px !important; border: none; } .firstLoad .card-carousel .product{ min-width: 140px; } .product-container .slider { width: 100%; height: 240px !important; } .product-container .indicator { height: 2px !important; } .product-container .section1 { margin: 4px 2px !important; } .product .product-content { padding: 8px 0 0; height: auto; flex: 1 1 auto !important; padding: 10px; } .product-title { -webkit-line-clamp: 4; line-clamp: 4; max-height: 72px; font-size: 14px; line-height: 130%; } .product-country { padding: 0; display: block; } .product-quantity { margin-top: 8px; } .product-price-wrap { padding: 0; margin-top: 10px; } .product-footer { padding: 0; } .hits-carousel { margin: 0 -16px !important; overflow: hidden; padding-bottom: 23px !important; } .hits-carousel .slick-list { overflow: visible; padding: 0 8px; width: 343px; } .product:hover { box-shadow: none !important; } #wrapper { padding-bottom: 50px; } .bread-crumbs + h1 { margin-top: 0; } .title-h1 { font-weight: 600; font-size: 28px; line-height: 130%; margin-bottom: 12px; } .bread-crumbs { padding-top: 16px; } .products-filter__item { font-size: 14px; line-height: 100%; margin-right: 12px; margin-bottom: 12px; padding: 8px 37px 8px 16px; } .products-filter__remove { width: 30px; right: 12px; } .products-filter__remove:before, .products-filter__remove:after { width: 12px; top: 15px; } .products-filter { margin-right: -12px; margin-bottom: -12px; } .product-new-list { margin-top: 25px; margin-left: -16px; margin-right: -16px; } .product-new-list .product { padding: 8px 8px 16px; width: 50%; margin: 0; outline: 1px solid #DEDEE3; border-radius: 0; position: relative; } .product-new-list .product-container .slider { height: 166px !important; } .product-new-list .product-favorite { position: absolute; top: 7px; right: 8px; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; z-index: 5; } .product-new-list .product-favorite svg { width: 20px; height: 20px; } .product-new-list .product-title { font-size: 14px; line-height: 127%; } .product-new-list .product-price { font-weight: 500; font-size: 19px; line-height: 120%; } .product-new-list .product-price-wrap { margin-top: 6px; } .product-new-list .product-footer { margin-top: 11px; } .product-new-list .product-to-basket { height: 40px; padding: 11px 23px; font-size: 16px; line-height: 100%; } .pagination { margin-top: 24px; } .product-brand { display: none; } .tabs-category { margin-top: 20px; font-size: 22px; line-height: 130%; } .tabs.slider-tabs.slider-category--category { margin-top: 16px; } .slider-category--category .tabs__caption li { padding: 8px 16px; font-size: 14px; line-height: 100%; margin-right: 8px; } .page-search .product .product-content { padding: 8px; } } /* End */ /* Start:/local/templates/main/fonts/font-awesome-4.7.0/css/font-awesome.css?156649533037414*/ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('/local/templates/main/fonts/font-awesome-4.7.0/css/../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('/local/templates/main/fonts/font-awesome-4.7.0/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/local/templates/main/fonts/font-awesome-4.7.0/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/local/templates/main/fonts/font-awesome-4.7.0/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/local/templates/main/fonts/font-awesome-4.7.0/css/../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/local/templates/main/fonts/font-awesome-4.7.0/css/../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* End */ /* Start:/local/templates/main/js/city/style.css?17036561211899*/ .dis-body .popup.popup-city { width: 640px; padding-top: 34px !important; } .popup-cl { width: 18px; height: 18px; top: 19px; right: 20px; } .popup-city .popup-title { text-align: left; font-size: 20px; line-height: 24px; margin-bottom: 19px; } .city-search__input { width: 100%; height: 56px; border-radius: 5px; border: none; padding: 0 40px 0 53px; background: #F1F3F7 url(/local/templates/main/js/city/../../images/search.svg) center left 22px no-repeat; } .popup-city .city-list { width: 100%; -moz-column-count: 3; -moz-column-gap: 30px; -webkit-column-count: 3; -webkit-column-gap: 30px; column-count: 3; column-gap: 39px; margin-bottom: -15px; margin-top: 26px; } .popup-city .city-list li { margin-bottom: 0; } .popup-city .city-list li a { font-size: 16px; line-height: 16px; color: #0E6EC3; margin-bottom: 14px; display: inline-block; } @media (max-width: 767px) { .dis-body .popup.popup-city { padding-top: 16px !important; } .popup-cl { right: 15px; width: 18px; height: 18px; } .popup-city .popup-title { font-size: 16px; line-height: 24px; margin-bottom: 16px; } .city-search__input { height: 38px; padding-left: 42px; background-position: center left 13px; } .popup-city .city-list { -moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2; column-gap: 11px; margin-top: 22px; margin-bottom: -32px; } .popup-city .city-list li a { font-size: 14px; line-height: 16px; margin-bottom: 14px; } } /* End */ /* Start:/local/templates/main/css/fixes.css?17488438633465*/ .product-container .slider { height: 240px; display: flex; position: relative; padding: 0 20px; } .product-container .slider img { position: absolute; width: calc(100%); height: 240px; max-height: 240px; object-fit: contain; z-index: 1; transition: 1s; left: 0; } @media (min-width: 760px) { .product-container .slider { height: 256px; } .product-container .slider img { max-height: 100%; } } .product-container .section1 { flex-grow: 1; margin: 0 3px; display: flex; align-items: flex-end; z-index: 2; } .product-container .indicator { width: 100%; height: 3px; transition: 0.3s; border-radius: 3px; background: #DEDEE3; } .product-container .indicator_full { background: #4577E7; } .product-container .hid { opacity: 0; } .product { cursor: default !important; } .product-props-item { color: #a3a3a3; } .product-props__name { color: #000; } .product-price-sale.sm-hidden { color: #a3a3a3; text-decoration-color: red; } .product-discont { background: red; padding: 5px; display: inline-block; color: #fff; line-height: 1; font-size: 14px; margin-left: 10px; } .product .product-content { display: flex; flex-direction: column; align-content: stretch; align-items: flex-start; justify-content: flex-start; flex: 1 1 auto; } /*.product-content { display: block !important; flex-direction: unset !important; align-content: unset !important; align-items: unset !important; justify-content: unset !important; flex: unset !important; }*/ .product-container { height: 100%; flex-direction: column; display: flex; } .firstLoad .product-container { min-width: 256px; } .product-mobile-wrap { margin-top: auto; width: 100%; } @media (max-width: 767px) { .product-mobile-wrap { flex-direction: column; align-items: stretch; } .price_block { width: 100%; } } .section { border-radius: 16px !important; } @media (max-width: 767.99px) { .section { margin: 0 20px 20px 0; width: calc(50% - 10px); } .section:nth-child(2n) { margin-right: 0; } } .section-prev { opacity: unset !important; visibility: unset !important; position: unset !important; top: unset !important; left: unset !important; width: unset !important; border: 0 !important; padding: 0 !important; } .section-prev:after { content: none !important; } .section-prev-img { overflow: unset !important; width: auto !important; padding-right: unset !important; } .section .section-prev { transform: unset !important; -webkit-transform: unset !important; -webkit-transform-origin: unset !important; -webkit-transform-style: unset !important; justify-content: center; } .section-slider .slider .slide { height: unset !important; aspect-ratio: 3.4 / 1; } .section-slider .slider .slide .cover { right: unset !important; clip-path: unset !important; height: 100% !important; } @media (max-width: 768px) { .section-slider .slider .slide { /*height: unset !important;*/ aspect-ratio: 1.9948 / 1; } } @media (min-width: 768.01px) and (max-width: 1024px) { .section-slider .slider .slide { /*height: unset !important;*/ aspect-ratio: 2 / 1; } } /* End */ /* Start:/local/templates/main/css/libcss/slick.css?17036561211729*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/main/js_dev/disAjaxWin/styles.css?17036561216143*/ .disAjaxWinOverlay { display: none; left: 0; right: 0; top: 0; bottom: 0; z-index: 9500; position: fixed; overflow-x: auto; overflow-y: scroll; } .disAjaxWin-lock { overflow:hidden !important; position: fixed !important; width: 100% !important; } .disAjaxWin_wrap { display: none; width:auto; height:auto; z-index: 9500; padding: 10px; position: absolute; } .disAjaxWin { border:0px solid #97afcd; border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.4); box-shadow:0px 2px 3px rgba(0, 0, 0, 0.4); } .disAjaxWin div.dis-TL { background: url("/local/templates/main/js_dev/disAjaxWin/images/coners_L.png") no-repeat scroll 0 0 transparent; padding-left: 6px; position: relative; } .disAjaxWin div.dis-TR { background: url("/local/templates/main/js_dev/disAjaxWin/images/coners_R.png") no-repeat scroll right 0 transparent; padding-right: 6px; position: relative; } .disAjaxWin div.dis-TC { background: url("/local/templates/main/js_dev/disAjaxWin/images/TB.png") repeat-x scroll 0 0 transparent; font-size: 0; line-height: 0; overflow: hidden; position: relative; padding: 1px 0 4px 0; } .disAjaxWin div.dis-TC div.dis-btnClose { background: url("/local/templates/main/js_dev/disAjaxWin/images/btn_close.png") 0 0 transparent no-repeat; cursor: pointer; float: right; height: 15px; margin-left: 2px; margin-top: 4px; overflow: hidden; position: relative; width: 15px; } .disAjaxWin div.dis-TC div.dis-btnClose-hover { background-position:0 -15px; } .disAjaxWin div.dis-TC div.dis-title { margin:3px 0 0 0; color: #15428B; cursor: default; font: bold 11px Arial; vertical-align: 3px; } /*.disAjaxWin div.dis-TL:hover, .disAjaxWin div.dis-TR:hover, .disAjaxWin div.dis-TC:hover, .disAjaxWin div.dis-TC div.dis-title:hover { cursor:move; }*/ .disAjaxWin div.dis-CL { background: url("/local/templates/main/js_dev/disAjaxWin/images/LR.png") repeat-y scroll 0 0 transparent; padding-left: 6px; } .disAjaxWin div.dis-CR { background: url("/local/templates/main/js_dev/disAjaxWin/images/LR.png") repeat-y scroll right 0 transparent; padding-right: 6px; } .disAjaxWin div.dis-CC { background: #CAD9EC; border-color: #A3BAE9 #DFE8F6 #DFE8F6 #A3BAE9; border-style: solid; border-width: 1px; } .disAjaxWin div.dis-CC div.dis-body { border-color: #DFE8F6 #A3BAE9 #A3BAE9 #DFE8F6; border-style: solid; border-width: 1px; padding: 3px; color:#000; } .disAjaxWin div.dis-BL { background: url("/local/templates/main/js_dev/disAjaxWin/images/coners_L.png") no-repeat scroll 0 bottom transparent; padding-left: 6px; } .disAjaxWin div.dis-BR { background: url("/local/templates/main/js_dev/disAjaxWin/images/coners_R.png") no-repeat scroll right bottom transparent; padding-right: 6px; } .disAjaxWin div.dis-BC { background: url("/local/templates/main/js_dev/disAjaxWin/images/TB.png") repeat-x scroll 0 bottom transparent; font-size: 0; line-height: 0; overflow: hidden; height:6px; } #disAjaxWin { font:normal 12px Arial; } .disAjaxWin div.dis-CC div.dis-body .disTitle { display:none; } body div#disAjax_indicator { bottom: 0; display: none; left: 0; opacity: 0.7; position: fixed; right: 0; top: 0; z-index: 9999; } body div#disAjax_indicator div { background: url("/local/templates/main/js_dev/disAjaxWin/images/ajax-loader.gif") center center black no-repeat; border-radius: 10px; height: 100px; left: 50%; margin-left: -50px; margin-top: -50px; position: absolute; top: 50%; width: 100px; } body.loading div#disAjax_indicator { display: block; } .disAjaxWinShadow { display: none; width:100%; height:100%; top:0; left:0; z-index: 9500; background-color:#000; position: fixed; } /* Стиль clear */ .disAjaxWin_wrap.clear_disAjaxWin { padding: 40px; } .clear_disAjaxWin .disAjaxWin { border: none; background: transparent; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .clear_disAjaxWin div.dis-TL { background:none; padding-left: 0; } .clear_disAjaxWin div.dis-TR { background:none; padding-right: 0; } .clear_disAjaxWin div.dis-TC { overflow:visible; background:none; padding:0; } .clear_disAjaxWin div.dis-TC div.dis-btnClose { display:block; position: fixed; float:none; width: 36px; height: 36px; text-align: center; right: 25px; top: 10px; background: rgba(0,0,0,.2); margin:0; padding:0; z-index: 2000; } @media (max-width: 950px) { .clear_disAjaxWin div.dis-TC div.dis-btnClose { right: 5px; top: 5px; } } @media (max-width: 580px) { .disAjaxWin_wrap.clear_disAjaxWin { padding: 10px; } .clear_disAjaxWin div.dis-TC div.dis-btnClose { right: 0; top: 0; } } @media (max-width: 480px) { .disAjaxWin_wrap.clear_disAjaxWin { padding: 5px; } } .clear_disAjaxWin div.dis-TC div.dis-btnClose:after { display: block; margin-top: 5px; content: "×"; color: #fff; font-size: 40px; line-height: 27px; } .clear_disAjaxWin div.dis-TC div.dis-btnClose-hover { background-position: 100% 0; } .clear_disAjaxWin div.dis-TC div.dis-title { display: none; margin: 0 40px; padding: 30px 0 30px; color: #313131; font-size: 30px; font-family: Arial; line-height: 1.4; font-weight: bold; } .clear_disAjaxWin div.dis-CL { background: none; padding-left: 0; } .clear_disAjaxWin div.dis-CR { background:none; padding-right:0; } .clear_disAjaxWin div.dis-CC { background: none; border-color: #fff; border-style: solid; border-width: 0px; } .clear_disAjaxWin div.dis-CC div.dis-body { background: none; border-style: solid; border-width: 0; padding: 0; color: #2b2b2b; } .clear_disAjaxWin div.dis-CC div.dis-footer { padding:10px; margin:10px -20px -20px -20px; background:#F0F0EF; border-radius:0 0 4px 4px; } .clear_disAjaxWin div.dis-BL { background: none; padding-left: 0; } .clear_disAjaxWin div.dis-BR { background:none; padding-right:0; } .clear_disAjaxWin div.dis-BC { background:none; height:0; } .clear_disAjaxWinShadow { background:none; cursor:pointer; } .clear_disAjaxWinShadow { background-color: #0E6EC3; } /* End */ /* Start:/local/templates/main/js_dev/disAjax/styles.css?1703656121464*/ body div#disAjax_indicator { bottom: 0; display: none; left: 0; opacity: 0.7; position: fixed; right: 0; top: 0; z-index: 20000; } body div#disAjax_indicator div { background: url("/local/templates/main/js_dev/disAjax/images/ajax-loader.gif") center center black no-repeat; border-radius: 10px; height: 100px; left: 50%; margin-left: -50px; margin-top: -50px; position: absolute; top: 50%; width: 100px; } body.loading div#disAjax_indicator { display: block; } /* End */ /* Start:/local/templates/main/js_dev/ddText/styles.css?17036561211083*/ .ddtext { max-height: 150px; overflow: hidden; position: relative; } .ddtext.active { max-height: none !important; } .ddtext[data-init]:after { display: block; content: ""; position: absolute; bottom: 25px; left: 0; right: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff'); background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #fff); background: -o-linear-gradient(rgba(255, 255, 255, 0), #fff); background: linear-gradient(rgba(255, 255, 255, 0), #fff); height: 60%; z-index: 1; } .ddtext.active[data-init]:after { display: none; } .ddtext__action { display: block; position: absolute; bottom: 0; left: 0; right: 0; padding-top: 10px; background-color: #fff; z-index: 2; color: #848484; } .ddtext.active .ddtext__action { position: inherit; padding-top: 0; } .ddtext__action > a:before { color: #000; text-decoration: underline; content: attr(data-name-show); } .ddtext.active .ddtext__action > a:before { content: attr(data-name-hide); } /* End */ /* Start:/local/templates/main/js/tippy/light.css?1745607389691*/ .tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff} /* End */ /* Start:/local/templates/main/styles.css?1725261692290*/ .product > .product-favorite { z-index: 3; position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; } .absoluteh1 { position: absolute; top: 10px; left: 8px; } /* End */ /* Start:/local/templates/main/template_styles.css?17036561214615*/ .fancybox-wrap{ overflow: visible !important; } .pb10 { padding-bottom: 10px; } .cRed { color: #ff0000; } .cGreen { color: #00ff00; } .aCenter { text-align: center; } .category-list.v--in-page .category__item.--head .category__link { color: #0e6ec3; } .dis-body .popup { display: block !important; max-width: none; height: auto !important; overflow: visible !important; padding: 54px 40px 28px !important; } .ddtext[data-init]:after { background: -moz-linear-gradient(top, rgba(241,243,247,0) 0%, rgba(241,243,247,1) 100%); background: -webkit-linear-gradient(top, rgba(241,243,247,0) 0%,rgba(241,243,247,1) 100%); background: linear-gradient(to bottom, rgba(241,243,247,0) 0%,rgba(241,243,247,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f1f3f7', endColorstr='#f1f3f7',GradientType=0 ); } .ddtext__action a:before { display: inline-block; color: #0e6ec3; text-decoration: none !important; border-bottom: 1px dashed #0e6ec3 !important; font-size: 16px; font-weight: 300; } .ddtext__action { background-color: #f1f3f7; } #js__popup_deshevle { width: 100%; } @media (max-width: 480px) { .dis-body .popup { padding: 54px 20px 28px !important; } } @media (min-width: 481px) { #js__popup_deshevle { width: 400px; } } .dotted-link { display: inline-block; border-bottom: 1px dashed #0e6ec3; cursor: pointer; color: #0e6ec3; font-weight: 300; font-size: 16px; line-height: 20px; } .dotted-link:hover { border-bottom-color: transparent; text-decoration: none; } .card-box-subtitle { font-size: 20px; color: #000; font-weight: 700; margin: 30px 0 10px 0; } .sort-filter { width: auto; line-height: 48px; padding-left: 50px; padding-right: 15px; background-position: left 15px center; cursor: pointer; } .sort-filter:after { content: "Фильтр"; } .filter-box-close { cursor: pointer; } .calc-measures { padding-left: 10px; padding-bottom: 5px; } .calc-measures > label { display: inline-block; padding: 0 3px; cursor: pointer; } .calc-measures > label > input { display: none; } .calc-measures > label > span { color: #b6b6b6; font-size: 14px; } .calc-measures > label > input:checked ~ span { color: #0e6ec3; border-bottom-width: 1px; border-bottom-style: dashed; } #sticky-wrapper{ width: 100%; } .sticked{ right: 0; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; width: 150px !important; } .mb24{ margin-bottom: 24px; } @media (max-width: 767px) { .card-feature { display: none; } } [data-goto] { cursor: pointer; } .top_seo{ margin-left: 15px; margin-bottom: 20px; } .seo_bottom{ margin-left: 15px; margin-top: 20px; } .devel { display: flex; align-items: center; justify-content: space-between; width: 940px; max-width: 100%; margin-left: auto; margin-right: auto; } @media (max-width: 767px ) { .devel { display: block; } } .footer-development { display: flex; justify-content: space-between; width: 264px; line-height: 14px; } .footer-development .footer-name-develop { text-align: right; width: 68.4%; margin-bottom: 0; } .footer-development a { color: #ffffff; } @media (max-width: 767px) { .policy { margin-top: 20px; } .footer-top .grid__inner { padding: 36px 0 10px; } .menu-footer .menu__link { font-size: 14px; line-height: 16px; display: inline-block; margin-bottom: 17px; letter-spacing: 0; } .menu-footer .menu-list { -moz-column-count: 2; -moz-column-gap: 16px; -webkit-column-count: 2; -webkit-column-gap: 16px; column-count: 2; column-gap: 16px; } .address-footer { margin-top: 15px; } .address-footer .address__item { font-size: 16px; line-height: 19px; color: #A2D5F8; } .address-footer { display: flex; align-items: flex-start; flex-wrap: wrap; margin-bottom: 26px; } .address-footer .address__item { width: 100%; margin-bottom: 24px; } .footer--messenger__wrapper .icon, .footer-social_wrapper .icon { width: 44px; height: 44px; } .header--messenger li:not(:last-child) { margin-right: 7px; } .footer-media-col--mess { width: 53.1%; } .address-footer .address__link { font-size: 16px; line-height: 19px; letter-spacing: .1px; text-decoration: underline; text-decoration-skip-ink: none; } .address-footer .footer-media-col .address__item { margin-bottom: 0; } .footer-development { width: 300px; } .footer-development .footer-name-develop { width: 76%; text-align: left; } .footer-devel { padding-bottom: 22px; padding-top: 20px; } } /* End */ /* /local/templates/main/fonts/mulish/stylesheet.css?1712809684814 */ /* /local/templates/main/fonts/roboto/stylesheet.css?17128099731340 */ /* /local/templates/main/js/flag/flag-icon.css?170365612137180 */ /* /local/templates/main/js_libs/jqueryui/jquery-ui.min.css?170365612132082 */ /* /local/templates/main/js/fancybox/jquery.fancybox.min.css?17036561216436 */ /* /local/templates/main/css/libcss/normalize.css?17036561218053 */ /* /local/templates/main/js_dev/scrollbar/perfect-scrollbar.css?17036561211926 */ /* /local/templates/main/css/style.css?1748843863156973 */ /* /local/templates/main/css/developer.css?174884386373778 */ /* /local/templates/main/fonts/font-awesome-4.7.0/css/font-awesome.css?156649533037414 */ /* /local/templates/main/js/city/style.css?17036561211899 */ /* /local/templates/main/css/fixes.css?17488438633465 */ /* /local/templates/main/css/libcss/slick.css?17036561211729 */ /* /local/templates/main/js_dev/disAjaxWin/styles.css?17036561216143 */ /* /local/templates/main/js_dev/disAjax/styles.css?1703656121464 */ /* /local/templates/main/js_dev/ddText/styles.css?17036561211083 */ /* /local/templates/main/js/tippy/light.css?1745607389691 */ /* /local/templates/main/styles.css?1725261692290 */ /* /local/templates/main/template_styles.css?17036561214615 */