/* Start:/local/templates/primary/dist/css/vendor/font-open-sans.css?158340878122272*/
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),local('OpenSans-Semibold'),url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),local('OpenSans-Semibold'),url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),local('OpenSans-Semibold'),url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),local('OpenSans-Semibold'),url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),local('OpenSans-Semibold'),url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),local('OpenSans-Semibold'),url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),local('OpenSans-Semibold'),url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans Extrabold'),local('OpenSans-Extrabold'),url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans Extrabold'),local('OpenSans-Extrabold'),url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans Extrabold'),local('OpenSans-Extrabold'),url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hhWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans Extrabold'),local('OpenSans-Extrabold'),url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans Extrabold'),local('OpenSans-Extrabold'),url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans Extrabold'),local('OpenSans-Extrabold'),url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans Extrabold'),local('OpenSans-Extrabold'),url(https://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSansLight-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxhgVThLs8Y7ETJzDCYFCSLE.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSansLight-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxpiMaisvaUVUsYyVzOmndek.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSansLight-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxrBAWGjcah5Ky0jbCgIwDB8.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSansLight-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxv14vlcfyPYlAcQy2UfDRm4.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSansLight-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxqfJul7RR1X4poJgi27uS4w.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSansLight-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxqvyPXdneeGd26m9EmFSSWg.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSansLight-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxko2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans Semibold Italic'),local('OpenSans-SemiboldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxmgpAmOCqD37_tyH_8Ri5MM.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans Semibold Italic'),local('OpenSans-SemiboldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxsPNMTLbnS9uQzHQlYieHUU.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans Semibold Italic'),local('OpenSans-SemiboldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxgyhumQnPMBCoGYhRaNxyyY.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans Semibold Italic'),local('OpenSans-SemiboldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxhUVAXEdVvYDDqrz3aeR0Yc.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans Semibold Italic'),local('OpenSans-SemiboldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxlf4y_3s5bcYyyLIFUSWYUU.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans Semibold Italic'),local('OpenSans-SemiboldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxnywqdtBbUHn3VPgzuFrCy8.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans Semibold Italic'),local('OpenSans-SemiboldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxl2umOyRU7PgRiv8DXcgJjk.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxp6iIh_FvlUHQwED9Yt5Kbw.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxi_vZmeiCMnoWNN9rHBYaTc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxiFaMxiho_5XQnyRZzQsrZs.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxgalQocB-__pDVGhF3uS2Ks.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxmhQUTDJGru-0vvUpABgH8I.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxujkDdvhIIFj_YMdgqpnSB0.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans Extrabold Italic'),local('OpenSans-ExtraboldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxiU8QAtQT9M0M1_mbVWrUPc.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans Extrabold Italic'),local('OpenSans-ExtraboldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxkNaUOL0oYRolx8sebiIY9k.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans Extrabold Italic'),local('OpenSans-ExtraboldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxooGEx1DzoxsbCRd2IM2afI.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans Extrabold Italic'),local('OpenSans-ExtraboldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxnPzCMEhbIaaYiFY6KPniws.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans Extrabold Italic'),local('OpenSans-ExtraboldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxmqi69zMYkLa7XwlUIemKB4.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans Extrabold Italic'),local('OpenSans-ExtraboldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxowYyzpnB4tyYboSwKGmD2g.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans Extrabold Italic'),local('OpenSans-ExtraboldItalic'),url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxnibbpXgLHK_uTT48UMyjSM.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}
/* End */


/* Start:/local/templates/primary/dist/css/vendor/font-roboto.css?158340881125745*/
@font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(https://fonts.gstatic.com/s/roboto/v16/ty9dfvLAziwdqQ2dHoyjphTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(https://fonts.gstatic.com/s/roboto/v16/frNV30OaYdlFRtH2VnZZdhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(https://fonts.gstatic.com/s/roboto/v16/gwVJDERN2Amz39wrSoZ7FxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(https://fonts.gstatic.com/s/roboto/v16/aZMswpodYeVhtRvuABJWvBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(https://fonts.gstatic.com/s/roboto/v16/VvXUGKZXbHtX_S_VCTLpGhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(https://fonts.gstatic.com/s/roboto/v16/e7MeVAyvogMqFwwl61PKhBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(https://fonts.gstatic.com/s/roboto/v16/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(https://fonts.gstatic.com/s/roboto/v16/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(https://fonts.gstatic.com/s/roboto/v16/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(https://fonts.gstatic.com/s/roboto/v16/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(https://fonts.gstatic.com/s/roboto/v16/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(https://fonts.gstatic.com/s/roboto/v16/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(https://fonts.gstatic.com/s/roboto/v16/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(https://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v16/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v16/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v16/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v16/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v16/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v16/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v16/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v16/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v16/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v16/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v16/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v16/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v16/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v16/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v16/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v16/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v16/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v16/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v16/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(https://fonts.gstatic.com/s/roboto/v16/s7gftie1JANC-QmDJvMWZhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(https://fonts.gstatic.com/s/roboto/v16/3Y_xCyt7TNunMGg0Et2pnhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(https://fonts.gstatic.com/s/roboto/v16/WeQRRE07FDkIrr29oHQgHBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(https://fonts.gstatic.com/s/roboto/v16/jyIYROCkJM3gZ4KV00YXOBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(https://fonts.gstatic.com/s/roboto/v16/phsu-QZXz1JBv0PbFoPmEBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(https://fonts.gstatic.com/s/roboto/v16/9_7S_tWeGDh5Pq3u05RVkhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(https://fonts.gstatic.com/s/roboto/v16/mnpfi9pxYH-Go5UiibESIltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:100;src:local('Roboto Thin Italic'),local('Roboto-ThinItalic'),url(https://fonts.gstatic.com/s/roboto/v16/1DbO0RvWEevroPvEzA5briEAvth_LlrfE80CYdSH47w.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:100;src:local('Roboto Thin Italic'),local('Roboto-ThinItalic'),url(https://fonts.gstatic.com/s/roboto/v16/5z9jpDJQqVE5bmkRqplJfiEAvth_LlrfE80CYdSH47w.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:100;src:local('Roboto Thin Italic'),local('Roboto-ThinItalic'),url(https://fonts.gstatic.com/s/roboto/v16/cueeGLWq_s1uoQgOf76TFiEAvth_LlrfE80CYdSH47w.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:100;src:local('Roboto Thin Italic'),local('Roboto-ThinItalic'),url(https://fonts.gstatic.com/s/roboto/v16/yTs8gw1HdasCzJ-B_iUwzSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:100;src:local('Roboto Thin Italic'),local('Roboto-ThinItalic'),url(https://fonts.gstatic.com/s/roboto/v16/gLfmBATgABwy0zMVv-qqhiEAvth_LlrfE80CYdSH47w.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:100;src:local('Roboto Thin Italic'),local('Roboto-ThinItalic'),url(https://fonts.gstatic.com/s/roboto/v16/dzxs_VxZUhdM2mEBkNa8siEAvth_LlrfE80CYdSH47w.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:100;src:local('Roboto Thin Italic'),local('Roboto-ThinItalic'),url(https://fonts.gstatic.com/s/roboto/v16/12mE4jfMSBTmg-81EiS-Yfk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(https://fonts.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0atzTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(https://fonts.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0atzUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(https://fonts.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0at0bcKLIaa1LC45dFaAfauRA.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(https://fonts.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0at2o_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(https://fonts.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0at76up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(https://fonts.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0atyYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(https://fonts.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0at44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(https://fonts.gstatic.com/s/roboto/v16/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(https://fonts.gstatic.com/s/roboto/v16/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(https://fonts.gstatic.com/s/roboto/v16/1hZf02POANh32k2VkgEoUBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(https://fonts.gstatic.com/s/roboto/v16/cDKhRaXnQTOVbaoxwdOr9xTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(https://fonts.gstatic.com/s/roboto/v16/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(https://fonts.gstatic.com/s/roboto/v16/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(https://fonts.gstatic.com/s/roboto/v16/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(https://fonts.gstatic.com/s/roboto/v16/OLffGBTaF0XFOW1gnuHF0TTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(https://fonts.gstatic.com/s/roboto/v16/OLffGBTaF0XFOW1gnuHF0TUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(https://fonts.gstatic.com/s/roboto/v16/OLffGBTaF0XFOW1gnuHF0UbcKLIaa1LC45dFaAfauRA.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(https://fonts.gstatic.com/s/roboto/v16/OLffGBTaF0XFOW1gnuHF0Wo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(https://fonts.gstatic.com/s/roboto/v16/OLffGBTaF0XFOW1gnuHF0b6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(https://fonts.gstatic.com/s/roboto/v16/OLffGBTaF0XFOW1gnuHF0SYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(https://fonts.gstatic.com/s/roboto/v16/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:local('Roboto Bold Italic'),local('Roboto-BoldItalic'),url(https://fonts.gstatic.com/s/roboto/v16/t6Nd4cfPRhZP44Q5QAjcCzTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:local('Roboto Bold Italic'),local('Roboto-BoldItalic'),url(https://fonts.gstatic.com/s/roboto/v16/t6Nd4cfPRhZP44Q5QAjcCzUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:local('Roboto Bold Italic'),local('Roboto-BoldItalic'),url(https://fonts.gstatic.com/s/roboto/v16/t6Nd4cfPRhZP44Q5QAjcC0bcKLIaa1LC45dFaAfauRA.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:local('Roboto Bold Italic'),local('Roboto-BoldItalic'),url(https://fonts.gstatic.com/s/roboto/v16/t6Nd4cfPRhZP44Q5QAjcC2o_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:local('Roboto Bold Italic'),local('Roboto-BoldItalic'),url(https://fonts.gstatic.com/s/roboto/v16/t6Nd4cfPRhZP44Q5QAjcC76up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:local('Roboto Bold Italic'),local('Roboto-BoldItalic'),url(https://fonts.gstatic.com/s/roboto/v16/t6Nd4cfPRhZP44Q5QAjcCyYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:local('Roboto Bold Italic'),local('Roboto-BoldItalic'),url(https://fonts.gstatic.com/s/roboto/v16/t6Nd4cfPRhZP44Q5QAjcC44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:900;src:local('Roboto Black Italic'),local('Roboto-BlackItalic'),url(https://fonts.gstatic.com/s/roboto/v16/bmC0pGMXrhphrZJmniIZpTTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:900;src:local('Roboto Black Italic'),local('Roboto-BlackItalic'),url(https://fonts.gstatic.com/s/roboto/v16/bmC0pGMXrhphrZJmniIZpTUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:900;src:local('Roboto Black Italic'),local('Roboto-BlackItalic'),url(https://fonts.gstatic.com/s/roboto/v16/bmC0pGMXrhphrZJmniIZpUbcKLIaa1LC45dFaAfauRA.woff2) format('woff2');unicode-range:U+1F00-1FFF;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:900;src:local('Roboto Black Italic'),local('Roboto-BlackItalic'),url(https://fonts.gstatic.com/s/roboto/v16/bmC0pGMXrhphrZJmniIZpWo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');unicode-range:U+0370-03FF;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:900;src:local('Roboto Black Italic'),local('Roboto-BlackItalic'),url(https://fonts.gstatic.com/s/roboto/v16/bmC0pGMXrhphrZJmniIZpb6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:900;src:local('Roboto Black Italic'),local('Roboto-BlackItalic'),url(https://fonts.gstatic.com/s/roboto/v16/bmC0pGMXrhphrZJmniIZpSYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;font-display: swap;;font-display: swap;}@font-face{font-family:'Roboto';font-style:italic;font-weight:900;src:local('Roboto Black Italic'),local('Roboto-BlackItalic'),url(https://fonts.gstatic.com/s/roboto/v16/bmC0pGMXrhphrZJmniIZpY4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;;font-display: swap;}
/* End */


/* Start:/local/templates/primary/dist/css/vendor/font-awesome.css?158340818728929*/
@font-face{font-family:'FontAwesome';src:url('/local/templates/primary/dist/css/vendor/../../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('/local/templates/primary/dist/css/vendor/../../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('/local/templates/primary/dist/css/vendor/../../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('/local/templates/primary/dist/css/vendor/../../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('/local/templates/primary/dist/css/vendor/../../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('/local/templates/primary/dist/css/vendor/../../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;font-display: swap;}.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}.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 #eee;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}.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:#fff}.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-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"}.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/primary/dist/css/vendor/jquery.formstyler.css?153580500811091*/
@charset "UTF-8";.jq-checkbox{top:-1px;vertical-align:middle;width:16px;height:16px;margin:0 4px 0 0;border:1px solid #C3C3C3;border-radius:3px;background:#F5F5F5;background:-webkit-linear-gradient(#FFF,#E6E6E6);background:linear-gradient(#FFF,#E6E6E6);box-shadow:0 1px 1px rgba(0,0,0,0.05),inset -1px -1px #FFF,inset 1px -1px #FFF;cursor:pointer}.jq-checkbox.checked .jq-checkbox__div{width:12px;height:12px;margin:2px 0 0 2px;border-radius:2px;background:#666;box-shadow:inset 0 -3px 6px #AAA}.jq-checkbox.focused{border:1px solid #08C}.jq-checkbox.disabled{opacity:.55}.jq-radio{top:-1px;vertical-align:middle;width:16px;height:16px;margin:0 4px 0 0;border:1px solid #C3C3C3;border-radius:50%;background:#F5F5F5;background:-webkit-linear-gradient(#FFF,#E6E6E6);background:linear-gradient(#FFF,#E6E6E6);box-shadow:0 1px 1px rgba(0,0,0,0.05),inset -1px -1px #FFF,inset 1px -1px #FFF;cursor:pointer}.jq-radio.checked .jq-radio__div{width:10px;height:10px;margin:3px 0 0 3px;border-radius:50%;background:#777;box-shadow:inset 1px 1px 1px rgba(0,0,0,0.7)}.jq-radio.focused{border:1px solid #08C}.jq-radio.disabled{opacity:.55}.jq-file{width:270px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.1)}.jq-file input{height:auto;line-height:1em;cursor:pointer}.jq-file__name{overflow:hidden;box-sizing:border-box;width:100%;height:34px;padding:0 80px 0 10px;border:1px solid #CCC;border-bottom-color:#B3B3B3;border-radius:4px;background:#FFF;box-shadow:inset 1px 1px #F1F1F1;font:14px/32px Arial,sans-serif;color:#333;white-space:nowrap;text-overflow:ellipsis}.jq-file__browse{position:absolute;top:1px;right:1px;padding:0 10px;border-left:1px solid #CCC;border-radius:0 4px 4px 0;background:#F5F5F5;background:-webkit-linear-gradient(#FFF,#E6E6E6);background:linear-gradient(#FFF,#E6E6E6);box-shadow:inset 1px -1px #F1F1F1,inset -1px 0 #F1F1F1,0 1px 2px rgba(0,0,0,0.1);font:14px/32px Arial,sans-serif;color:#333;text-shadow:1px 1px #FFF}.jq-file:hover .jq-file__browse{background:#E6E6E6;background:-webkit-linear-gradient(#F6F6F6,#E6E6E6);background:linear-gradient(#F6F6F6,#E6E6E6)}.jq-file:active .jq-file__browse{background:#F5F5F5;box-shadow:inset 1px 1px 3px #DDD}.jq-file.focused .jq-file__name{border:1px solid #5794BF}.jq-file.disabled,.jq-file.disabled .jq-file__name,.jq-file.disabled .jq-file__browse{border-color:#CCC;background:#F5F5F5;box-shadow:none;color:#888}.jq-number{position:relative;display:inline-block;vertical-align:middle;padding:0 36px 0 0}.jq-number__field{width:100px;border:1px solid #CCC;border-bottom-color:#B3B3B3;border-radius:4px;box-shadow:inset 1px 1px #F1F1F1,0 1px 2px rgba(0,0,0,0.1)}.jq-number__field:hover{border-color:#B3B3B3}.jq-number__field input{box-sizing:border-box;width:100%;padding:8px 9px;border:none;outline:none;background:none;font:14px Arial,sans-serif;color:#333;text-align:left;-moz-appearance:textfield}.jq-number__field input::-webkit-inner-spin-button,.jq-number__field input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.jq-number__spin{position:absolute;top:0;right:0;width:32px;height:14px;border:1px solid #CCC;border-bottom-color:#B3B3B3;border-radius:4px;background:#F5F5F5;background:-webkit-linear-gradient(#FFF,#E6E6E6);background:linear-gradient(#FFF,#E6E6E6);box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 1px -1px #F1F1F1,inset -1px 0 #F1F1F1,0 1px 2px rgba(0,0,0,0.1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-shadow:1px 1px #FFF;cursor:pointer}.jq-number__spin.minus{top:auto;bottom:0}.jq-number__spin:hover{background:#E6E6E6;background:-webkit-linear-gradient(#F6F6F6,#E6E6E6);background:linear-gradient(#F6F6F6,#E6E6E6)}.jq-number__spin:active{background:#F5F5F5;box-shadow:inset 1px 1px 3px #DDD}.jq-number__spin:after{content:'';position:absolute;top:4px;left:11px;width:0;height:0;border-right:5px solid transparent;border-bottom:5px solid #999;border-left:5px solid transparent}.jq-number__spin.minus:after{top:5px;border-top:5px solid #999;border-right:5px solid transparent;border-bottom:none;border-left:5px solid transparent}.jq-number__spin.minus:hover:after{border-top-color:#000}.jq-number__spin.plus:hover:after{border-bottom-color:#000}.jq-number.focused .jq-number__field{border:1px solid #5794BF}.jq-number.disabled .jq-number__field,.jq-number.disabled .jq-number__spin{border-color:#CCC;background:#F5F5F5;box-shadow:none;color:#888}.jq-number.disabled .jq-number__spin:after{border-bottom-color:#AAA}.jq-number.disabled .jq-number__spin.minus:after{border-top-color:#AAA}.jq-selectbox{vertical-align:middle;cursor:pointer}.jq-selectbox__select{height:32px;padding:0 45px 0 10px;border:1px solid #CCC;border-bottom-color:#B3B3B3;border-radius:4px;background:#F5F5F5;background:-webkit-linear-gradient(#FFF,#E6E6E6);background:linear-gradient(#FFF,#E6E6E6);box-shadow:inset 1px -1px #F1F1F1,inset -1px 0 #F1F1F1,0 1px 2px rgba(0,0,0,0.1);font:14px/32px Arial,sans-serif;color:#333;text-shadow:1px 1px #FFF}.jq-selectbox__select:hover{background:#E6E6E6;background:-webkit-linear-gradient(#F6F6F6,#E6E6E6);background:linear-gradient(#F6F6F6,#E6E6E6)}.jq-selectbox__select:active{background:#F5F5F5;box-shadow:inset 1px 1px 3px #DDD}.jq-selectbox.focused .jq-selectbox__select{border:1px solid #5794BF}.jq-selectbox.disabled .jq-selectbox__select{border-color:#CCC;background:#F5F5F5;box-shadow:none;color:#888}.jq-selectbox__select-text{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.jq-selectbox .placeholder{color:#888}.jq-selectbox__trigger{position:absolute;top:0;right:0;width:34px;height:100%;border-left:1px solid #CCC}.jq-selectbox__trigger-arrow{position:absolute;top:14px;right:12px;width:0;height:0;border-top:5px solid #999;border-right:5px solid transparent;border-left:5px solid transparent}.jq-selectbox:hover .jq-selectbox__trigger-arrow{border-top-color:#000}.jq-selectbox.disabled .jq-selectbox__trigger-arrow{border-top-color:#AAA}.jq-selectbox__dropdown{box-sizing:border-box;width:100%;margin:2px 0 0;padding:0;border:1px solid #CCC;border-radius:4px;background:#FFF;box-shadow:0 2px 10px rgba(0,0,0,0.2);font:14px/18px Arial,sans-serif}.jq-selectbox__search{margin:5px}.jq-selectbox__search input{box-sizing:border-box;width:100%;margin:0;padding:5px 27px 6px 8px;border:1px solid #CCC;border-radius:3px;outline:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;box-shadow:inset 1px 1px #F1F1F1;color:#333;-webkit-appearance:textfield}.jq-selectbox__search input::-webkit-search-cancel-button,.jq-selectbox__search input::-webkit-search-decoration{-webkit-appearance:none}.jq-selectbox__not-found{margin:5px;padding:5px 8px 6px;background:#F0F0F0;font-size:13px}.jq-selectbox ul{margin:0;padding:0}.jq-selectbox li{min-height:18px;padding:5px 10px 6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;color:#231F20}.jq-selectbox li.selected{background-color:#A3ABB1;color:#FFF}.jq-selectbox li:hover{background-color:#08C;color:#FFF}.jq-selectbox li.disabled{color:#AAA}.jq-selectbox li.disabled:hover{background:none}.jq-selectbox li.optgroup{font-weight:bold}.jq-selectbox li.optgroup:hover{background:none;color:#231F20;cursor:default}.jq-selectbox li.option{padding-left:25px}.jq-select-multiple{box-sizing:border-box;padding:1px;border:1px solid #CCC;border-bottom-color:#B3B3B3;border-radius:4px;background:#FFF;box-shadow:inset 1px 1px #F1F1F1,0 1px 2px rgba(0,0,0,0.1);font:14px/18px Arial,sans-serif;color:#333;cursor:default}.jq-select-multiple.focused{border:1px solid #5794BF}.jq-select-multiple.disabled{border-color:#CCC;background:#F5F5F5;box-shadow:none;color:#888}.jq-select-multiple ul{margin:0;padding:0}.jq-select-multiple li{padding:3px 9px 4px;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.jq-select-multiple li:first-child{border-radius:3px 3px 0 0}.jq-select-multiple li:last-child{border-radius:0 0 3px 3px}.jq-select-multiple li.selected{background:#08C;color:#FFF}.jq-select-multiple li.disabled{color:#AAA}.jq-select-multiple.disabled li.selected,.jq-select-multiple li.selected.disabled{background:#CCC;color:#FFF}.jq-select-multiple li.optgroup{font-weight:bold}.jq-select-multiple li.option{padding-left:25px}input[type='email'].styler,input[type='password'].styler,input[type='search'].styler,input[type='tel'].styler,input[type='text'].styler,input[type='url'].styler,textarea.styler{padding:8px 9px;border:1px solid #CCC;border-bottom-color:#B3B3B3;border-radius:4px;box-shadow:inset 1px 1px #F1F1F1,0 1px 2px rgba(0,0,0,0.1);font:14px Arial,sans-serif;color:#333}input[type='search'].styler{-webkit-appearance:none}textarea.styler{overflow:auto}input[type='email'].styler:hover,input[type='password'].styler:hover,input[type='search'].styler:hover,input[type='tel'].styler:hover,input[type='text'].styler:hover,input[type='url'].styler:hover,textarea.styler:hover{border-color:#B3B3B3}input[type='email'].styler:focus,input[type='password'].styler:focus,input[type='search'].styler:focus,input[type='tel'].styler:focus,input[type='text'].styler:focus,input[type='url'].styler:focus,textarea.styler:focus{border-color:#CCC;border-top-color:#B3B3B3;outline:none;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}button.styler,input[type='button'].styler,input[type='submit'].styler,input[type='reset'].styler{overflow:visible;padding:8px 11px;border:1px solid #CCC;border-bottom-color:#B3B3B3;border-radius:4px;outline:none;background:#F5F5F5;background:-webkit-linear-gradient(#FFF,#E6E6E6);background:linear-gradient(#FFF,#E6E6E6);box-shadow:inset 1px -1px #F1F1F1,inset -1px 0 #F1F1F1,0 1px 2px rgba(0,0,0,0.1);font:14px Arial,sans-serif;color:#333;text-shadow:1px 1px #FFF;cursor:pointer}button.styler::-moz-focus-inner,input[type='button'].styler::-moz-focus-inner,input[type='submit'].styler::-moz-focus-inner,input[type='reset'].styler::-moz-focus-inner{padding:0;border:0}button.styler:not([disabled]):hover,input[type='button'].styler:not([disabled]):hover,input[type='submit'].styler:not([disabled]):hover,input[type='reset'].styler:hover{background:#E6E6E6;background:-webkit-linear-gradient(#F6F6F6,#E6E6E6);background:linear-gradient(#F6F6F6,#E6E6E6)}button.styler:not([disabled]):active,input[type='button'].styler:not([disabled]):active,input[type='submit'].styler:not([disabled]):active,input[type='reset'].styler:active{background:#F5F5F5;box-shadow:inset 1px 1px 3px #DDD}button.styler[disabled],input[type='button'].styler[disabled],input[type='submit'].styler[disabled]{border-color:#CCC;background:#F5F5F5;box-shadow:none;color:#888}
/* End */


/* Start:/local/templates/primary/dist/css/vendor/slick.css?15358050081297*/
.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/primary/dist/css/vendor/jquery.mCustomScrollbar.min.css?153580500843090*/
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside > .mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl > .mCSB_inside > .mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside + .mCSB_scrollTools{right:-26px}.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a + .mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside > .mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside > .mCSB_container{min-height:100%}.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper > .mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,.mCustomScrollBox:hover > .mCSB_scrollTools,.mCustomScrollBox:hover ~ .mCSB_scrollTools,.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/local/templates/primary/dist/css/vendor/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,0.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,0.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,0.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,0.2);box-shadow:inset 1px 0 1px rgba(0,0,0,0.5),inset -1px 0 1px rgba(255,255,255,0.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.5),inset 0 -1px 1px rgba(255,255,255,0.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);box-shadow:inset 1px 0 1px rgba(0,0,0,0.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,0.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,0.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,0.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,0.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,0.4),inset -1px 0 0 rgba(0,0,0,0.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,0.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,0.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,0.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,0.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,0.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9)}
/* End */


/* Start:/local/templates/primary/dist/css/styles.min.css?15833265631026721*/
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin");

*, *:before, *:after {
    box-sizing: inherit
}

html {
    box-sizing: border-box
}

input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

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"] {
    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
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

html, body {
    height: 100%
}

html {
    font-size: 14px
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    min-width: 320px;
    background: #FFF;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.4285em;
    color: rgba(0, 0, 0, 0.87);
    font-smoothing: antialiased
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 1.2857em;
    margin: calc(2rem - 0.14285em) 0 1rem;
    font-weight: bold;
    padding: 0
}

h1 {
    min-height: 1rem;
    font-size: 2rem
}

h2, .h2 {
    font-size: 1.714rem
}

h3 {
    font-size: 1.28rem
}

h4, .h4 {
    font-size: 1.071rem
}

h5 {
    font-size: 1rem
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
    margin-top: 0
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child {
    margin-bottom: 0
}

p {
    margin: 0 0 1em;
    line-height: 1.4285em
}

p:first-child {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

a {
    color: #4183C4;
    text-decoration: none
}

a:hover {
    color: #1e70bf;
    text-decoration: none
}

::-webkit-selection {
    background-color: #CCE2FF;
    color: rgba(0, 0, 0, 0.87)
}

::-moz-selection {
    background-color: #CCE2FF;
    color: rgba(0, 0, 0, 0.87)
}

::selection {
    background-color: #CCE2FF;
    color: rgba(0, 0, 0, 0.87)
}

textarea::-webkit-selection, input::-webkit-selection {
    background-color: rgba(100, 100, 100, 0.4);
    color: rgba(0, 0, 0, 0.87)
}

textarea::-moz-selection, input::-moz-selection {
    background-color: rgba(100, 100, 100, 0.4);
    color: rgba(0, 0, 0, 0.87)
}

textarea::selection, input::selection {
    background-color: rgba(100, 100, 100, 0.4);
    color: rgba(0, 0, 0, 0.87)
}

.ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: none;
    border: none;
    vertical-align: baseline;
    background: #E0E1E2 none;
    color: rgba(0, 0, 0, 0.6);
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin: 0 0.25em 0 0;
    padding: 0.78571429em 1.5em 0.78571429em;
    text-transform: none;
    text-shadow: none;
    font-weight: bold;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: 0.28571429rem;
    box-shadow: 0 0 0 1px transparent inset, 0px 0 0 0 rgba(34, 36, 38, 0.15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    will-change: '';
    -webkit-tap-highlight-color: transparent
}

.ui.button:hover {
    background-color: #CACBCD;
    background-image: none;
    box-shadow: 0 0 0 1px transparent inset, 0px 0 0 0 rgba(34, 36, 38, 0.15) inset;
    color: rgba(0, 0, 0, 0.8)
}

.ui.button:hover .icon {
    opacity: 0.85
}

.ui.button:focus {
    background-color: #CACBCD;
    color: rgba(0, 0, 0, 0.8);
    background-image: '' !important;
    box-shadow: '' !important
}

.ui.button:focus .icon {
    opacity: 0.85
}

.ui.button:active, .ui.active.button:active {
    background-color: #BABBBC;
    background-image: '';
    color: rgba(0, 0, 0, 0.9);
    box-shadow: 0 0 0 1px transparent inset, none
}

.ui.active.button {
    background-color: #C0C1C2;
    background-image: none;
    box-shadow: 0 0 0 1px transparent inset;
    color: rgba(0, 0, 0, 0.95)
}

.ui.active.button:hover {
    background-color: #C0C1C2;
    background-image: none;
    color: rgba(0, 0, 0, 0.95)
}

.ui.active.button:active {
    background-color: #C0C1C2;
    background-image: none
}

.ui.loading.loading.loading.loading.loading.loading.button {
    position: relative;
    cursor: default;
    text-shadow: none !important;
    color: transparent !important;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all 0s linear, opacity 0.1s ease;
    transition: all 0s linear, opacity 0.1s ease
}

.ui.loading.button:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285714em 0 0 -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.15)
}

.ui.loading.button:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285714em 0 0 -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: button-spin 0.6s linear;
    animation: button-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #FFF transparent transparent;
    border-style: solid;
    border-width: 0.2em;
    box-shadow: 0 0 0 1px transparent
}

.ui.labeled.icon.loading.button .icon {
    background-color: transparent;
    box-shadow: none
}

@-webkit-keyframes button-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes button-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.basic.loading.button:not(.inverted):before {
    border-color: rgba(0, 0, 0, 0.1)
}

.ui.basic.loading.button:not(.inverted):after {
    border-top-color: #767676
}

.ui.buttons .disabled.button, .ui.disabled.button, .ui.button:disabled, .ui.disabled.button:hover, .ui.disabled.active.button {
    cursor: default;
    opacity: 0.45 !important;
    background-image: none !important;
    box-shadow: none !important;
    pointer-events: none !important
}

.ui.basic.buttons .ui.disabled.button {
    border-color: rgba(34, 36, 38, 0.5)
}

.ui.animated.button {
    position: relative;
    overflow: hidden;
    padding-right: 0 !important;
    vertical-align: middle;
    z-index: 1
}

.ui.animated.button .content {
    will-change: transform, opacity
}

.ui.animated.button .visible.content {
    position: relative;
    margin-right: 1.5em
}

.ui.animated.button .hidden.content {
    position: absolute;
    width: 100%
}

.ui.animated.button .visible.content, .ui.animated.button .hidden.content {
    -webkit-transition: right 0.3s ease 0s;
    transition: right 0.3s ease 0s
}

.ui.animated.button .visible.content {
    left: auto;
    right: 0
}

.ui.animated.button .hidden.content {
    top: 50%;
    left: auto;
    right: -100%;
    margin-top: -0.5em
}

.ui.animated.button:focus .visible.content, .ui.animated.button:hover .visible.content {
    left: auto;
    right: 200%
}

.ui.animated.button:focus .hidden.content, .ui.animated.button:hover .hidden.content {
    left: auto;
    right: 0
}

.ui.vertical.animated.button .visible.content, .ui.vertical.animated.button .hidden.content {
    -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease;
    transition: top 0.3s ease, -webkit-transform 0.3s ease;
    transition: top 0.3s ease, transform 0.3s ease;
    transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease
}

.ui.vertical.animated.button .visible.content {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    right: auto
}

.ui.vertical.animated.button .hidden.content {
    top: -50%;
    left: 0;
    right: auto
}

.ui.vertical.animated.button:focus .visible.content, .ui.vertical.animated.button:hover .visible.content {
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    right: auto
}

.ui.vertical.animated.button:focus .hidden.content, .ui.vertical.animated.button:hover .hidden.content {
    top: 50%;
    right: auto
}

.ui.fade.animated.button .visible.content, .ui.fade.animated.button .hidden.content {
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease
}

.ui.fade.animated.button .visible.content {
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ui.fade.animated.button .hidden.content {
    opacity: 0;
    left: 0;
    right: auto;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.ui.fade.animated.button:focus .visible.content, .ui.fade.animated.button:hover .visible.content {
    left: auto;
    right: auto;
    opacity: 0;
    -webkit-transform: scale(0.75);
    transform: scale(0.75)
}

.ui.fade.animated.button:focus .hidden.content, .ui.fade.animated.button:hover .hidden.content {
    left: 0;
    right: auto;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ui.inverted.button {
    box-shadow: 0 0 0 2px #FFF inset !important;
    background: transparent none;
    color: #FFF;
    text-shadow: none !important
}

.ui.inverted.buttons .button {
    margin: 0 0 0 -2px
}

.ui.inverted.buttons .button:first-child {
    margin-left: 0
}

.ui.inverted.vertical.buttons .button {
    margin: 0 0 -2px 0
}

.ui.inverted.vertical.buttons .button:first-child {
    margin-top: 0
}

.ui.inverted.button:hover {
    background: #FFF;
    box-shadow: 0 0 0 2px #FFF inset !important;
    color: rgba(0, 0, 0, 0.8)
}

.ui.inverted.button:focus, .ui.inverted.button.active {
    background: #FFF;
    box-shadow: 0 0 0 2px #FFF inset !important;
    color: rgba(0, 0, 0, 0.8)
}

.ui.inverted.button.active:focus {
    background: #DCDDDE;
    box-shadow: 0 0 0 2px #DCDDDE inset !important;
    color: rgba(0, 0, 0, 0.8)
}

.ui.labeled.button:not(.icon) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: none !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important
}

.ui.labeled.button > .button {
    margin: 0
}

.ui.labeled.button > .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 -1px !important;
    padding: '';
    font-size: 1em;
    border-color: rgba(34, 36, 38, 0.15)
}

.ui.labeled.button > .tag.label:before {
    width: 1.85em;
    height: 1.85em
}

.ui.labeled.button:not([class*="left labeled"]) > .button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui.labeled.button:not([class*="left labeled"]) > .label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ui[class*="left labeled"].button > .button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ui[class*="left labeled"].button > .label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui.facebook.button {
    background-color: #3B5998;
    color: #FFF;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.facebook.button:hover {
    background-color: #304d8a;
    color: #FFF;
    text-shadow: none
}

.ui.facebook.button:active {
    background-color: #2d4373;
    color: #FFF;
    text-shadow: none
}

.ui.twitter.button {
    background-color: #55ACEE;
    color: #FFF;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.twitter.button:hover {
    background-color: #35a2f4;
    color: #FFF;
    text-shadow: none
}

.ui.twitter.button:active {
    background-color: #2795e9;
    color: #FFF;
    text-shadow: none
}

.ui.google.plus.button {
    background-color: #DD4B39;
    color: #FFF;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.google.plus.button:hover {
    background-color: #e0321c;
    color: #FFF;
    text-shadow: none
}

.ui.google.plus.button:active {
    background-color: #c23321;
    color: #FFF;
    text-shadow: none
}

.ui.linkedin.button {
    background-color: #1F88BE;
    color: #FFF;
    text-shadow: none
}

.ui.linkedin.button:hover {
    background-color: #147baf;
    color: #FFF;
    text-shadow: none
}

.ui.linkedin.button:active {
    background-color: #186992;
    color: #FFF;
    text-shadow: none
}

.ui.youtube.button {
    background-color: #CC181E;
    color: #FFF;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.youtube.button:hover {
    background-color: #bd0d13;
    color: #FFF;
    text-shadow: none
}

.ui.youtube.button:active {
    background-color: #9e1317;
    color: #FFF;
    text-shadow: none
}

.ui.instagram.button {
    background-color: #49769C;
    color: #FFF;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.instagram.button:hover {
    background-color: #3d698e;
    color: #FFF;
    text-shadow: none
}

.ui.instagram.button:active {
    background-color: #395c79;
    color: #FFF;
    text-shadow: none
}

.ui.pinterest.button {
    background-color: #BD081C;
    color: #FFF;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.pinterest.button:hover {
    background-color: #ac0013;
    color: #FFF;
    text-shadow: none
}

.ui.pinterest.button:active {
    background-color: #8c0615;
    color: #FFF;
    text-shadow: none
}

.ui.vk.button {
    background-color: #4D7198;
    color: #FFF;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.vk.button:hover {
    background-color: #41648a;
    color: #FFF
}

.ui.vk.button:active {
    background-color: #3c5876;
    color: #FFF
}

.ui.button > .icon:not(.button) {
    height: 0.85714286em;
    opacity: 0.8;
    margin: 0 0.42857143em 0 -0.21428571em;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
    vertical-align: '';
    color: ''
}

.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {
    margin: 0 0.42857143em 0 -0.21428571em
}

.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {
    margin: 0 -0.21428571em 0 0.42857143em
}

.ui[class*="left floated"].buttons, .ui[class*="left floated"].button {
    float: left;
    margin-left: 0;
    margin-right: 0.25em
}

.ui[class*="right floated"].buttons, .ui[class*="right floated"].button {
    float: right;
    margin-right: 0;
    margin-left: 0.25em
}

.ui.compact.buttons .button, .ui.compact.button {
    padding: 0.58928571em 1.125em 0.58928571em
}

.ui.compact.icon.buttons .button, .ui.compact.icon.button {
    padding: 0.58928571em 0.58928571em 0.58928571em
}

.ui.compact.labeled.icon.buttons .button, .ui.compact.labeled.icon.button {
    padding: 0.58928571em 3.69642857em 0.58928571em
}

.ui.mini.buttons .button, .ui.mini.buttons .or, .ui.mini.button {
    font-size: 0.78571429rem
}

.ui.tiny.buttons .button, .ui.tiny.buttons .or, .ui.tiny.button {
    font-size: 0.85714286rem
}

.ui.small.buttons .button, .ui.small.buttons .or, .ui.small.button {
    font-size: 0.92857143rem
}

.ui.buttons .button, .ui.buttons .or, .ui.button {
    font-size: 1rem
}

.ui.large.buttons .button, .ui.large.buttons .or, .ui.large.button {
    font-size: 1.14285714rem
}

.ui.big.buttons .button, .ui.big.buttons .or, .ui.big.button {
    font-size: 1.28571429rem
}

.ui.huge.buttons .button, .ui.huge.buttons .or, .ui.huge.button {
    font-size: 1.42857143rem
}

.ui.massive.buttons .button, .ui.massive.buttons .or, .ui.massive.button {
    font-size: 1.71428571rem
}

.ui.icon.buttons .button, .ui.icon.button {
    padding: 0.78571429em 0.78571429em 0.78571429em
}

.ui.icon.buttons .button > .icon, .ui.icon.button > .icon {
    opacity: 0.9;
    margin: 0;
    vertical-align: top
}

.ui.basic.buttons .button, .ui.basic.button {
    background: transparent none !important;
    color: rgba(0, 0, 0, 0.6) !important;
    font-weight: normal;
    border-radius: 0.28571429rem;
    text-transform: none;
    text-shadow: none !important;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset
}

.ui.basic.buttons {
    box-shadow: none;
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-radius: 0.28571429rem
}

.ui.basic.buttons .button {
    border-radius: 0
}

.ui.basic.buttons .button:hover, .ui.basic.button:hover {
    background: #FFF !important;
    color: rgba(0, 0, 0, 0.8) !important;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0px 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.basic.buttons .button:focus, .ui.basic.button:focus {
    background: #FFF !important;
    color: rgba(0, 0, 0, 0.8) !important;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0px 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.basic.buttons .button:active, .ui.basic.button:active {
    background: #F8F8F8 !important;
    color: rgba(0, 0, 0, 0.9) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0 rgba(34, 36, 38, 0.15) inset
}

.ui.basic.buttons .active.button, .ui.basic.active.button {
    background: rgba(0, 0, 0, 0.05) !important;
    box-shadow: '' !important;
    color: rgba(0, 0, 0, 0.95);
    box-shadow: rgba(34, 36, 38, 0.35)
}

.ui.basic.buttons .active.button:hover, .ui.basic.active.button:hover {
    background-color: rgba(0, 0, 0, 0.05)
}

.ui.basic.buttons .button:hover {
    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0px 0 0 0 rgba(34, 36, 38, 0.15) inset inset
}

.ui.basic.buttons .button:active {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset
}

.ui.basic.buttons .active.button {
    box-shadow: rgba(34, 36, 38, 0.35) inset
}

.ui.basic.inverted.buttons .button, .ui.basic.inverted.button {
    background-color: transparent !important;
    color: #F9FAFB !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important
}

.ui.basic.inverted.buttons .button:hover, .ui.basic.inverted.button:hover {
    color: #FFF !important;
    box-shadow: 0 0 0 2px #fff inset !important
}

.ui.basic.inverted.buttons .button:focus, .ui.basic.inverted.button:focus {
    color: #FFF !important;
    box-shadow: 0 0 0 2px #fff inset !important
}

.ui.basic.inverted.buttons .button:active, .ui.basic.inverted.button:active {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #FFF !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset !important
}

.ui.basic.inverted.buttons .active.button, .ui.basic.inverted.active.button {
    background-color: rgba(255, 255, 255, 0.08);
    color: #FFF;
    text-shadow: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset
}

.ui.basic.inverted.buttons .active.button:hover, .ui.basic.inverted.active.button:hover {
    background-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 0 0 2px #fff inset !important
}

.ui.basic.buttons .button {
    border-left: 1px solid rgba(34, 36, 38, 0.15);
    box-shadow: none
}

.ui.basic.vertical.buttons .button {
    border-left: none
}

.ui.basic.vertical.buttons .button {
    border-left-width: 0;
    border-top: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.basic.vertical.buttons .button:first-child {
    border-top-width: 0
}

.ui.labeled.icon.buttons .button, .ui.labeled.icon.button {
    position: relative;
    padding-left: 4.07142857em !important;
    padding-right: 1.5em !important
}

.ui.labeled.icon.buttons > .button > .icon, .ui.labeled.icon.button > .icon {
    position: absolute;
    height: 100%;
    line-height: 1;
    border-radius: 0;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    text-align: center;
    margin: 0;
    width: 2.57142857em;
    background-color: rgba(0, 0, 0, 0.05);
    color: '';
    box-shadow: -1px 0 0 0 transparent inset
}

.ui.labeled.icon.buttons > .button > .icon, .ui.labeled.icon.button > .icon {
    top: 0;
    left: 0
}

.ui[class*="right labeled"].icon.button {
    padding-right: 4.07142857em !important;
    padding-left: 1.5em !important
}

.ui[class*="right labeled"].icon.button > .icon {
    left: auto;
    right: 0;
    border-radius: 0;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
    box-shadow: 1px 0 0 0 transparent inset
}

.ui.labeled.icon.buttons > .button > .icon:before, .ui.labeled.icon.button > .icon:before, .ui.labeled.icon.buttons > .button > .icon:after, .ui.labeled.icon.button > .icon:after {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ui.labeled.icon.buttons .button > .icon {
    border-radius: 0
}

.ui.labeled.icon.buttons .button:first-child > .icon {
    border-top-left-radius: 0.28571429rem;
    border-bottom-left-radius: 0.28571429rem
}

.ui.labeled.icon.buttons .button:last-child > .icon {
    border-top-right-radius: 0.28571429rem;
    border-bottom-right-radius: 0.28571429rem
}

.ui.vertical.labeled.icon.buttons .button:first-child > .icon {
    border-radius: 0;
    border-top-left-radius: 0.28571429rem
}

.ui.vertical.labeled.icon.buttons .button:last-child > .icon {
    border-radius: 0;
    border-bottom-left-radius: 0.28571429rem
}

.ui.fluid[class*="left labeled"].icon.button, .ui.fluid[class*="right labeled"].icon.button {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important
}

.ui.toggle.buttons .active.button, .ui.buttons .button.toggle.active, .ui.button.toggle.active {
    background-color: #21BA45 !important;
    box-shadow: none !important;
    text-shadow: none;
    color: #FFF !important
}

.ui.button.toggle.active:hover {
    background-color: #16ab39 !important;
    text-shadow: none;
    color: #FFF !important
}

.ui.circular.button {
    border-radius: 10em
}

.ui.circular.button > .icon {
    width: 1em;
    vertical-align: baseline
}

.ui.buttons .or {
    position: relative;
    width: 0.3em;
    height: 2.57142857em;
    z-index: 3
}

.ui.buttons .or:before {
    position: absolute;
    text-align: center;
    border-radius: 500rem;
    content: 'or';
    top: 50%;
    left: 50%;
    background-color: #FFF;
    text-shadow: none;
    margin-top: -0.89285714em;
    margin-left: -0.89285714em;
    width: 1.78571429em;
    height: 1.78571429em;
    line-height: 1.78571429em;
    color: rgba(0, 0, 0, 0.4);
    font-style: normal;
    font-weight: bold;
    box-shadow: 0 0 0 1px transparent inset
}

.ui.buttons .or[data-text]:before {
    content: attr(data-text)
}

.ui.fluid.buttons .or {
    width: 0 !important
}

.ui.fluid.buttons .or:after {
    display: none
}

.ui.attached.button {
    position: relative;
    display: block;
    margin: 0;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) !important
}

.ui.attached.top.button {
    border-radius: 0.28571429rem 0.28571429rem 0 0
}

.ui.attached.bottom.button {
    border-radius: 0 0 0.28571429rem 0.28571429rem
}

.ui.left.attached.button {
    display: inline-block;
    border-left: none;
    text-align: right;
    padding-right: 0.75em;
    border-radius: 0.28571429rem 0 0 0.28571429rem
}

.ui.right.attached.button {
    display: inline-block;
    text-align: left;
    padding-left: 0.75em;
    border-radius: 0 0.28571429rem 0.28571429rem 0
}

.ui.attached.buttons {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0;
    width: auto !important;
    z-index: 2;
    margin-left: -1px;
    margin-right: -1px
}

.ui.attached.buttons .button {
    margin: 0
}

.ui.attached.buttons .button:first-child {
    border-radius: 0
}

.ui.attached.buttons .button:last-child {
    border-radius: 0
}

.ui[class*="top attached"].buttons {
    margin-bottom: -1px;
    border-radius: 0.28571429rem 0.28571429rem 0 0
}

.ui[class*="top attached"].buttons .button:first-child {
    border-radius: 0.28571429rem 0 0 0
}

.ui[class*="top attached"].buttons .button:last-child {
    border-radius: 0 0.28571429rem 0 0
}

.ui[class*="bottom attached"].buttons {
    margin-top: -1px;
    border-radius: 0 0 0.28571429rem 0.28571429rem
}

.ui[class*="bottom attached"].buttons .button:first-child {
    border-radius: 0 0 0 0.28571429rem
}

.ui[class*="bottom attached"].buttons .button:last-child {
    border-radius: 0 0 0.28571429rem 0
}

.ui[class*="left attached"].buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0;
    margin-left: -1px;
    border-radius: 0 0.28571429rem 0.28571429rem 0
}

.ui[class*="left attached"].buttons .button:first-child {
    margin-left: -1px;
    border-radius: 0 0.28571429rem 0 0
}

.ui[class*="left attached"].buttons .button:last-child {
    margin-left: -1px;
    border-radius: 0 0 0.28571429rem 0
}

.ui[class*="right attached"].buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 0;
    margin-right: -1px;
    border-radius: 0.28571429rem 0 0 0.28571429rem
}

.ui[class*="right attached"].buttons .button:first-child {
    margin-left: -1px;
    border-radius: 0.28571429rem 0 0 0
}

.ui[class*="right attached"].buttons .button:last-child {
    margin-left: -1px;
    border-radius: 0 0 0 0.28571429rem
}

.ui.fluid.buttons, .ui.fluid.button {
    width: 100%
}

.ui.fluid.button {
    display: block
}

.ui.two.buttons {
    width: 100%
}

.ui.two.buttons > .button {
    width: 50%
}

.ui.three.buttons {
    width: 100%
}

.ui.three.buttons > .button {
    width: 33.333%
}

.ui.four.buttons {
    width: 100%
}

.ui.four.buttons > .button {
    width: 25%
}

.ui.five.buttons {
    width: 100%
}

.ui.five.buttons > .button {
    width: 20%
}

.ui.six.buttons {
    width: 100%
}

.ui.six.buttons > .button {
    width: 16.666%
}

.ui.seven.buttons {
    width: 100%
}

.ui.seven.buttons > .button {
    width: 14.285%
}

.ui.eight.buttons {
    width: 100%
}

.ui.eight.buttons > .button {
    width: 12.500%
}

.ui.nine.buttons {
    width: 100%
}

.ui.nine.buttons > .button {
    width: 11.11%
}

.ui.ten.buttons {
    width: 100%
}

.ui.ten.buttons > .button {
    width: 10%
}

.ui.eleven.buttons {
    width: 100%
}

.ui.eleven.buttons > .button {
    width: 9.09%
}

.ui.twelve.buttons {
    width: 100%
}

.ui.twelve.buttons > .button {
    width: 8.3333%
}

.ui.fluid.vertical.buttons, .ui.fluid.vertical.buttons > .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto
}

.ui.two.vertical.buttons > .button {
    height: 50%
}

.ui.three.vertical.buttons > .button {
    height: 33.333%
}

.ui.four.vertical.buttons > .button {
    height: 25%
}

.ui.five.vertical.buttons > .button {
    height: 20%
}

.ui.six.vertical.buttons > .button {
    height: 16.666%
}

.ui.seven.vertical.buttons > .button {
    height: 14.285%
}

.ui.eight.vertical.buttons > .button {
    height: 12.500%
}

.ui.nine.vertical.buttons > .button {
    height: 11.11%
}

.ui.ten.vertical.buttons > .button {
    height: 10%
}

.ui.eleven.vertical.buttons > .button {
    height: 9.09%
}

.ui.twelve.vertical.buttons > .button {
    height: 8.3333%
}

.ui.black.buttons .button, .ui.black.button {
    background-color: #1B1C1D;
    color: #FFF;
    text-shadow: none;
    background-image: none
}

.ui.black.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.black.buttons .button:hover, .ui.black.button:hover {
    background-color: #27292a;
    color: #FFF;
    text-shadow: none
}

.ui.black.buttons .button:focus, .ui.black.button:focus {
    background-color: #2f3032;
    color: #FFF;
    text-shadow: none
}

.ui.black.buttons .button:active, .ui.black.button:active {
    background-color: #343637;
    color: #FFF;
    text-shadow: none
}

.ui.black.buttons .active.button, .ui.black.buttons .active.button:active, .ui.black.active.button, .ui.black.button .active.button:active {
    background-color: #0f0f10;
    color: #FFF;
    text-shadow: none
}

.ui.basic.black.buttons .button, .ui.basic.black.button {
    box-shadow: 0 0 0 1px #1B1C1D inset !important;
    color: #1B1C1D !important
}

.ui.basic.black.buttons .button:hover, .ui.basic.black.button:hover {
    background: transparent !important;
    box-shadow: 0 0 0 1px #27292a inset !important;
    color: #27292a !important
}

.ui.basic.black.buttons .button:focus, .ui.basic.black.button:focus {
    background: transparent !important;
    box-shadow: 0 0 0 1px #2f3032 inset !important;
    color: #27292a !important
}

.ui.basic.black.buttons .active.button, .ui.basic.black.active.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #0f0f10 inset !important;
    color: #343637 !important
}

.ui.basic.black.buttons .button:active, .ui.basic.black.button:active {
    box-shadow: 0 0 0 1px #343637 inset !important;
    color: #343637 !important
}

.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.black.buttons .button, .ui.inverted.black.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #D4D4D5 inset !important;
    color: #FFF
}

.ui.inverted.black.buttons .button:hover, .ui.inverted.black.button:hover, .ui.inverted.black.buttons .button:focus, .ui.inverted.black.button:focus, .ui.inverted.black.buttons .button.active, .ui.inverted.black.button.active, .ui.inverted.black.buttons .button:active, .ui.inverted.black.button:active {
    box-shadow: none !important;
    color: #FFF
}

.ui.inverted.black.buttons .button:hover, .ui.inverted.black.button:hover {
    background-color: #000
}

.ui.inverted.black.buttons .button:focus, .ui.inverted.black.button:focus {
    background-color: #000
}

.ui.inverted.black.buttons .active.button, .ui.inverted.black.active.button {
    background-color: #000
}

.ui.inverted.black.buttons .button:active, .ui.inverted.black.button:active {
    background-color: #000
}

.ui.inverted.black.basic.buttons .button, .ui.inverted.black.buttons .basic.button, .ui.inverted.black.basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #FFF !important
}

.ui.inverted.black.basic.buttons .button:hover, .ui.inverted.black.buttons .basic.button:hover, .ui.inverted.black.basic.button:hover {
    box-shadow: 0 0 0 2px #000 inset !important;
    color: #FFF !important
}

.ui.inverted.black.basic.buttons .button:focus, .ui.inverted.black.basic.buttons .button:focus, .ui.inverted.black.basic.button:focus {
    box-shadow: 0 0 0 2px #000 inset !important;
    color: #545454 !important
}

.ui.inverted.black.basic.buttons .active.button, .ui.inverted.black.buttons .basic.active.button, .ui.inverted.black.basic.active.button {
    box-shadow: 0 0 0 2px #000 inset !important;
    color: #FFF !important
}

.ui.inverted.black.basic.buttons .button:active, .ui.inverted.black.buttons .basic.button:active, .ui.inverted.black.basic.button:active {
    box-shadow: 0 0 0 2px #000 inset !important;
    color: #FFF !important
}

.ui.grey.buttons .button, .ui.grey.button {
    background-color: #767676;
    color: #FFF;
    text-shadow: none;
    background-image: none
}

.ui.grey.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.grey.buttons .button:hover, .ui.grey.button:hover {
    background-color: #838383;
    color: #FFF;
    text-shadow: none
}

.ui.grey.buttons .button:focus, .ui.grey.button:focus {
    background-color: #8a8a8a;
    color: #FFF;
    text-shadow: none
}

.ui.grey.buttons .button:active, .ui.grey.button:active {
    background-color: #909090;
    color: #FFF;
    text-shadow: none
}

.ui.grey.buttons .active.button, .ui.grey.buttons .active.button:active, .ui.grey.active.button, .ui.grey.button .active.button:active {
    background-color: #696969;
    color: #FFF;
    text-shadow: none
}

.ui.basic.grey.buttons .button, .ui.basic.grey.button {
    box-shadow: 0 0 0 1px #767676 inset !important;
    color: #767676 !important
}

.ui.basic.grey.buttons .button:hover, .ui.basic.grey.button:hover {
    background: transparent !important;
    box-shadow: 0 0 0 1px #838383 inset !important;
    color: #838383 !important
}

.ui.basic.grey.buttons .button:focus, .ui.basic.grey.button:focus {
    background: transparent !important;
    box-shadow: 0 0 0 1px #8a8a8a inset !important;
    color: #838383 !important
}

.ui.basic.grey.buttons .active.button, .ui.basic.grey.active.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #696969 inset !important;
    color: #909090 !important
}

.ui.basic.grey.buttons .button:active, .ui.basic.grey.button:active {
    box-shadow: 0 0 0 1px #909090 inset !important;
    color: #909090 !important
}

.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.grey.buttons .button, .ui.inverted.grey.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #D4D4D5 inset !important;
    color: #FFF
}

.ui.inverted.grey.buttons .button:hover, .ui.inverted.grey.button:hover, .ui.inverted.grey.buttons .button:focus, .ui.inverted.grey.button:focus, .ui.inverted.grey.buttons .button.active, .ui.inverted.grey.button.active, .ui.inverted.grey.buttons .button:active, .ui.inverted.grey.button:active {
    box-shadow: none !important;
    color: rgba(0, 0, 0, 0.6)
}

.ui.inverted.grey.buttons .button:hover, .ui.inverted.grey.button:hover {
    background-color: #cfd0d2
}

.ui.inverted.grey.buttons .button:focus, .ui.inverted.grey.button:focus {
    background-color: #c7c9cb
}

.ui.inverted.grey.buttons .active.button, .ui.inverted.grey.active.button {
    background-color: #cfd0d2
}

.ui.inverted.grey.buttons .button:active, .ui.inverted.grey.button:active {
    background-color: #c2c4c5
}

.ui.inverted.grey.basic.buttons .button, .ui.inverted.grey.buttons .basic.button, .ui.inverted.grey.basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #FFF !important
}

.ui.inverted.grey.basic.buttons .button:hover, .ui.inverted.grey.buttons .basic.button:hover, .ui.inverted.grey.basic.button:hover {
    box-shadow: 0 0 0 2px #cfd0d2 inset !important;
    color: #FFF !important
}

.ui.inverted.grey.basic.buttons .button:focus, .ui.inverted.grey.basic.buttons .button:focus, .ui.inverted.grey.basic.button:focus {
    box-shadow: 0 0 0 2px #c7c9cb inset !important;
    color: #DCDDDE !important
}

.ui.inverted.grey.basic.buttons .active.button, .ui.inverted.grey.buttons .basic.active.button, .ui.inverted.grey.basic.active.button {
    box-shadow: 0 0 0 2px #cfd0d2 inset !important;
    color: #FFF !important
}

.ui.inverted.grey.basic.buttons .button:active, .ui.inverted.grey.buttons .basic.button:active, .ui.inverted.grey.basic.button:active {
    box-shadow: 0 0 0 2px #c2c4c5 inset !important;
    color: #FFF !important
}

.ui.brown.buttons .button, .ui.brown.button {
    background-color: #A5673F;
    color: #FFF;
    text-shadow: none;
    background-image: none
}

.ui.brown.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.brown.buttons .button:hover, .ui.brown.button:hover {
    background-color: #975b33;
    color: #FFF;
    text-shadow: none
}

.ui.brown.buttons .button:focus, .ui.brown.button:focus {
    background-color: #90532b;
    color: #FFF;
    text-shadow: none
}

.ui.brown.buttons .button:active, .ui.brown.button:active {
    background-color: #805031;
    color: #FFF;
    text-shadow: none
}

.ui.brown.buttons .active.button, .ui.brown.buttons .active.button:active, .ui.brown.active.button, .ui.brown.button .active.button:active {
    background-color: #995a31;
    color: #FFF;
    text-shadow: none
}

.ui.basic.brown.buttons .button, .ui.basic.brown.button {
    box-shadow: 0 0 0 1px #A5673F inset !important;
    color: #A5673F !important
}

.ui.basic.brown.buttons .button:hover, .ui.basic.brown.button:hover {
    background: transparent !important;
    box-shadow: 0 0 0 1px #975b33 inset !important;
    color: #975b33 !important
}

.ui.basic.brown.buttons .button:focus, .ui.basic.brown.button:focus {
    background: transparent !important;
    box-shadow: 0 0 0 1px #90532b inset !important;
    color: #975b33 !important
}

.ui.basic.brown.buttons .active.button, .ui.basic.brown.active.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #995a31 inset !important;
    color: #805031 !important
}

.ui.basic.brown.buttons .button:active, .ui.basic.brown.button:active {
    box-shadow: 0 0 0 1px #805031 inset !important;
    color: #805031 !important
}

.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.brown.buttons .button, .ui.inverted.brown.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #D67C1C inset !important;
    color: #D67C1C
}

.ui.inverted.brown.buttons .button:hover, .ui.inverted.brown.button:hover, .ui.inverted.brown.buttons .button:focus, .ui.inverted.brown.button:focus, .ui.inverted.brown.buttons .button.active, .ui.inverted.brown.button.active, .ui.inverted.brown.buttons .button:active, .ui.inverted.brown.button:active {
    box-shadow: none !important;
    color: #FFF
}

.ui.inverted.brown.buttons .button:hover, .ui.inverted.brown.button:hover {
    background-color: #c86f11
}

.ui.inverted.brown.buttons .button:focus, .ui.inverted.brown.button:focus {
    background-color: #c16808
}

.ui.inverted.brown.buttons .active.button, .ui.inverted.brown.active.button {
    background-color: #cc6f0d
}

.ui.inverted.brown.buttons .button:active, .ui.inverted.brown.button:active {
    background-color: #a96216
}

.ui.inverted.brown.basic.buttons .button, .ui.inverted.brown.buttons .basic.button, .ui.inverted.brown.basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #FFF !important
}

.ui.inverted.brown.basic.buttons .button:hover, .ui.inverted.brown.buttons .basic.button:hover, .ui.inverted.brown.basic.button:hover {
    box-shadow: 0 0 0 2px #c86f11 inset !important;
    color: #D67C1C !important
}

.ui.inverted.brown.basic.buttons .button:focus, .ui.inverted.brown.basic.buttons .button:focus, .ui.inverted.brown.basic.button:focus {
    box-shadow: 0 0 0 2px #c16808 inset !important;
    color: #D67C1C !important
}

.ui.inverted.brown.basic.buttons .active.button, .ui.inverted.brown.buttons .basic.active.button, .ui.inverted.brown.basic.active.button {
    box-shadow: 0 0 0 2px #cc6f0d inset !important;
    color: #D67C1C !important
}

.ui.inverted.brown.basic.buttons .button:active, .ui.inverted.brown.buttons .basic.button:active, .ui.inverted.brown.basic.button:active {
    box-shadow: 0 0 0 2px #a96216 inset !important;
    color: #D67C1C !important
}

.ui.blue.buttons .button, .ui.blue.button {
    background-color: #2185D0;
    color: #FFF;
    text-shadow: none;
    background-image: none
}

.ui.blue.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.blue.buttons .button:hover, .ui.blue.button:hover {
    background-color: #1678c2;
    color: #FFF;
    text-shadow: none
}

.ui.blue.buttons .button:focus, .ui.blue.button:focus {
    background-color: #0d71bb;
    color: #FFF;
    text-shadow: none
}

.ui.blue.buttons .button:active, .ui.blue.button:active {
    background-color: #1a69a4;
    color: #FFF;
    text-shadow: none
}

.ui.blue.buttons .active.button, .ui.blue.buttons .active.button:active, .ui.blue.active.button, .ui.blue.button .active.button:active {
    background-color: #1279c6;
    color: #FFF;
    text-shadow: none
}

.ui.basic.blue.buttons .button, .ui.basic.blue.button {
    box-shadow: 0 0 0 1px #2185D0 inset !important;
    color: #2185D0 !important
}

.ui.basic.blue.buttons .button:hover, .ui.basic.blue.button:hover {
    background: transparent !important;
    box-shadow: 0 0 0 1px #1678c2 inset !important;
    color: #1678c2 !important
}

.ui.basic.blue.buttons .button:focus, .ui.basic.blue.button:focus {
    background: transparent !important;
    box-shadow: 0 0 0 1px #0d71bb inset !important;
    color: #1678c2 !important
}

.ui.basic.blue.buttons .active.button, .ui.basic.blue.active.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #1279c6 inset !important;
    color: #1a69a4 !important
}

.ui.basic.blue.buttons .button:active, .ui.basic.blue.button:active {
    box-shadow: 0 0 0 1px #1a69a4 inset !important;
    color: #1a69a4 !important
}

.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.blue.buttons .button, .ui.inverted.blue.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #54C8FF inset !important;
    color: #54C8FF
}

.ui.inverted.blue.buttons .button:hover, .ui.inverted.blue.button:hover, .ui.inverted.blue.buttons .button:focus, .ui.inverted.blue.button:focus, .ui.inverted.blue.buttons .button.active, .ui.inverted.blue.button.active, .ui.inverted.blue.buttons .button:active, .ui.inverted.blue.button:active {
    box-shadow: none !important;
    color: #FFF
}

.ui.inverted.blue.buttons .button:hover, .ui.inverted.blue.button:hover {
    background-color: #3ac0ff
}

.ui.inverted.blue.buttons .button:focus, .ui.inverted.blue.button:focus {
    background-color: #2bbbff
}

.ui.inverted.blue.buttons .active.button, .ui.inverted.blue.active.button {
    background-color: #3ac0ff
}

.ui.inverted.blue.buttons .button:active, .ui.inverted.blue.button:active {
    background-color: #21b8ff
}

.ui.inverted.blue.basic.buttons .button, .ui.inverted.blue.buttons .basic.button, .ui.inverted.blue.basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #FFF !important
}

.ui.inverted.blue.basic.buttons .button:hover, .ui.inverted.blue.buttons .basic.button:hover, .ui.inverted.blue.basic.button:hover {
    box-shadow: 0 0 0 2px #3ac0ff inset !important;
    color: #54C8FF !important
}

.ui.inverted.blue.basic.buttons .button:focus, .ui.inverted.blue.basic.buttons .button:focus, .ui.inverted.blue.basic.button:focus {
    box-shadow: 0 0 0 2px #2bbbff inset !important;
    color: #54C8FF !important
}

.ui.inverted.blue.basic.buttons .active.button, .ui.inverted.blue.buttons .basic.active.button, .ui.inverted.blue.basic.active.button {
    box-shadow: 0 0 0 2px #3ac0ff inset !important;
    color: #54C8FF !important
}

.ui.inverted.blue.basic.buttons .button:active, .ui.inverted.blue.buttons .basic.button:active, .ui.inverted.blue.basic.button:active {
    box-shadow: 0 0 0 2px #21b8ff inset !important;
    color: #54C8FF !important
}

.ui.green.buttons .button, .ui.green.button {
    background-color: #21BA45;
    color: #FFF;
    text-shadow: none;
    background-image: none
}

.ui.green.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.green.buttons .button:hover, .ui.green.button:hover {
    background-color: #16ab39;
    color: #FFF;
    text-shadow: none
}

.ui.green.buttons .button:focus, .ui.green.button:focus {
    background-color: #0ea432;
    color: #FFF;
    text-shadow: none
}

.ui.green.buttons .button:active, .ui.green.button:active {
    background-color: #198f35;
    color: #FFF;
    text-shadow: none
}

.ui.green.buttons .active.button, .ui.green.buttons .active.button:active, .ui.green.active.button, .ui.green.button .active.button:active {
    background-color: #13ae38;
    color: #FFF;
    text-shadow: none
}

.ui.basic.green.buttons .button, .ui.basic.green.button {
    box-shadow: 0 0 0 1px #21BA45 inset !important;
    color: #21BA45 !important
}

.ui.basic.green.buttons .button:hover, .ui.basic.green.button:hover {
    background: transparent !important;
    box-shadow: 0 0 0 1px #16ab39 inset !important;
    color: #16ab39 !important
}

.ui.basic.green.buttons .button:focus, .ui.basic.green.button:focus {
    background: transparent !important;
    box-shadow: 0 0 0 1px #0ea432 inset !important;
    color: #16ab39 !important
}

.ui.basic.green.buttons .active.button, .ui.basic.green.active.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #13ae38 inset !important;
    color: #198f35 !important
}

.ui.basic.green.buttons .button:active, .ui.basic.green.button:active {
    box-shadow: 0 0 0 1px #198f35 inset !important;
    color: #198f35 !important
}

.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.green.buttons .button, .ui.inverted.green.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #2ECC40 inset !important;
    color: #2ECC40
}

.ui.inverted.green.buttons .button:hover, .ui.inverted.green.button:hover, .ui.inverted.green.buttons .button:focus, .ui.inverted.green.button:focus, .ui.inverted.green.buttons .button.active, .ui.inverted.green.button.active, .ui.inverted.green.buttons .button:active, .ui.inverted.green.button:active {
    box-shadow: none !important;
    color: #FFF
}

.ui.inverted.green.buttons .button:hover, .ui.inverted.green.button:hover {
    background-color: #22be34
}

.ui.inverted.green.buttons .button:focus, .ui.inverted.green.button:focus {
    background-color: #19b82b
}

.ui.inverted.green.buttons .active.button, .ui.inverted.green.active.button {
    background-color: #1fc231
}

.ui.inverted.green.buttons .button:active, .ui.inverted.green.button:active {
    background-color: #25a233
}

.ui.inverted.green.basic.buttons .button, .ui.inverted.green.buttons .basic.button, .ui.inverted.green.basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #FFF !important
}

.ui.inverted.green.basic.buttons .button:hover, .ui.inverted.green.buttons .basic.button:hover, .ui.inverted.green.basic.button:hover {
    box-shadow: 0 0 0 2px #22be34 inset !important;
    color: #2ECC40 !important
}

.ui.inverted.green.basic.buttons .button:focus, .ui.inverted.green.basic.buttons .button:focus, .ui.inverted.green.basic.button:focus {
    box-shadow: 0 0 0 2px #19b82b inset !important;
    color: #2ECC40 !important
}

.ui.inverted.green.basic.buttons .active.button, .ui.inverted.green.buttons .basic.active.button, .ui.inverted.green.basic.active.button {
    box-shadow: 0 0 0 2px #1fc231 inset !important;
    color: #2ECC40 !important
}

.ui.inverted.green.basic.buttons .button:active, .ui.inverted.green.buttons .basic.button:active, .ui.inverted.green.basic.button:active {
    box-shadow: 0 0 0 2px #25a233 inset !important;
    color: #2ECC40 !important
}

.ui.orange.buttons .button, .ui.orange.button {
    background-color: #F2711C;
    color: #FFF;
    text-shadow: none;
    background-image: none
}

.ui.orange.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.orange.buttons .button:hover, .ui.orange.button:hover {
    background-color: #f26202;
    color: #FFF;
    text-shadow: none
}

.ui.orange.buttons .button:focus, .ui.orange.button:focus {
    background-color: #e55b00;
    color: #FFF;
    text-shadow: none
}

.ui.orange.buttons .button:active, .ui.orange.button:active {
    background-color: #cf590c;
    color: #FFF;
    text-shadow: none
}

.ui.orange.buttons .active.button, .ui.orange.buttons .active.button:active, .ui.orange.active.button, .ui.orange.button .active.button:active {
    background-color: #f56100;
    color: #FFF;
    text-shadow: none
}

.ui.basic.orange.buttons .button, .ui.basic.orange.button {
    box-shadow: 0 0 0 1px #F2711C inset !important;
    color: #F2711C !important
}

.ui.basic.orange.buttons .button:hover, .ui.basic.orange.button:hover {
    background: transparent !important;
    box-shadow: 0 0 0 1px #f26202 inset !important;
    color: #f26202 !important
}

.ui.basic.orange.buttons .button:focus, .ui.basic.orange.button:focus {
    background: transparent !important;
    box-shadow: 0 0 0 1px #e55b00 inset !important;
    color: #f26202 !important
}

.ui.basic.orange.buttons .active.button, .ui.basic.orange.active.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #f56100 inset !important;
    color: #cf590c !important
}

.ui.basic.orange.buttons .button:active, .ui.basic.orange.button:active {
    box-shadow: 0 0 0 1px #cf590c inset !important;
    color: #cf590c !important
}

.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.orange.buttons .button, .ui.inverted.orange.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #FF851B inset !important;
    color: #FF851B
}

.ui.inverted.orange.buttons .button:hover, .ui.inverted.orange.button:hover, .ui.inverted.orange.buttons .button:focus, .ui.inverted.orange.button:focus, .ui.inverted.orange.buttons .button.active, .ui.inverted.orange.button.active, .ui.inverted.orange.buttons .button:active, .ui.inverted.orange.button:active {
    box-shadow: none !important;
    color: #FFF
}

.ui.inverted.orange.buttons .button:hover, .ui.inverted.orange.button:hover {
    background-color: #ff7701
}

.ui.inverted.orange.buttons .button:focus, .ui.inverted.orange.button:focus {
    background-color: #f17000
}

.ui.inverted.orange.buttons .active.button, .ui.inverted.orange.active.button {
    background-color: #ff7701
}

.ui.inverted.orange.buttons .button:active, .ui.inverted.orange.button:active {
    background-color: #e76b00
}

.ui.inverted.orange.basic.buttons .button, .ui.inverted.orange.buttons .basic.button, .ui.inverted.orange.basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #FFF !important
}

.ui.inverted.orange.basic.buttons .button:hover, .ui.inverted.orange.buttons .basic.button:hover, .ui.inverted.orange.basic.button:hover {
    box-shadow: 0 0 0 2px #ff7701 inset !important;
    color: #FF851B !important
}

.ui.inverted.orange.basic.buttons .button:focus, .ui.inverted.orange.basic.buttons .button:focus, .ui.inverted.orange.basic.button:focus {
    box-shadow: 0 0 0 2px #f17000 inset !important;
    color: #FF851B !important
}

.ui.inverted.orange.basic.buttons .active.button, .ui.inverted.orange.buttons .basic.active.button, .ui.inverted.orange.basic.active.button {
    box-shadow: 0 0 0 2px #ff7701 inset !important;
    color: #FF851B !important
}

.ui.inverted.orange.basic.buttons .button:active, .ui.inverted.orange.buttons .basic.button:active, .ui.inverted.orange.basic.button:active {
    box-shadow: 0 0 0 2px #e76b00 inset !important;
    color: #FF851B !important
}

.ui.pink.buttons .button, .ui.pink.button {
    background-color: #E03997;
    color: #FFF;
    text-shadow: none;
    background-image: none
}

.ui.pink.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.pink.buttons .button:hover, .ui.pink.button:hover {
    background-color: #e61a8d;
    color: #FFF;
    text-shadow: none
}

.ui.pink.buttons .button:focus, .ui.pink.button:focus {
    background-color: #e10f85;
    color: #FFF;
    text-shadow: none
}

.ui.pink.buttons .button:active, .ui.pink.button:active {
    background-color: #c71f7e;
    color: #FFF;
    text-shadow: none
}

.ui.pink.buttons .active.button, .ui.pink.buttons .active.button:active, .ui.pink.active.button, .ui.pink.button .active.button:active {
    background-color: #ea158d;
    color: #FFF;
    text-shadow: none
}

.ui.basic.pink.buttons .button, .ui.basic.pink.button {
    box-shadow: 0 0 0 1px #E03997 inset !important;
    color: #E03997 !important
}

.ui.basic.pink.buttons .button:hover, .ui.basic.pink.button:hover {
    background: transparent !important;
    box-shadow: 0 0 0 1px #e61a8d inset !important;
    color: #e61a8d !important
}

.ui.basic.pink.buttons .button:focus, .ui.basic.pink.button:focus {
    background: transparent !important;
    box-shadow: 0 0 0 1px #e10f85 inset !important;
    color: #e61a8d !important
}

.ui.basic.pink.buttons .active.button, .ui.basic.pink.active.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #ea158d inset !important;
    color: #c71f7e !important
}

.ui.basic.pink.buttons .button:active, .ui.basic.pink.button:active {
    box-shadow: 0 0 0 1px #c71f7e inset !important;
    color: #c71f7e !important
}

.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.pink.buttons .button, .ui.inverted.pink.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #FF8EDF inset !important;
    color: #FF8EDF
}

.ui.inverted.pink.buttons .button:hover, .ui.inverted.pink.button:hover, .ui.inverted.pink.buttons .button:focus, .ui.inverted.pink.button:focus, .ui.inverted.pink.buttons .button.active, .ui.inverted.pink.button.active, .ui.inverted.pink.buttons .button:active, .ui.inverted.pink.button:active {
    box-shadow: none !important;
    color: #FFF
}

.ui.inverted.pink.buttons .button:hover, .ui.inverted.pink.button:hover {
    background-color: #ff74d8
}

.ui.inverted.pink.buttons .button:focus, .ui.inverted.pink.button:focus {
    background-color: #ff65d3
}

.ui.inverted.pink.buttons .active.button, .ui.inverted.pink.active.button {
    background-color: #ff74d8
}

.ui.inverted.pink.buttons .button:active, .ui.inverted.pink.button:active {
    background-color: #ff5bd1
}

.ui.inverted.pink.basic.buttons .button, .ui.inverted.pink.buttons .basic.button, .ui.inverted.pink.basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #FFF !important
}

.ui.inverted.pink.basic.buttons .button:hover, .ui.inverted.pink.buttons .basic.button:hover, .ui.inverted.pink.basic.button:hover {
    box-shadow: 0 0 0 2px #ff74d8 inset !important;
    color: #FF8EDF !important
}

.ui.inverted.pink.basic.buttons .button:focus, .ui.inverted.pink.basic.buttons .button:focus, .ui.inverted.pink.basic.button:focus {
    box-shadow: 0 0 0 2px #ff65d3 inset !important;
    color: #FF8EDF !important
}

.ui.inverted.pink.basic.buttons .active.button, .ui.inverted.pink.buttons .basic.active.button, .ui.inverted.pink.basic.active.button {
    box-shadow: 0 0 0 2px #ff74d8 inset !important;
    color: #FF8EDF !important
}

.ui.inverted.pink.basic.buttons .button:active, .ui.inverted.pink.buttons .basic.button:active, .ui.inverted.pink.basic.button:active {
    box-shadow: 0 0 0 2px #ff5bd1 inset !important;
    color: #FF8EDF !important
}

.ui.violet.buttons .button, .ui.violet.button {
    background-color: #6435C9;
    color: #FFF;
    text-shadow: none;
    background-image: none
}

.ui.violet.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.violet.buttons .button:hover, .ui.violet.button:hover {
    background-color: #5829bb;
    color: #FFF;
    text-shadow: none
}

.ui.violet.buttons .button:focus, .ui.violet.button:focus {
    background-color: #4f20b5;
    color: #FFF;
    text-shadow: none
}

.ui.violet.buttons .button:active, .ui.violet.button:active {
    background-color: #502aa1;
    color: #FFF;
    text-shadow: none
}

.ui.violet.buttons .active.button, .ui.violet.buttons .active.button:active, .ui.violet.active.button, .ui.violet.button .active.button:active {
    background-color: #5626bf;
    color: #FFF;
    text-shadow: none
}

.ui.basic.violet.buttons .button, .ui.basic.violet.button {
    box-shadow: 0 0 0 1px #6435C9 inset !important;
    color: #6435C9 !important
}

.ui.basic.violet.buttons .button:hover, .ui.basic.violet.button:hover {
    background: transparent !important;
    box-shadow: 0 0 0 1px #5829bb inset !important;
    color: #5829bb !important
}

.ui.basic.violet.buttons .button:focus, .ui.basic.violet.button:focus {
    background: transparent !important;
    box-shadow: 0 0 0 1px #4f20b5 inset !important;
    color: #5829bb !important
}

.ui.basic.violet.buttons .active.button, .ui.basic.violet.active.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #5626bf inset !important;
    color: #502aa1 !important
}

.ui.basic.violet.buttons .button:active, .ui.basic.violet.button:active {
    box-shadow: 0 0 0 1px #502aa1 inset !important;
    color: #502aa1 !important
}

.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.violet.buttons .button, .ui.inverted.violet.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #A291FB inset !important;
    color: #A291FB
}

.ui.inverted.violet.buttons .button:hover, .ui.inverted.violet.button:hover, .ui.inverted.violet.buttons .button:focus, .ui.inverted.violet.button:focus, .ui.inverted.violet.buttons .button.active, .ui.inverted.violet.button.active, .ui.inverted.violet.buttons .button:active, .ui.inverted.violet.button:active {
    box-shadow: none !important;
    color: #FFF
}

.ui.inverted.violet.buttons .button:hover, .ui.inverted.violet.button:hover {
    background-color: #8a73ff
}

.ui.inverted.violet.buttons .button:focus, .ui.inverted.violet.button:focus {
    background-color: #7d64ff
}

.ui.inverted.violet.buttons .active.button, .ui.inverted.violet.active.button {
    background-color: #8a73ff
}

.ui.inverted.violet.buttons .button:active, .ui.inverted.violet.button:active {
    background-color: #7860f9
}

.ui.inverted.violet.basic.buttons .button, .ui.inverted.violet.buttons .basic.button, .ui.inverted.violet.basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #FFF !important
}

.ui.inverted.violet.basic.buttons .button:hover, .ui.inverted.violet.buttons .basic.button:hover, .ui.inverted.violet.basic.button:hover {
    box-shadow: 0 0 0 2px #8a73ff inset !important;
    color: #A291FB !important
}

.ui.inverted.violet.basic.buttons .button:focus, .ui.inverted.violet.basic.buttons .button:focus, .ui.inverted.violet.basic.button:focus {
    box-shadow: 0 0 0 2px #7d64ff inset !important;
    color: #A291FB !important
}

.ui.inverted.violet.basic.buttons .active.button, .ui.inverted.violet.buttons .basic.active.button, .ui.inverted.violet.basic.active.button {
    box-shadow: 0 0 0 2px #8a73ff inset !important;
    color: #A291FB !important
}

.ui.inverted.violet.basic.buttons .button:active, .ui.inverted.violet.buttons .basic.button:active, .ui.inverted.violet.basic.button:active {
    box-shadow: 0 0 0 2px #7860f9 inset !important;
    color: #A291FB !important
}

.ui.purple.buttons .button, .ui.purple.button {
    background-color: #A333C8;
    color: #FFF;
    text-shadow: none;
    background-image: none
}

.ui.purple.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.purple.buttons .button:hover, .ui.purple.button:hover {
    background-color: #9627ba;
    color: #FFF;
    text-shadow: none
}

.ui.purple.buttons .button:focus, .ui.purple.button:focus {
    background-color: #8f1eb4;
    color: #FFF;
    text-shadow: none
}

.ui.purple.buttons .button:active, .ui.purple.button:active {
    background-color: #82299f;
    color: #FFF;
    text-shadow: none
}

.ui.purple.buttons .active.button, .ui.purple.buttons .active.button:active, .ui.purple.active.button, .ui.purple.button .active.button:active {
    background-color: #9724be;
    color: #FFF;
    text-shadow: none
}

.ui.basic.purple.buttons .button, .ui.basic.purple.button {
    box-shadow: 0 0 0 1px #A333C8 inset !important;
    color: #A333C8 !important
}

.ui.basic.purple.buttons .button:hover, .ui.basic.purple.button:hover {
    background: transparent !important;
    box-shadow: 0 0 0 1px #9627ba inset !important;
    color: #9627ba !important
}

.ui.basic.purple.buttons .button:focus, .ui.basic.purple.button:focus {
    background: transparent !important;
    box-shadow: 0 0 0 1px #8f1eb4 inset !important;
    color: #9627ba !important
}

.ui.basic.purple.buttons .active.button, .ui.basic.purple.active.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #9724be inset !important;
    color: #82299f !important
}

.ui.basic.purple.buttons .button:active, .ui.basic.purple.button:active {
    box-shadow: 0 0 0 1px #82299f inset !important;
    color: #82299f !important
}

.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.purple.buttons .button, .ui.inverted.purple.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #DC73FF inset !important;
    color: #DC73FF
}

.ui.inverted.purple.buttons .button:hover, .ui.inverted.purple.button:hover, .ui.inverted.purple.buttons .button:focus, .ui.inverted.purple.button:focus, .ui.inverted.purple.buttons .button.active, .ui.inverted.purple.button.active, .ui.inverted.purple.buttons .button:active, .ui.inverted.purple.button:active {
    box-shadow: none !important;
    color: #FFF
}

.ui.inverted.purple.buttons .button:hover, .ui.inverted.purple.button:hover {
    background-color: #d65aff
}

.ui.inverted.purple.buttons .button:focus, .ui.inverted.purple.button:focus {
    background-color: #d24aff
}

.ui.inverted.purple.buttons .active.button, .ui.inverted.purple.active.button {
    background-color: #d65aff
}

.ui.inverted.purple.buttons .button:active, .ui.inverted.purple.button:active {
    background-color: #cf40ff
}

.ui.inverted.purple.basic.buttons .button, .ui.inverted.purple.buttons .basic.button, .ui.inverted.purple.basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #FFF !important
}

.ui.inverted.purple.basic.buttons .button:hover, .ui.inverted.purple.buttons .basic.button:hover, .ui.inverted.purple.basic.button:hover {
    box-shadow: 0 0 0 2px #d65aff inset !important;
    color: #DC73FF !important
}

.ui.inverted.purple.basic.buttons .button:focus, .ui.inverted.purple.basic.buttons .button:focus, .ui.inverted.purple.basic.button:focus {
    box-shadow: 0 0 0 2px #d24aff inset !important;
    color: #DC73FF !important
}

.ui.inverted.purple.basic.buttons .active.button, .ui.inverted.purple.buttons .basic.active.button, .ui.inverted.purple.basic.active.button {
    box-shadow: 0 0 0 2px #d65aff inset !important;
    color: #DC73FF !important
}

.ui.inverted.purple.basic.buttons .button:active, .ui.inverted.purple.buttons .basic.button:active, .ui.inverted.purple.basic.button:active {
    box-shadow: 0 0 0 2px #cf40ff inset !important;
    color: #DC73FF !important
}

.ui.red.buttons .button, .ui.red.button {
    background-color: #DB2828;
    color: #FFF;
    text-shadow: none;
    background-image: none
}

.ui.red.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.red.buttons .button:hover, .ui.red.button:hover {
    background-color: #d01919;
    color: #FFF;
    text-shadow: none
}

.ui.red.buttons .button:focus, .ui.red.button:focus {
    background-color: #ca1010;
    color: #FFF;
    text-shadow: none
}

.ui.red.buttons .button:active, .ui.red.button:active {
    background-color: #b21e1e;
    color: #FFF;
    text-shadow: none
}

.ui.red.buttons .active.button, .ui.red.buttons .active.button:active, .ui.red.active.button, .ui.red.button .active.button:active {
    background-color: #d41515;
    color: #FFF;
    text-shadow: none
}

.ui.basic.red.buttons .button, .ui.basic.red.button {
    box-shadow: 0 0 0 1px #DB2828 inset !important;
    color: #DB2828 !important
}

.ui.basic.red.buttons .button:hover, .ui.basic.red.button:hover {
    background: transparent !important;
    box-shadow: 0 0 0 1px #d01919 inset !important;
    color: #d01919 !important
}

.ui.basic.red.buttons .button:focus, .ui.basic.red.button:focus {
    background: transparent !important;
    box-shadow: 0 0 0 1px #ca1010 inset !important;
    color: #d01919 !important
}

.ui.basic.red.buttons .active.button, .ui.basic.red.active.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #d41515 inset !important;
    color: #b21e1e !important
}

.ui.basic.red.buttons .button:active, .ui.basic.red.button:active {
    box-shadow: 0 0 0 1px #b21e1e inset !important;
    color: #b21e1e !important
}

.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.red.buttons .button, .ui.inverted.red.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #FF695E inset !important;
    color: #FF695E
}

.ui.inverted.red.buttons .button:hover, .ui.inverted.red.button:hover, .ui.inverted.red.buttons .button:focus, .ui.inverted.red.button:focus, .ui.inverted.red.buttons .button.active, .ui.inverted.red.button.active, .ui.inverted.red.buttons .button:active, .ui.inverted.red.button:active {
    box-shadow: none !important;
    color: #FFF
}

.ui.inverted.red.buttons .button:hover, .ui.inverted.red.button:hover {
    background-color: #ff5144
}

.ui.inverted.red.buttons .button:focus, .ui.inverted.red.button:focus {
    background-color: #ff4335
}

.ui.inverted.red.buttons .active.button, .ui.inverted.red.active.button {
    background-color: #ff5144
}

.ui.inverted.red.buttons .button:active, .ui.inverted.red.button:active {
    background-color: #ff392b
}

.ui.inverted.red.basic.buttons .button, .ui.inverted.red.buttons .basic.button, .ui.inverted.red.basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #FFF !important
}

.ui.inverted.red.basic.buttons .button:hover, .ui.inverted.red.buttons .basic.button:hover, .ui.inverted.red.basic.button:hover {
    box-shadow: 0 0 0 2px #ff5144 inset !important;
    color: #FF695E !important
}

.ui.inverted.red.basic.buttons .button:focus, .ui.inverted.red.basic.buttons .button:focus, .ui.inverted.red.basic.button:focus {
    box-shadow: 0 0 0 2px #ff4335 inset !important;
    color: #FF695E !important
}

.ui.inverted.red.basic.buttons .active.button, .ui.inverted.red.buttons .basic.active.button, .ui.inverted.red.basic.active.button {
    box-shadow: 0 0 0 2px #ff5144 inset !important;
    color: #FF695E !important
}

.ui.inverted.red.basic.buttons .button:active, .ui.inverted.red.buttons .basic.button:active, .ui.inverted.red.basic.button:active {
    box-shadow: 0 0 0 2px #ff392b inset !important;
    color: #FF695E !important
}

.ui.teal.buttons .button, .ui.teal.button {
    background-color: #00B5AD;
    color: #FFF;
    text-shadow: none;
    background-image: none
}

.ui.teal.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.teal.buttons .button:hover, .ui.teal.button:hover {
    background-color: #009c95;
    color: #FFF;
    text-shadow: none
}

.ui.teal.buttons .button:focus, .ui.teal.button:focus {
    background-color: #008c86;
    color: #FFF;
    text-shadow: none
}

.ui.teal.buttons .button:active, .ui.teal.button:active {
    background-color: #00827c;
    color: #FFF;
    text-shadow: none
}

.ui.teal.buttons .active.button, .ui.teal.buttons .active.button:active, .ui.teal.active.button, .ui.teal.button .active.button:active {
    background-color: #009c95;
    color: #FFF;
    text-shadow: none
}

.ui.basic.teal.buttons .button, .ui.basic.teal.button {
    box-shadow: 0 0 0 1px #00B5AD inset !important;
    color: #00B5AD !important
}

.ui.basic.teal.buttons .button:hover, .ui.basic.teal.button:hover {
    background: transparent !important;
    box-shadow: 0 0 0 1px #009c95 inset !important;
    color: #009c95 !important
}

.ui.basic.teal.buttons .button:focus, .ui.basic.teal.button:focus {
    background: transparent !important;
    box-shadow: 0 0 0 1px #008c86 inset !important;
    color: #009c95 !important
}

.ui.basic.teal.buttons .active.button, .ui.basic.teal.active.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #009c95 inset !important;
    color: #00827c !important
}

.ui.basic.teal.buttons .button:active, .ui.basic.teal.button:active {
    box-shadow: 0 0 0 1px #00827c inset !important;
    color: #00827c !important
}

.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.teal.buttons .button, .ui.inverted.teal.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #6DFFFF inset !important;
    color: #6DFFFF
}

.ui.inverted.teal.buttons .button:hover, .ui.inverted.teal.button:hover, .ui.inverted.teal.buttons .button:focus, .ui.inverted.teal.button:focus, .ui.inverted.teal.buttons .button.active, .ui.inverted.teal.button.active, .ui.inverted.teal.buttons .button:active, .ui.inverted.teal.button:active {
    box-shadow: none !important;
    color: rgba(0, 0, 0, 0.6)
}

.ui.inverted.teal.buttons .button:hover, .ui.inverted.teal.button:hover {
    background-color: #54ffff
}

.ui.inverted.teal.buttons .button:focus, .ui.inverted.teal.button:focus {
    background-color: #4ff
}

.ui.inverted.teal.buttons .active.button, .ui.inverted.teal.active.button {
    background-color: #54ffff
}

.ui.inverted.teal.buttons .button:active, .ui.inverted.teal.button:active {
    background-color: #3affff
}

.ui.inverted.teal.basic.buttons .button, .ui.inverted.teal.buttons .basic.button, .ui.inverted.teal.basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #FFF !important
}

.ui.inverted.teal.basic.buttons .button:hover, .ui.inverted.teal.buttons .basic.button:hover, .ui.inverted.teal.basic.button:hover {
    box-shadow: 0 0 0 2px #54ffff inset !important;
    color: #6DFFFF !important
}

.ui.inverted.teal.basic.buttons .button:focus, .ui.inverted.teal.basic.buttons .button:focus, .ui.inverted.teal.basic.button:focus {
    box-shadow: 0 0 0 2px #4ff inset !important;
    color: #6DFFFF !important
}

.ui.inverted.teal.basic.buttons .active.button, .ui.inverted.teal.buttons .basic.active.button, .ui.inverted.teal.basic.active.button {
    box-shadow: 0 0 0 2px #54ffff inset !important;
    color: #6DFFFF !important
}

.ui.inverted.teal.basic.buttons .button:active, .ui.inverted.teal.buttons .basic.button:active, .ui.inverted.teal.basic.button:active {
    box-shadow: 0 0 0 2px #3affff inset !important;
    color: #6DFFFF !important
}

.ui.olive.buttons .button, .ui.olive.button {
    background-color: #B5CC18;
    color: #FFF;
    text-shadow: none;
    background-image: none
}

.ui.olive.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.olive.buttons .button:hover, .ui.olive.button:hover {
    background-color: #a7bd0d;
    color: #FFF;
    text-shadow: none
}

.ui.olive.buttons .button:focus, .ui.olive.button:focus {
    background-color: #a0b605;
    color: #FFF;
    text-shadow: none
}

.ui.olive.buttons .button:active, .ui.olive.button:active {
    background-color: #8d9e13;
    color: #FFF;
    text-shadow: none
}

.ui.olive.buttons .active.button, .ui.olive.buttons .active.button:active, .ui.olive.active.button, .ui.olive.button .active.button:active {
    background-color: #aac109;
    color: #FFF;
    text-shadow: none
}

.ui.basic.olive.buttons .button, .ui.basic.olive.button {
    box-shadow: 0 0 0 1px #B5CC18 inset !important;
    color: #B5CC18 !important
}

.ui.basic.olive.buttons .button:hover, .ui.basic.olive.button:hover {
    background: transparent !important;
    box-shadow: 0 0 0 1px #a7bd0d inset !important;
    color: #a7bd0d !important
}

.ui.basic.olive.buttons .button:focus, .ui.basic.olive.button:focus {
    background: transparent !important;
    box-shadow: 0 0 0 1px #a0b605 inset !important;
    color: #a7bd0d !important
}

.ui.basic.olive.buttons .active.button, .ui.basic.olive.active.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #aac109 inset !important;
    color: #8d9e13 !important
}

.ui.basic.olive.buttons .button:active, .ui.basic.olive.button:active {
    box-shadow: 0 0 0 1px #8d9e13 inset !important;
    color: #8d9e13 !important
}

.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.olive.buttons .button, .ui.inverted.olive.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #D9E778 inset !important;
    color: #D9E778
}

.ui.inverted.olive.buttons .button:hover, .ui.inverted.olive.button:hover, .ui.inverted.olive.buttons .button:focus, .ui.inverted.olive.button:focus, .ui.inverted.olive.buttons .button.active, .ui.inverted.olive.button.active, .ui.inverted.olive.buttons .button:active, .ui.inverted.olive.button:active {
    box-shadow: none !important;
    color: rgba(0, 0, 0, 0.6)
}

.ui.inverted.olive.buttons .button:hover, .ui.inverted.olive.button:hover {
    background-color: #d8ea5c
}

.ui.inverted.olive.buttons .button:focus, .ui.inverted.olive.button:focus {
    background-color: #daef47
}

.ui.inverted.olive.buttons .active.button, .ui.inverted.olive.active.button {
    background-color: #daed59
}

.ui.inverted.olive.buttons .button:active, .ui.inverted.olive.button:active {
    background-color: #cddf4d
}

.ui.inverted.olive.basic.buttons .button, .ui.inverted.olive.buttons .basic.button, .ui.inverted.olive.basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #FFF !important
}

.ui.inverted.olive.basic.buttons .button:hover, .ui.inverted.olive.buttons .basic.button:hover, .ui.inverted.olive.basic.button:hover {
    box-shadow: 0 0 0 2px #d8ea5c inset !important;
    color: #D9E778 !important
}

.ui.inverted.olive.basic.buttons .button:focus, .ui.inverted.olive.basic.buttons .button:focus, .ui.inverted.olive.basic.button:focus {
    box-shadow: 0 0 0 2px #daef47 inset !important;
    color: #D9E778 !important
}

.ui.inverted.olive.basic.buttons .active.button, .ui.inverted.olive.buttons .basic.active.button, .ui.inverted.olive.basic.active.button {
    box-shadow: 0 0 0 2px #daed59 inset !important;
    color: #D9E778 !important
}

.ui.inverted.olive.basic.buttons .button:active, .ui.inverted.olive.buttons .basic.button:active, .ui.inverted.olive.basic.button:active {
    box-shadow: 0 0 0 2px #cddf4d inset !important;
    color: #D9E778 !important
}

.ui.yellow.buttons .button, .ui.yellow.button {
    background-color: #FBBD08;
    color: #FFF;
    text-shadow: none;
    background-image: none
}

.ui.yellow.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.yellow.buttons .button:hover, .ui.yellow.button:hover {
    background-color: #eaae00;
    color: #FFF;
    text-shadow: none
}

.ui.yellow.buttons .button:focus, .ui.yellow.button:focus {
    background-color: #daa300;
    color: #FFF;
    text-shadow: none
}

.ui.yellow.buttons .button:active, .ui.yellow.button:active {
    background-color: #cd9903;
    color: #FFF;
    text-shadow: none
}

.ui.yellow.buttons .active.button, .ui.yellow.buttons .active.button:active, .ui.yellow.active.button, .ui.yellow.button .active.button:active {
    background-color: #eaae00;
    color: #FFF;
    text-shadow: none
}

.ui.basic.yellow.buttons .button, .ui.basic.yellow.button {
    box-shadow: 0 0 0 1px #FBBD08 inset !important;
    color: #FBBD08 !important
}

.ui.basic.yellow.buttons .button:hover, .ui.basic.yellow.button:hover {
    background: transparent !important;
    box-shadow: 0 0 0 1px #eaae00 inset !important;
    color: #eaae00 !important
}

.ui.basic.yellow.buttons .button:focus, .ui.basic.yellow.button:focus {
    background: transparent !important;
    box-shadow: 0 0 0 1px #daa300 inset !important;
    color: #eaae00 !important
}

.ui.basic.yellow.buttons .active.button, .ui.basic.yellow.active.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #eaae00 inset !important;
    color: #cd9903 !important
}

.ui.basic.yellow.buttons .button:active, .ui.basic.yellow.button:active {
    box-shadow: 0 0 0 1px #cd9903 inset !important;
    color: #cd9903 !important
}

.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.yellow.buttons .button, .ui.inverted.yellow.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #FFE21F inset !important;
    color: #FFE21F
}

.ui.inverted.yellow.buttons .button:hover, .ui.inverted.yellow.button:hover, .ui.inverted.yellow.buttons .button:focus, .ui.inverted.yellow.button:focus, .ui.inverted.yellow.buttons .button.active, .ui.inverted.yellow.button.active, .ui.inverted.yellow.buttons .button:active, .ui.inverted.yellow.button:active {
    box-shadow: none !important;
    color: rgba(0, 0, 0, 0.6)
}

.ui.inverted.yellow.buttons .button:hover, .ui.inverted.yellow.button:hover {
    background-color: #ffdf05
}

.ui.inverted.yellow.buttons .button:focus, .ui.inverted.yellow.button:focus {
    background-color: #f5d500
}

.ui.inverted.yellow.buttons .active.button, .ui.inverted.yellow.active.button {
    background-color: #ffdf05
}

.ui.inverted.yellow.buttons .button:active, .ui.inverted.yellow.button:active {
    background-color: #ebcd00
}

.ui.inverted.yellow.basic.buttons .button, .ui.inverted.yellow.buttons .basic.button, .ui.inverted.yellow.basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important;
    color: #FFF !important
}

.ui.inverted.yellow.basic.buttons .button:hover, .ui.inverted.yellow.buttons .basic.button:hover, .ui.inverted.yellow.basic.button:hover {
    box-shadow: 0 0 0 2px #ffdf05 inset !important;
    color: #FFE21F !important
}

.ui.inverted.yellow.basic.buttons .button:focus, .ui.inverted.yellow.basic.buttons .button:focus, .ui.inverted.yellow.basic.button:focus {
    box-shadow: 0 0 0 2px #f5d500 inset !important;
    color: #FFE21F !important
}

.ui.inverted.yellow.basic.buttons .active.button, .ui.inverted.yellow.buttons .basic.active.button, .ui.inverted.yellow.basic.active.button {
    box-shadow: 0 0 0 2px #ffdf05 inset !important;
    color: #FFE21F !important
}

.ui.inverted.yellow.basic.buttons .button:active, .ui.inverted.yellow.buttons .basic.button:active, .ui.inverted.yellow.basic.button:active {
    box-shadow: 0 0 0 2px #ebcd00 inset !important;
    color: #FFE21F !important
}

.ui.primary.buttons .button, .ui.primary.button {
    background-color: #2185D0;
    color: #FFF;
    text-shadow: none;
    background-image: none
}

.ui.primary.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.primary.buttons .button:hover, .ui.primary.button:hover {
    background-color: #1678c2;
    color: #FFF;
    text-shadow: none
}

.ui.primary.buttons .button:focus, .ui.primary.button:focus {
    background-color: #0d71bb;
    color: #FFF;
    text-shadow: none
}

.ui.primary.buttons .button:active, .ui.primary.button:active {
    background-color: #1a69a4;
    color: #FFF;
    text-shadow: none
}

.ui.primary.buttons .active.button, .ui.primary.buttons .active.button:active, .ui.primary.active.button, .ui.primary.button .active.button:active {
    background-color: #1279c6;
    color: #FFF;
    text-shadow: none
}

.ui.basic.primary.buttons .button, .ui.basic.primary.button {
    box-shadow: 0 0 0 1px #2185D0 inset !important;
    color: #2185D0 !important
}

.ui.basic.primary.buttons .button:hover, .ui.basic.primary.button:hover {
    background: transparent !important;
    box-shadow: 0 0 0 1px #1678c2 inset !important;
    color: #1678c2 !important
}

.ui.basic.primary.buttons .button:focus, .ui.basic.primary.button:focus {
    background: transparent !important;
    box-shadow: 0 0 0 1px #0d71bb inset !important;
    color: #1678c2 !important
}

.ui.basic.primary.buttons .active.button, .ui.basic.primary.active.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #1279c6 inset !important;
    color: #1a69a4 !important
}

.ui.basic.primary.buttons .button:active, .ui.basic.primary.button:active {
    box-shadow: 0 0 0 1px #1a69a4 inset !important;
    color: #1a69a4 !important
}

.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
    margin-left: -1px
}

.ui.secondary.buttons .button, .ui.secondary.button {
    background-color: #1B1C1D;
    color: #FFF;
    text-shadow: none;
    background-image: none
}

.ui.secondary.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.secondary.buttons .button:hover, .ui.secondary.button:hover {
    background-color: #27292a;
    color: #FFF;
    text-shadow: none
}

.ui.secondary.buttons .button:focus, .ui.secondary.button:focus {
    background-color: #2e3032;
    color: #FFF;
    text-shadow: none
}

.ui.secondary.buttons .button:active, .ui.secondary.button:active {
    background-color: #343637;
    color: #FFF;
    text-shadow: none
}

.ui.secondary.buttons .active.button, .ui.secondary.buttons .active.button:active, .ui.secondary.active.button, .ui.secondary.button .active.button:active {
    background-color: #27292a;
    color: #FFF;
    text-shadow: none
}

.ui.basic.secondary.buttons .button, .ui.basic.secondary.button {
    box-shadow: 0 0 0 1px #1B1C1D inset !important;
    color: #1B1C1D !important
}

.ui.basic.secondary.buttons .button:hover, .ui.basic.secondary.button:hover {
    background: transparent !important;
    box-shadow: 0 0 0 1px #27292a inset !important;
    color: #27292a !important
}

.ui.basic.secondary.buttons .button:focus, .ui.basic.secondary.button:focus {
    background: transparent !important;
    box-shadow: 0 0 0 1px #2e3032 inset !important;
    color: #27292a !important
}

.ui.basic.secondary.buttons .active.button, .ui.basic.secondary.active.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #27292a inset !important;
    color: #343637 !important
}

.ui.basic.secondary.buttons .button:active, .ui.basic.secondary.button:active {
    box-shadow: 0 0 0 1px #343637 inset !important;
    color: #343637 !important
}

.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
    margin-left: -1px
}

.ui.positive.buttons .button, .ui.positive.button {
    background-color: #21BA45;
    color: #FFF;
    text-shadow: none;
    background-image: none
}

.ui.positive.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.positive.buttons .button:hover, .ui.positive.button:hover {
    background-color: #16ab39;
    color: #FFF;
    text-shadow: none
}

.ui.positive.buttons .button:focus, .ui.positive.button:focus {
    background-color: #0ea432;
    color: #FFF;
    text-shadow: none
}

.ui.positive.buttons .button:active, .ui.positive.button:active {
    background-color: #198f35;
    color: #FFF;
    text-shadow: none
}

.ui.positive.buttons .active.button, .ui.positive.buttons .active.button:active, .ui.positive.active.button, .ui.positive.button .active.button:active {
    background-color: #13ae38;
    color: #FFF;
    text-shadow: none
}

.ui.basic.positive.buttons .button, .ui.basic.positive.button {
    box-shadow: 0 0 0 1px #21BA45 inset !important;
    color: #21BA45 !important
}

.ui.basic.positive.buttons .button:hover, .ui.basic.positive.button:hover {
    background: transparent !important;
    box-shadow: 0 0 0 1px #16ab39 inset !important;
    color: #16ab39 !important
}

.ui.basic.positive.buttons .button:focus, .ui.basic.positive.button:focus {
    background: transparent !important;
    box-shadow: 0 0 0 1px #0ea432 inset !important;
    color: #16ab39 !important
}

.ui.basic.positive.buttons .active.button, .ui.basic.positive.active.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #13ae38 inset !important;
    color: #198f35 !important
}

.ui.basic.positive.buttons .button:active, .ui.basic.positive.button:active {
    box-shadow: 0 0 0 1px #198f35 inset !important;
    color: #198f35 !important
}

.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
    margin-left: -1px
}

.ui.negative.buttons .button, .ui.negative.button {
    background-color: #DB2828;
    color: #FFF;
    text-shadow: none;
    background-image: none
}

.ui.negative.button {
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.negative.buttons .button:hover, .ui.negative.button:hover {
    background-color: #d01919;
    color: #FFF;
    text-shadow: none
}

.ui.negative.buttons .button:focus, .ui.negative.button:focus {
    background-color: #ca1010;
    color: #FFF;
    text-shadow: none
}

.ui.negative.buttons .button:active, .ui.negative.button:active {
    background-color: #b21e1e;
    color: #FFF;
    text-shadow: none
}

.ui.negative.buttons .active.button, .ui.negative.buttons .active.button:active, .ui.negative.active.button, .ui.negative.button .active.button:active {
    background-color: #d41515;
    color: #FFF;
    text-shadow: none
}

.ui.basic.negative.buttons .button, .ui.basic.negative.button {
    box-shadow: 0 0 0 1px #DB2828 inset !important;
    color: #DB2828 !important
}

.ui.basic.negative.buttons .button:hover, .ui.basic.negative.button:hover {
    background: transparent !important;
    box-shadow: 0 0 0 1px #d01919 inset !important;
    color: #d01919 !important
}

.ui.basic.negative.buttons .button:focus, .ui.basic.negative.button:focus {
    background: transparent !important;
    box-shadow: 0 0 0 1px #ca1010 inset !important;
    color: #d01919 !important
}

.ui.basic.negative.buttons .active.button, .ui.basic.negative.active.button {
    background: transparent !important;
    box-shadow: 0 0 0 1px #d41515 inset !important;
    color: #b21e1e !important
}

.ui.basic.negative.buttons .button:active, .ui.basic.negative.button:active {
    box-shadow: 0 0 0 1px #b21e1e inset !important;
    color: #b21e1e !important
}

.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
    margin-left: -1px
}

.ui.buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 0;
    vertical-align: baseline;
    margin: 0 0.25em 0 0
}

.ui.buttons:not(.basic):not(.inverted) {
    box-shadow: none
}

.ui.buttons:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui.buttons .button {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0;
    border-radius: 0;
    margin: 0 0 0 0
}

.ui.buttons > .ui.button:not(.basic):not(.inverted), .ui.buttons:not(.basic):not(.inverted) > .button {
    box-shadow: 0 0 0 1px transparent inset, 0px 0 0 0 rgba(34, 36, 38, 0.15) inset
}

.ui.buttons .button:first-child {
    border-left: none;
    margin-left: 0;
    border-top-left-radius: 0.28571429rem;
    border-bottom-left-radius: 0.28571429rem
}

.ui.buttons .button:last-child {
    border-top-right-radius: 0.28571429rem;
    border-bottom-right-radius: 0.28571429rem
}

.ui.vertical.buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ui.vertical.buttons .button {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 0 0;
    box-shadow: none;
    border-radius: 0
}

.ui.vertical.buttons .button:first-child {
    border-top-left-radius: 0.28571429rem;
    border-top-right-radius: 0.28571429rem
}

.ui.vertical.buttons .button:last-child {
    margin-bottom: 0;
    border-bottom-left-radius: 0.28571429rem;
    border-bottom-right-radius: 0.28571429rem
}

.ui.vertical.buttons .button:only-child {
    border-radius: 0.28571429rem
}

.ui.container {
    display: block;
    max-width: 100% !important
}

@media only screen and (max-width: 767px) {
    .ui.container {
        width: auto !important;
        margin-left: 1em !important;
        margin-right: 1em !important
    }

    .ui.grid.container {
        width: auto !important
    }

    .ui.relaxed.grid.container {
        width: auto !important
    }

    .ui.very.relaxed.grid.container {
        width: auto !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.container {
        width: 723px;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .ui.grid.container {
        width: calc(723px + 2rem) !important
    }

    .ui.relaxed.grid.container {
        width: calc(723px + 3rem) !important
    }

    .ui.very.relaxed.grid.container {
        width: calc(723px + 5rem) !important
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ui.container {
        width: 933px;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .ui.grid.container {
        width: calc(933px + 2rem) !important
    }

    .ui.relaxed.grid.container {
        width: calc(933px + 3rem) !important
    }

    .ui.very.relaxed.grid.container {
        width: calc(933px + 5rem) !important
    }
}

@media only screen and (min-width: 1200px) {
    .ui.container {
        width: 1127px;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .ui.grid.container {
        width: calc(1127px + 2rem) !important
    }

    .ui.relaxed.grid.container {
        width: calc(1127px + 3rem) !important
    }

    .ui.very.relaxed.grid.container {
        width: calc(1127px + 5rem) !important
    }
}

.ui.text.container {
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    max-width: 700px !important;
    line-height: 1.5
}

.ui.text.container {
    font-size: 1.14285714rem
}

.ui.fluid.container {
    width: 100%
}

.ui[class*="left aligned"].container {
    text-align: left
}

.ui[class*="center aligned"].container {
    text-align: center
}

.ui[class*="right aligned"].container {
    text-align: right
}

.ui.justified.container {
    text-align: justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

i.flag:not(.icon) {
    display: inline-block;
    width: 16px;
    height: 11px;
    line-height: 11px;
    vertical-align: baseline;
    margin: 0 0.5em 0 0;
    text-decoration: inherit;
    speak: none;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

i.flag:not(.icon):before {
    display: inline-block;
    content: '';
    background: url("/local/templates/primary/dist/css/./themes/default/assets/images/flags.png") no-repeat -108px -1976px;
    width: 16px;
    height: 11px
}

i.flag.ad:before, i.flag.andorra:before {
    background-position: 0 0
}

i.flag.ae:before, i.flag.united.arab.emirates:before, i.flag.uae:before {
    background-position: 0 -26px
}

i.flag.af:before, i.flag.afghanistan:before {
    background-position: 0 -52px
}

i.flag.ag:before, i.flag.antigua:before {
    background-position: 0 -78px
}

i.flag.ai:before, i.flag.anguilla:before {
    background-position: 0 -104px
}

i.flag.al:before, i.flag.albania:before {
    background-position: 0 -130px
}

i.flag.am:before, i.flag.armenia:before {
    background-position: 0 -156px
}

i.flag.an:before, i.flag.netherlands.antilles:before {
    background-position: 0 -182px
}

i.flag.ao:before, i.flag.angola:before {
    background-position: 0 -208px
}

i.flag.ar:before, i.flag.argentina:before {
    background-position: 0 -234px
}

i.flag.as:before, i.flag.american.samoa:before {
    background-position: 0 -260px
}

i.flag.at:before, i.flag.austria:before {
    background-position: 0 -286px
}

i.flag.au:before, i.flag.australia:before {
    background-position: 0 -312px
}

i.flag.aw:before, i.flag.aruba:before {
    background-position: 0 -338px
}

i.flag.ax:before, i.flag.aland.islands:before {
    background-position: 0 -364px
}

i.flag.az:before, i.flag.azerbaijan:before {
    background-position: 0 -390px
}

i.flag.ba:before, i.flag.bosnia:before {
    background-position: 0 -416px
}

i.flag.bb:before, i.flag.barbados:before {
    background-position: 0 -442px
}

i.flag.bd:before, i.flag.bangladesh:before {
    background-position: 0 -468px
}

i.flag.be:before, i.flag.belgium:before {
    background-position: 0 -494px
}

i.flag.bf:before, i.flag.burkina.faso:before {
    background-position: 0 -520px
}

i.flag.bg:before, i.flag.bulgaria:before {
    background-position: 0 -546px
}

i.flag.bh:before, i.flag.bahrain:before {
    background-position: 0 -572px
}

i.flag.bi:before, i.flag.burundi:before {
    background-position: 0 -598px
}

i.flag.bj:before, i.flag.benin:before {
    background-position: 0 -624px
}

i.flag.bm:before, i.flag.bermuda:before {
    background-position: 0 -650px
}

i.flag.bn:before, i.flag.brunei:before {
    background-position: 0 -676px
}

i.flag.bo:before, i.flag.bolivia:before {
    background-position: 0 -702px
}

i.flag.br:before, i.flag.brazil:before {
    background-position: 0 -728px
}

i.flag.bs:before, i.flag.bahamas:before {
    background-position: 0 -754px
}

i.flag.bt:before, i.flag.bhutan:before {
    background-position: 0 -780px
}

i.flag.bv:before, i.flag.bouvet.island:before {
    background-position: 0 -806px
}

i.flag.bw:before, i.flag.botswana:before {
    background-position: 0 -832px
}

i.flag.by:before, i.flag.belarus:before {
    background-position: 0 -858px
}

i.flag.bz:before, i.flag.belize:before {
    background-position: 0 -884px
}

i.flag.ca:before, i.flag.canada:before {
    background-position: 0 -910px
}

i.flag.cc:before, i.flag.cocos.islands:before {
    background-position: 0 -962px
}

i.flag.cd:before, i.flag.congo:before {
    background-position: 0 -988px
}

i.flag.cf:before, i.flag.central.african.republic:before {
    background-position: 0 -1014px
}

i.flag.cg:before, i.flag.congo.brazzaville:before {
    background-position: 0 -1040px
}

i.flag.ch:before, i.flag.switzerland:before {
    background-position: 0 -1066px
}

i.flag.ci:before, i.flag.cote.divoire:before {
    background-position: 0 -1092px
}

i.flag.ck:before, i.flag.cook.islands:before {
    background-position: 0 -1118px
}

i.flag.cl:before, i.flag.chile:before {
    background-position: 0 -1144px
}

i.flag.cm:before, i.flag.cameroon:before {
    background-position: 0 -1170px
}

i.flag.cn:before, i.flag.china:before {
    background-position: 0 -1196px
}

i.flag.co:before, i.flag.colombia:before {
    background-position: 0 -1222px
}

i.flag.cr:before, i.flag.costa.rica:before {
    background-position: 0 -1248px
}

i.flag.cs:before, i.flag.serbia:before {
    background-position: 0 -1274px
}

i.flag.cu:before, i.flag.cuba:before {
    background-position: 0 -1300px
}

i.flag.cv:before, i.flag.cape.verde:before {
    background-position: 0 -1326px
}

i.flag.cx:before, i.flag.christmas.island:before {
    background-position: 0 -1352px
}

i.flag.cy:before, i.flag.cyprus:before {
    background-position: 0 -1378px
}

i.flag.cz:before, i.flag.czech.republic:before {
    background-position: 0 -1404px
}

i.flag.de:before, i.flag.germany:before {
    background-position: 0 -1430px
}

i.flag.dj:before, i.flag.djibouti:before {
    background-position: 0 -1456px
}

i.flag.dk:before, i.flag.denmark:before {
    background-position: 0 -1482px
}

i.flag.dm:before, i.flag.dominica:before {
    background-position: 0 -1508px
}

i.flag.do:before, i.flag.dominican.republic:before {
    background-position: 0 -1534px
}

i.flag.dz:before, i.flag.algeria:before {
    background-position: 0 -1560px
}

i.flag.ec:before, i.flag.ecuador:before {
    background-position: 0 -1586px
}

i.flag.ee:before, i.flag.estonia:before {
    background-position: 0 -1612px
}

i.flag.eg:before, i.flag.egypt:before {
    background-position: 0 -1638px
}

i.flag.eh:before, i.flag.western.sahara:before {
    background-position: 0 -1664px
}

i.flag.er:before, i.flag.eritrea:before {
    background-position: 0 -1716px
}

i.flag.es:before, i.flag.spain:before {
    background-position: 0 -1742px
}

i.flag.et:before, i.flag.ethiopia:before {
    background-position: 0 -1768px
}

i.flag.eu:before, i.flag.european.union:before {
    background-position: 0 -1794px
}

i.flag.fi:before, i.flag.finland:before {
    background-position: 0 -1846px
}

i.flag.fj:before, i.flag.fiji:before {
    background-position: 0 -1872px
}

i.flag.fk:before, i.flag.falkland.islands:before {
    background-position: 0 -1898px
}

i.flag.fm:before, i.flag.micronesia:before {
    background-position: 0 -1924px
}

i.flag.fo:before, i.flag.faroe.islands:before {
    background-position: 0 -1950px
}

i.flag.fr:before, i.flag.france:before {
    background-position: 0 -1976px
}

i.flag.ga:before, i.flag.gabon:before {
    background-position: -36px 0
}

i.flag.gb:before, i.flag.united.kingdom:before {
    background-position: -36px -26px
}

i.flag.gd:before, i.flag.grenada:before {
    background-position: -36px -52px
}

i.flag.ge:before, i.flag.georgia:before {
    background-position: -36px -78px
}

i.flag.gf:before, i.flag.french.guiana:before {
    background-position: -36px -104px
}

i.flag.gh:before, i.flag.ghana:before {
    background-position: -36px -130px
}

i.flag.gi:before, i.flag.gibraltar:before {
    background-position: -36px -156px
}

i.flag.gl:before, i.flag.greenland:before {
    background-position: -36px -182px
}

i.flag.gm:before, i.flag.gambia:before {
    background-position: -36px -208px
}

i.flag.gn:before, i.flag.guinea:before {
    background-position: -36px -234px
}

i.flag.gp:before, i.flag.guadeloupe:before {
    background-position: -36px -260px
}

i.flag.gq:before, i.flag.equatorial.guinea:before {
    background-position: -36px -286px
}

i.flag.gr:before, i.flag.greece:before {
    background-position: -36px -312px
}

i.flag.gs:before, i.flag.sandwich.islands:before {
    background-position: -36px -338px
}

i.flag.gt:before, i.flag.guatemala:before {
    background-position: -36px -364px
}

i.flag.gu:before, i.flag.guam:before {
    background-position: -36px -390px
}

i.flag.gw:before, i.flag.guinea-bissau:before {
    background-position: -36px -416px
}

i.flag.gy:before, i.flag.guyana:before {
    background-position: -36px -442px
}

i.flag.hk:before, i.flag.hong.kong:before {
    background-position: -36px -468px
}

i.flag.hm:before, i.flag.heard.island:before {
    background-position: -36px -494px
}

i.flag.hn:before, i.flag.honduras:before {
    background-position: -36px -520px
}

i.flag.hr:before, i.flag.croatia:before {
    background-position: -36px -546px
}

i.flag.ht:before, i.flag.haiti:before {
    background-position: -36px -572px
}

i.flag.hu:before, i.flag.hungary:before {
    background-position: -36px -598px
}

i.flag.id:before, i.flag.indonesia:before {
    background-position: -36px -624px
}

i.flag.ie:before, i.flag.ireland:before {
    background-position: -36px -650px
}

i.flag.il:before, i.flag.israel:before {
    background-position: -36px -676px
}

i.flag.in:before, i.flag.india:before {
    background-position: -36px -702px
}

i.flag.io:before, i.flag.indian.ocean.territory:before {
    background-position: -36px -728px
}

i.flag.iq:before, i.flag.iraq:before {
    background-position: -36px -754px
}

i.flag.ir:before, i.flag.iran:before {
    background-position: -36px -780px
}

i.flag.is:before, i.flag.iceland:before {
    background-position: -36px -806px
}

i.flag.it:before, i.flag.italy:before {
    background-position: -36px -832px
}

i.flag.jm:before, i.flag.jamaica:before {
    background-position: -36px -858px
}

i.flag.jo:before, i.flag.jordan:before {
    background-position: -36px -884px
}

i.flag.jp:before, i.flag.japan:before {
    background-position: -36px -910px
}

i.flag.ke:before, i.flag.kenya:before {
    background-position: -36px -936px
}

i.flag.kg:before, i.flag.kyrgyzstan:before {
    background-position: -36px -962px
}

i.flag.kh:before, i.flag.cambodia:before {
    background-position: -36px -988px
}

i.flag.ki:before, i.flag.kiribati:before {
    background-position: -36px -1014px
}

i.flag.km:before, i.flag.comoros:before {
    background-position: -36px -1040px
}

i.flag.kn:before, i.flag.saint.kitts.and.nevis:before {
    background-position: -36px -1066px
}

i.flag.kp:before, i.flag.north.korea:before {
    background-position: -36px -1092px
}

i.flag.kr:before, i.flag.south.korea:before {
    background-position: -36px -1118px
}

i.flag.kw:before, i.flag.kuwait:before {
    background-position: -36px -1144px
}

i.flag.ky:before, i.flag.cayman.islands:before {
    background-position: -36px -1170px
}

i.flag.kz:before, i.flag.kazakhstan:before {
    background-position: -36px -1196px
}

i.flag.la:before, i.flag.laos:before {
    background-position: -36px -1222px
}

i.flag.lb:before, i.flag.lebanon:before {
    background-position: -36px -1248px
}

i.flag.lc:before, i.flag.saint.lucia:before {
    background-position: -36px -1274px
}

i.flag.li:before, i.flag.liechtenstein:before {
    background-position: -36px -1300px
}

i.flag.lk:before, i.flag.sri.lanka:before {
    background-position: -36px -1326px
}

i.flag.lr:before, i.flag.liberia:before {
    background-position: -36px -1352px
}

i.flag.ls:before, i.flag.lesotho:before {
    background-position: -36px -1378px
}

i.flag.lt:before, i.flag.lithuania:before {
    background-position: -36px -1404px
}

i.flag.lu:before, i.flag.luxembourg:before {
    background-position: -36px -1430px
}

i.flag.lv:before, i.flag.latvia:before {
    background-position: -36px -1456px
}

i.flag.ly:before, i.flag.libya:before {
    background-position: -36px -1482px
}

i.flag.ma:before, i.flag.morocco:before {
    background-position: -36px -1508px
}

i.flag.mc:before, i.flag.monaco:before {
    background-position: -36px -1534px
}

i.flag.md:before, i.flag.moldova:before {
    background-position: -36px -1560px
}

i.flag.me:before, i.flag.montenegro:before {
    background-position: -36px -1586px
}

i.flag.mg:before, i.flag.madagascar:before {
    background-position: -36px -1613px
}

i.flag.mh:before, i.flag.marshall.islands:before {
    background-position: -36px -1639px
}

i.flag.mk:before, i.flag.macedonia:before {
    background-position: -36px -1665px
}

i.flag.ml:before, i.flag.mali:before {
    background-position: -36px -1691px
}

i.flag.mm:before, i.flag.myanmar:before, i.flag.burma:before {
    background-position: -36px -1717px
}

i.flag.mn:before, i.flag.mongolia:before {
    background-position: -36px -1743px
}

i.flag.mo:before, i.flag.macau:before {
    background-position: -36px -1769px
}

i.flag.mp:before, i.flag.northern.mariana.islands:before {
    background-position: -36px -1795px
}

i.flag.mq:before, i.flag.martinique:before {
    background-position: -36px -1821px
}

i.flag.mr:before, i.flag.mauritania:before {
    background-position: -36px -1847px
}

i.flag.ms:before, i.flag.montserrat:before {
    background-position: -36px -1873px
}

i.flag.mt:before, i.flag.malta:before {
    background-position: -36px -1899px
}

i.flag.mu:before, i.flag.mauritius:before {
    background-position: -36px -1925px
}

i.flag.mv:before, i.flag.maldives:before {
    background-position: -36px -1951px
}

i.flag.mw:before, i.flag.malawi:before {
    background-position: -36px -1977px
}

i.flag.mx:before, i.flag.mexico:before {
    background-position: -72px 0
}

i.flag.my:before, i.flag.malaysia:before {
    background-position: -72px -26px
}

i.flag.mz:before, i.flag.mozambique:before {
    background-position: -72px -52px
}

i.flag.na:before, i.flag.namibia:before {
    background-position: -72px -78px
}

i.flag.nc:before, i.flag.new.caledonia:before {
    background-position: -72px -104px
}

i.flag.ne:before, i.flag.niger:before {
    background-position: -72px -130px
}

i.flag.nf:before, i.flag.norfolk.island:before {
    background-position: -72px -156px
}

i.flag.ng:before, i.flag.nigeria:before {
    background-position: -72px -182px
}

i.flag.ni:before, i.flag.nicaragua:before {
    background-position: -72px -208px
}

i.flag.nl:before, i.flag.netherlands:before {
    background-position: -72px -234px
}

i.flag.no:before, i.flag.norway:before {
    background-position: -72px -260px
}

i.flag.np:before, i.flag.nepal:before {
    background-position: -72px -286px
}

i.flag.nr:before, i.flag.nauru:before {
    background-position: -72px -312px
}

i.flag.nu:before, i.flag.niue:before {
    background-position: -72px -338px
}

i.flag.nz:before, i.flag.new.zealand:before {
    background-position: -72px -364px
}

i.flag.om:before, i.flag.oman:before {
    background-position: -72px -390px
}

i.flag.pa:before, i.flag.panama:before {
    background-position: -72px -416px
}

i.flag.pe:before, i.flag.peru:before {
    background-position: -72px -442px
}

i.flag.pf:before, i.flag.french.polynesia:before {
    background-position: -72px -468px
}

i.flag.pg:before, i.flag.new.guinea:before {
    background-position: -72px -494px
}

i.flag.ph:before, i.flag.philippines:before {
    background-position: -72px -520px
}

i.flag.pk:before, i.flag.pakistan:before {
    background-position: -72px -546px
}

i.flag.pl:before, i.flag.poland:before {
    background-position: -72px -572px
}

i.flag.pm:before, i.flag.saint.pierre:before {
    background-position: -72px -598px
}

i.flag.pn:before, i.flag.pitcairn.islands:before {
    background-position: -72px -624px
}

i.flag.pr:before, i.flag.puerto.rico:before {
    background-position: -72px -650px
}

i.flag.ps:before, i.flag.palestine:before {
    background-position: -72px -676px
}

i.flag.pt:before, i.flag.portugal:before {
    background-position: -72px -702px
}

i.flag.pw:before, i.flag.palau:before {
    background-position: -72px -728px
}

i.flag.py:before, i.flag.paraguay:before {
    background-position: -72px -754px
}

i.flag.qa:before, i.flag.qatar:before {
    background-position: -72px -780px
}

i.flag.re:before, i.flag.reunion:before {
    background-position: -72px -806px
}

i.flag.ro:before, i.flag.romania:before {
    background-position: -72px -832px
}

i.flag.rs:before, i.flag.serbia:before {
    background-position: -72px -858px
}

i.flag.ru:before, i.flag.russia:before {
    background-position: -72px -884px
}

i.flag.rw:before, i.flag.rwanda:before {
    background-position: -72px -910px
}

i.flag.sa:before, i.flag.saudi.arabia:before {
    background-position: -72px -936px
}

i.flag.sb:before, i.flag.solomon.islands:before {
    background-position: -72px -962px
}

i.flag.sc:before, i.flag.seychelles:before {
    background-position: -72px -988px
}

i.flag.gb.sct:before, i.flag.scotland:before {
    background-position: -72px -1014px
}

i.flag.sd:before, i.flag.sudan:before {
    background-position: -72px -1040px
}

i.flag.se:before, i.flag.sweden:before {
    background-position: -72px -1066px
}

i.flag.sg:before, i.flag.singapore:before {
    background-position: -72px -1092px
}

i.flag.sh:before, i.flag.saint.helena:before {
    background-position: -72px -1118px
}

i.flag.si:before, i.flag.slovenia:before {
    background-position: -72px -1144px
}

i.flag.sj:before, i.flag.svalbard:before, i.flag.jan.mayen:before {
    background-position: -72px -1170px
}

i.flag.sk:before, i.flag.slovakia:before {
    background-position: -72px -1196px
}

i.flag.sl:before, i.flag.sierra.leone:before {
    background-position: -72px -1222px
}

i.flag.sm:before, i.flag.san.marino:before {
    background-position: -72px -1248px
}

i.flag.sn:before, i.flag.senegal:before {
    background-position: -72px -1274px
}

i.flag.so:before, i.flag.somalia:before {
    background-position: -72px -1300px
}

i.flag.sr:before, i.flag.suriname:before {
    background-position: -72px -1326px
}

i.flag.st:before, i.flag.sao.tome:before {
    background-position: -72px -1352px
}

i.flag.sv:before, i.flag.el.salvador:before {
    background-position: -72px -1378px
}

i.flag.sy:before, i.flag.syria:before {
    background-position: -72px -1404px
}

i.flag.sz:before, i.flag.swaziland:before {
    background-position: -72px -1430px
}

i.flag.tc:before, i.flag.caicos.islands:before {
    background-position: -72px -1456px
}

i.flag.td:before, i.flag.chad:before {
    background-position: -72px -1482px
}

i.flag.tf:before, i.flag.french.territories:before {
    background-position: -72px -1508px
}

i.flag.tg:before, i.flag.togo:before {
    background-position: -72px -1534px
}

i.flag.th:before, i.flag.thailand:before {
    background-position: -72px -1560px
}

i.flag.tj:before, i.flag.tajikistan:before {
    background-position: -72px -1586px
}

i.flag.tk:before, i.flag.tokelau:before {
    background-position: -72px -1612px
}

i.flag.tl:before, i.flag.timorleste:before {
    background-position: -72px -1638px
}

i.flag.tm:before, i.flag.turkmenistan:before {
    background-position: -72px -1664px
}

i.flag.tn:before, i.flag.tunisia:before {
    background-position: -72px -1690px
}

i.flag.to:before, i.flag.tonga:before {
    background-position: -72px -1716px
}

i.flag.tr:before, i.flag.turkey:before {
    background-position: -72px -1742px
}

i.flag.tt:before, i.flag.trinidad:before {
    background-position: -72px -1768px
}

i.flag.tv:before, i.flag.tuvalu:before {
    background-position: -72px -1794px
}

i.flag.tw:before, i.flag.taiwan:before {
    background-position: -72px -1820px
}

i.flag.tz:before, i.flag.tanzania:before {
    background-position: -72px -1846px
}

i.flag.ua:before, i.flag.ukraine:before {
    background-position: -72px -1872px
}

i.flag.ug:before, i.flag.uganda:before {
    background-position: -72px -1898px
}

i.flag.um:before, i.flag.us.minor.islands:before {
    background-position: -72px -1924px
}

i.flag.us:before, i.flag.america:before, i.flag.united.states:before {
    background-position: -72px -1950px
}

i.flag.uy:before, i.flag.uruguay:before {
    background-position: -72px -1976px
}

i.flag.uz:before, i.flag.uzbekistan:before {
    background-position: -108px 0
}

i.flag.va:before, i.flag.vatican.city:before {
    background-position: -108px -26px
}

i.flag.vc:before, i.flag.saint.vincent:before {
    background-position: -108px -52px
}

i.flag.ve:before, i.flag.venezuela:before {
    background-position: -108px -78px
}

i.flag.vg:before, i.flag.british.virgin.islands:before {
    background-position: -108px -104px
}

i.flag.vi:before, i.flag.us.virgin.islands:before {
    background-position: -108px -130px
}

i.flag.vn:before, i.flag.vietnam:before {
    background-position: -108px -156px
}

i.flag.vu:before, i.flag.vanuatu:before {
    background-position: -108px -182px
}

i.flag.gb.wls:before, i.flag.wales:before {
    background-position: -108px -208px
}

i.flag.wf:before, i.flag.wallis.and.futuna:before {
    background-position: -108px -234px
}

i.flag.ws:before, i.flag.samoa:before {
    background-position: -108px -260px
}

i.flag.ye:before, i.flag.yemen:before {
    background-position: -108px -286px
}

i.flag.yt:before, i.flag.mayotte:before {
    background-position: -108px -312px
}

i.flag.za:before, i.flag.south.africa:before {
    background-position: -108px -338px
}

i.flag.zm:before, i.flag.zambia:before {
    background-position: -108px -364px
}

i.flag.zw:before, i.flag.zimbabwe:before {
    background-position: -108px -390px
}

.ui.header {
    border: none;
    margin: calc(2rem - 0.14285em) 0 1rem;
    padding: 0 0;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.2857em;
    text-transform: none;
    color: rgba(0, 0, 0, 0.87)
}

.ui.header:first-child {
    margin-top: -0.14285em
}

.ui.header:last-child {
    margin-bottom: 0
}

.ui.header .sub.header {
    display: block;
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: 1rem;
    line-height: 1.2em;
    color: rgba(0, 0, 0, 0.6)
}

.ui.header > .icon {
    display: table-cell;
    opacity: 1;
    font-size: 1.5em;
    padding-top: 0.14285em;
    vertical-align: middle
}

.ui.header .icon:only-child {
    display: inline-block;
    padding: 0;
    margin-right: 0.75rem
}

.ui.header > .image, .ui.header > img {
    display: inline-block;
    margin-top: 0.14285em;
    width: 2.5em;
    height: auto;
    vertical-align: middle
}

.ui.header > .image:only-child, .ui.header > img:only-child {
    margin-right: 0.75rem
}

.ui.header .content {
    display: inline-block;
    vertical-align: top
}

.ui.header > img + .content, .ui.header > .image + .content {
    padding-left: 0.75rem;
    vertical-align: middle
}

.ui.header > .icon + .content {
    padding-left: 0.75rem;
    display: table-cell;
    vertical-align: middle
}

.ui.header .ui.label {
    font-size: '';
    margin-left: 0.5rem;
    vertical-align: middle
}

.ui.header + p {
    margin-top: 0
}

h1.ui.header {
    font-size: 2rem
}

h2.ui.header {
    font-size: 1.714rem
}

h3.ui.header {
    font-size: 1.28rem
}

h4.ui.header {
    font-size: 1.071rem
}

h5.ui.header {
    font-size: 1rem
}

h1.ui.header .sub.header {
    font-size: 1.14285714rem
}

h2.ui.header .sub.header {
    font-size: 1.14285714rem
}

h3.ui.header .sub.header {
    font-size: 1rem
}

h4.ui.header .sub.header {
    font-size: 1rem
}

h5.ui.header .sub.header {
    font-size: 0.92857143rem
}

.ui.huge.header {
    min-height: 1em;
    font-size: 2em
}

.ui.large.header {
    font-size: 1.714em
}

.ui.medium.header {
    font-size: 1.28em
}

.ui.small.header {
    font-size: 1.071em
}

.ui.tiny.header {
    font-size: 1em
}

.ui.huge.header .sub.header {
    font-size: 1.14285714rem
}

.ui.large.header .sub.header {
    font-size: 1.14285714rem
}

.ui.header .sub.header {
    font-size: 1rem
}

.ui.small.header .sub.header {
    font-size: 1rem
}

.ui.tiny.header .sub.header {
    font-size: 0.92857143rem
}

.ui.sub.header {
    padding: 0;
    margin-bottom: 0.14285714rem;
    font-weight: bold;
    font-size: 0.85714286em;
    text-transform: uppercase;
    color: ''
}

.ui.small.sub.header {
    font-size: 0.78571429em
}

.ui.sub.header {
    font-size: 0.85714286em
}

.ui.large.sub.header {
    font-size: 0.92857143em
}

.ui.huge.sub.header {
    font-size: 1em
}

.ui.icon.header {
    display: inline-block;
    text-align: center;
    margin: 2rem 0 1rem
}

.ui.icon.header:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui.icon.header:first-child {
    margin-top: 0
}

.ui.icon.header .icon {
    float: none;
    display: block;
    width: auto;
    height: auto;
    line-height: 1;
    padding: 0;
    font-size: 3em;
    margin: 0 auto 0.5rem;
    opacity: 1
}

.ui.icon.header .content {
    display: block;
    padding: 0
}

.ui.icon.header .circular.icon {
    font-size: 2em
}

.ui.icon.header .square.icon {
    font-size: 2em
}

.ui.block.icon.header .icon {
    margin-bottom: 0
}

.ui.icon.header.aligned {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.ui.disabled.header {
    opacity: 0.45
}

.ui.inverted.header {
    color: #FFF
}

.ui.inverted.header .sub.header {
    color: rgba(255, 255, 255, 0.8)
}

.ui.inverted.attached.header {
    background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    box-shadow: none;
    border-color: transparent
}

.ui.inverted.block.header {
    background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    box-shadow: none
}

.ui.inverted.block.header {
    border-bottom: none
}

.ui.red.header {
    color: #DB2828 !important
}

a.ui.red.header:hover {
    color: #d01919 !important
}

.ui.red.dividing.header {
    border-bottom: 2px solid #DB2828
}

.ui.inverted.red.header {
    color: #FF695E !important
}

a.ui.inverted.red.header:hover {
    color: #ff5144 !important
}

.ui.orange.header {
    color: #F2711C !important
}

a.ui.orange.header:hover {
    color: #f26202 !important
}

.ui.orange.dividing.header {
    border-bottom: 2px solid #F2711C
}

.ui.inverted.orange.header {
    color: #FF851B !important
}

a.ui.inverted.orange.header:hover {
    color: #ff7701 !important
}

.ui.olive.header {
    color: #B5CC18 !important
}

a.ui.olive.header:hover {
    color: #a7bd0d !important
}

.ui.olive.dividing.header {
    border-bottom: 2px solid #B5CC18
}

.ui.inverted.olive.header {
    color: #D9E778 !important
}

a.ui.inverted.olive.header:hover {
    color: #d8ea5c !important
}

.ui.yellow.header {
    color: #FBBD08 !important
}

a.ui.yellow.header:hover {
    color: #eaae00 !important
}

.ui.yellow.dividing.header {
    border-bottom: 2px solid #FBBD08
}

.ui.inverted.yellow.header {
    color: #FFE21F !important
}

a.ui.inverted.yellow.header:hover {
    color: #ffdf05 !important
}

.ui.green.header {
    color: #21BA45 !important
}

a.ui.green.header:hover {
    color: #16ab39 !important
}

.ui.green.dividing.header {
    border-bottom: 2px solid #21BA45
}

.ui.inverted.green.header {
    color: #2ECC40 !important
}

a.ui.inverted.green.header:hover {
    color: #22be34 !important
}

.ui.teal.header {
    color: #00B5AD !important
}

a.ui.teal.header:hover {
    color: #009c95 !important
}

.ui.teal.dividing.header {
    border-bottom: 2px solid #00B5AD
}

.ui.inverted.teal.header {
    color: #6DFFFF !important
}

a.ui.inverted.teal.header:hover {
    color: #54ffff !important
}

.ui.blue.header {
    color: #2185D0 !important
}

a.ui.blue.header:hover {
    color: #1678c2 !important
}

.ui.blue.dividing.header {
    border-bottom: 2px solid #2185D0
}

.ui.inverted.blue.header {
    color: #54C8FF !important
}

a.ui.inverted.blue.header:hover {
    color: #3ac0ff !important
}

.ui.violet.header {
    color: #6435C9 !important
}

a.ui.violet.header:hover {
    color: #5829bb !important
}

.ui.violet.dividing.header {
    border-bottom: 2px solid #6435C9
}

.ui.inverted.violet.header {
    color: #A291FB !important
}

a.ui.inverted.violet.header:hover {
    color: #8a73ff !important
}

.ui.purple.header {
    color: #A333C8 !important
}

a.ui.purple.header:hover {
    color: #9627ba !important
}

.ui.purple.dividing.header {
    border-bottom: 2px solid #A333C8
}

.ui.inverted.purple.header {
    color: #DC73FF !important
}

a.ui.inverted.purple.header:hover {
    color: #d65aff !important
}

.ui.pink.header {
    color: #E03997 !important
}

a.ui.pink.header:hover {
    color: #e61a8d !important
}

.ui.pink.dividing.header {
    border-bottom: 2px solid #E03997
}

.ui.inverted.pink.header {
    color: #FF8EDF !important
}

a.ui.inverted.pink.header:hover {
    color: #ff74d8 !important
}

.ui.brown.header {
    color: #A5673F !important
}

a.ui.brown.header:hover {
    color: #975b33 !important
}

.ui.brown.dividing.header {
    border-bottom: 2px solid #A5673F
}

.ui.inverted.brown.header {
    color: #D67C1C !important
}

a.ui.inverted.brown.header:hover {
    color: #c86f11 !important
}

.ui.grey.header {
    color: #767676 !important
}

a.ui.grey.header:hover {
    color: #838383 !important
}

.ui.grey.dividing.header {
    border-bottom: 2px solid #767676
}

.ui.inverted.grey.header {
    color: #DCDDDE !important
}

a.ui.inverted.grey.header:hover {
    color: #cfd0d2 !important
}

.ui.left.aligned.header {
    text-align: left
}

.ui.right.aligned.header {
    text-align: right
}

.ui.centered.header, .ui.center.aligned.header {
    text-align: center
}

.ui.justified.header {
    text-align: justify
}

.ui.justified.header:after {
    display: inline-block;
    content: '';
    width: 100%
}

.ui.floated.header, .ui[class*="left floated"].header {
    float: left;
    margin-top: 0;
    margin-right: 0.5em
}

.ui[class*="right floated"].header {
    float: right;
    margin-top: 0;
    margin-left: 0.5em
}

.ui.fitted.header {
    padding: 0
}

.ui.dividing.header {
    padding-bottom: 0.21428571rem;
    border-bottom: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.dividing.header .sub.header {
    padding-bottom: 0.21428571rem
}

.ui.dividing.header .icon {
    margin-bottom: 0
}

.ui.inverted.dividing.header {
    border-bottom-color: rgba(255, 255, 255, 0.1)
}

.ui.block.header {
    background: #F3F4F5;
    padding: 0.78571429rem 1rem;
    box-shadow: none;
    border: 1px solid #D4D4D5;
    border-radius: 0.28571429rem
}

.ui.tiny.block.header {
    font-size: 0.85714286rem
}

.ui.small.block.header {
    font-size: 0.92857143rem
}

.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 1rem
}

.ui.large.block.header {
    font-size: 1.14285714rem
}

.ui.huge.block.header {
    font-size: 1.42857143rem
}

.ui.attached.header {
    background: #FFF;
    padding: 0.78571429rem 1rem;
    margin-left: -1px;
    margin-right: -1px;
    box-shadow: none;
    border: 1px solid #D4D4D5
}

.ui.attached.block.header {
    background: #F3F4F5
}

.ui.attached:not(.top):not(.bottom).header {
    margin-top: 0;
    margin-bottom: 0;
    border-top: none;
    border-radius: 0
}

.ui.top.attached.header {
    margin-bottom: 0;
    border-radius: 0.28571429rem 0.28571429rem 0 0
}

.ui.bottom.attached.header {
    margin-top: 0;
    border-top: none;
    border-radius: 0 0 0.28571429rem 0.28571429rem
}

.ui.tiny.attached.header {
    font-size: 0.85714286em
}

.ui.small.attached.header {
    font-size: 0.92857143em
}

.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 1em
}

.ui.large.attached.header {
    font-size: 1.14285714em
}

.ui.huge.attached.header {
    font-size: 1.42857143em
}

.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 1.28em
}

@font-face {
    font-family: 'Icons';
    src: url("/local/templates/primary/dist/css/../fonts/icons.eot");
    src: url("/local/templates/primary/dist/css/../fonts/icons.eot?#iefix") format("embedded-opentype"), url("/local/templates/primary/dist/css/../fonts/icons.woff2") format("woff2"), url("/local/templates/primary/dist/css/../fonts/icons.woff") format("woff"), url("/local/templates/primary/dist/css/../fonts/icons.ttf") format("truetype"), url("/local/templates/primary/dist/css/../fonts/icons.svg#icons") format("svg");
    font-style: normal;
    font-weight: normal;
    font-variant: normal
}

i.icon {
    display: inline-block;
    opacity: 1;
    margin: 0 0.25rem 0 0;
    width: 1.18em;
    height: 1em;
    font-family: 'Icons';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

i.icon:before {
    background: none !important
}

i.icon.loading {
    height: 1em;
    line-height: 1;
    -webkit-animation: icon-loading 2s linear infinite;
    animation: icon-loading 2s linear infinite
}

@-webkit-keyframes icon-loading {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes icon-loading {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

i.icon.hover {
    opacity: 1 !important
}

i.icon.active {
    opacity: 1 !important
}

i.emphasized.icon {
    opacity: 1 !important
}

i.disabled.icon {
    opacity: 0.45 !important
}

i.fitted.icon {
    width: auto;
    margin: 0
}

i.link.icon, i.link.icons {
    cursor: pointer;
    opacity: 0.8;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease
}

i.link.icon:hover, i.link.icons:hover {
    opacity: 1 !important
}

i.circular.icon {
    border-radius: 500em !important;
    line-height: 1 !important;
    padding: 0.5em 0.5em !important;
    box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
    width: 2em !important;
    height: 2em !important
}

i.circular.inverted.icon {
    border: none;
    box-shadow: none
}

i.flipped.icon, i.horizontally.flipped.icon {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

i.vertically.flipped.icon {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

i.rotated.icon, i.right.rotated.icon, i.clockwise.rotated.icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

i.left.rotated.icon, i.counterclockwise.rotated.icon {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

i.bordered.icon {
    line-height: 1;
    vertical-align: baseline;
    width: 2em;
    height: 2em;
    padding: 0.5em 0.41em !important;
    box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset
}

i.bordered.inverted.icon {
    border: none;
    box-shadow: none
}

i.inverted.bordered.icon, i.inverted.circular.icon {
    background-color: #1B1C1D !important;
    color: #FFF !important
}

i.inverted.icon {
    color: #FFF
}

i.red.icon {
    color: #DB2828 !important
}

i.inverted.red.icon {
    color: #FF695E !important
}

i.inverted.bordered.red.icon, i.inverted.circular.red.icon {
    background-color: #DB2828 !important;
    color: #FFF !important
}

i.orange.icon {
    color: #F2711C !important
}

i.inverted.orange.icon {
    color: #FF851B !important
}

i.inverted.bordered.orange.icon, i.inverted.circular.orange.icon {
    background-color: #F2711C !important;
    color: #FFF !important
}

i.yellow.icon {
    color: #FBBD08 !important
}

i.inverted.yellow.icon {
    color: #FFE21F !important
}

i.inverted.bordered.yellow.icon, i.inverted.circular.yellow.icon {
    background-color: #FBBD08 !important;
    color: #FFF !important
}

i.olive.icon {
    color: #B5CC18 !important
}

i.inverted.olive.icon {
    color: #D9E778 !important
}

i.inverted.bordered.olive.icon, i.inverted.circular.olive.icon {
    background-color: #B5CC18 !important;
    color: #FFF !important
}

i.green.icon {
    color: #21BA45 !important
}

i.inverted.green.icon {
    color: #2ECC40 !important
}

i.inverted.bordered.green.icon, i.inverted.circular.green.icon {
    background-color: #21BA45 !important;
    color: #FFF !important
}

i.teal.icon {
    color: #00B5AD !important
}

i.inverted.teal.icon {
    color: #6DFFFF !important
}

i.inverted.bordered.teal.icon, i.inverted.circular.teal.icon {
    background-color: #00B5AD !important;
    color: #FFF !important
}

i.blue.icon {
    color: #2185D0 !important
}

i.inverted.blue.icon {
    color: #54C8FF !important
}

i.inverted.bordered.blue.icon, i.inverted.circular.blue.icon {
    background-color: #2185D0 !important;
    color: #FFF !important
}

i.violet.icon {
    color: #6435C9 !important
}

i.inverted.violet.icon {
    color: #A291FB !important
}

i.inverted.bordered.violet.icon, i.inverted.circular.violet.icon {
    background-color: #6435C9 !important;
    color: #FFF !important
}

i.purple.icon {
    color: #A333C8 !important
}

i.inverted.purple.icon {
    color: #DC73FF !important
}

i.inverted.bordered.purple.icon, i.inverted.circular.purple.icon {
    background-color: #A333C8 !important;
    color: #FFF !important
}

i.pink.icon {
    color: #E03997 !important
}

i.inverted.pink.icon {
    color: #FF8EDF !important
}

i.inverted.bordered.pink.icon, i.inverted.circular.pink.icon {
    background-color: #E03997 !important;
    color: #FFF !important
}

i.brown.icon {
    color: #A5673F !important
}

i.inverted.brown.icon {
    color: #D67C1C !important
}

i.inverted.bordered.brown.icon, i.inverted.circular.brown.icon {
    background-color: #A5673F !important;
    color: #FFF !important
}

i.grey.icon {
    color: #767676 !important
}

i.inverted.grey.icon {
    color: #DCDDDE !important
}

i.inverted.bordered.grey.icon, i.inverted.circular.grey.icon {
    background-color: #767676 !important;
    color: #FFF !important
}

i.black.icon {
    color: #1B1C1D !important
}

i.inverted.black.icon {
    color: #545454 !important
}

i.inverted.bordered.black.icon, i.inverted.circular.black.icon {
    background-color: #1B1C1D !important;
    color: #FFF !important
}

i.mini.icon, i.mini.icons {
    line-height: 1;
    font-size: 0.4em
}

i.tiny.icon, i.tiny.icons {
    line-height: 1;
    font-size: 0.5em
}

i.small.icon, i.small.icons {
    line-height: 1;
    font-size: 0.75em
}

i.icon, i.icons {
    font-size: 1em
}

i.large.icon, i.large.icons {
    line-height: 1;
    vertical-align: middle;
    font-size: 1.5em
}

i.big.icon, i.big.icons {
    line-height: 1;
    vertical-align: middle;
    font-size: 2em
}

i.huge.icon, i.huge.icons {
    line-height: 1;
    vertical-align: middle;
    font-size: 4em
}

i.massive.icon, i.massive.icons {
    line-height: 1;
    vertical-align: middle;
    font-size: 8em
}

i.icons {
    display: inline-block;
    position: relative;
    line-height: 1
}

i.icons .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    margin: 0;
    margin: 0
}

i.icons .icon:first-child {
    position: static;
    width: auto;
    height: auto;
    vertical-align: top;
    -webkit-transform: none;
    transform: none;
    margin-right: 0.25rem
}

i.icons .corner.icon {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    -webkit-transform: none;
    transform: none;
    font-size: 0.45em;
    text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF
}

i.icons .inverted.corner.icon {
    text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D
}

i.icon.search:before {
    content: "\f002"
}

i.icon.mail.outline:before {
    content: "\f003"
}

i.icon.signal:before {
    content: "\f012"
}

i.icon.setting:before {
    content: "\f013"
}

i.icon.home:before {
    content: "\f015"
}

i.icon.inbox:before {
    content: "\f01c"
}

i.icon.browser:before {
    content: "\f022"
}

i.icon.tag:before {
    content: "\f02b"
}

i.icon.tags:before {
    content: "\f02c"
}

i.icon.image:before {
    content: "\f03e"
}

i.icon.calendar:before {
    content: "\f073"
}

i.icon.comment:before {
    content: "\f075"
}

i.icon.shop:before {
    content: "\f07a"
}

i.icon.comments:before {
    content: "\f086"
}

i.icon.external:before {
    content: "\f08e"
}

i.icon.privacy:before {
    content: "\f084"
}

i.icon.settings:before {
    content: "\f085"
}

i.icon.comments:before {
    content: "\f086"
}

i.icon.external:before {
    content: "\f08e"
}

i.icon.trophy:before {
    content: "\f091"
}

i.icon.payment:before {
    content: "\f09d"
}

i.icon.feed:before {
    content: "\f09e"
}

i.icon.alarm.outline:before {
    content: "\f0a2"
}

i.icon.tasks:before {
    content: "\f0ae"
}

i.icon.cloud:before {
    content: "\f0c2"
}

i.icon.lab:before {
    content: "\f0c3"
}

i.icon.mail:before {
    content: "\f0e0"
}

i.icon.dashboard:before {
    content: "\f0e4"
}

i.icon.comment.outline:before {
    content: "\f0e5"
}

i.icon.comments.outline:before {
    content: "\f0e6"
}

i.icon.sitemap:before {
    content: "\f0e8"
}

i.icon.idea:before {
    content: "\f0eb"
}

i.icon.alarm:before {
    content: "\f0f3"
}

i.icon.terminal:before {
    content: "\f120"
}

i.icon.code:before {
    content: "\f121"
}

i.icon.protect:before {
    content: "\f132"
}

i.icon.calendar.outline:before {
    content: "\f133"
}

i.icon.ticket:before {
    content: "\f145"
}

i.icon.external.square:before {
    content: "\f14c"
}

i.icon.bug:before {
    content: "\f188"
}

i.icon.mail.square:before {
    content: "\f199"
}

i.icon.history:before {
    content: "\f1da"
}

i.icon.options:before {
    content: "\f1de"
}

i.icon.text.telephone:before {
    content: "\f1e4"
}

i.icon.find:before {
    content: "\f1e5"
}

i.icon.wifi:before {
    content: "\f1eb"
}

i.icon.alarm.mute:before {
    content: "\f1f6"
}

i.icon.alarm.mute.outline:before {
    content: "\f1f7"
}

i.icon.copyright:before {
    content: "\f1f9"
}

i.icon.at:before {
    content: "\f1fa"
}

i.icon.eyedropper:before {
    content: "\f1fb"
}

i.icon.paint.brush:before {
    content: "\f1fc"
}

i.icon.heartbeat:before {
    content: "\f21e"
}

i.icon.mouse.pointer:before {
    content: "\f245"
}

i.icon.hourglass.empty:before {
    content: "\f250"
}

i.icon.hourglass.start:before {
    content: "\f251"
}

i.icon.hourglass.half:before {
    content: "\f252"
}

i.icon.hourglass.end:before {
    content: "\f253"
}

i.icon.hourglass.full:before {
    content: "\f254"
}

i.icon.hand.pointer:before {
    content: "\f25a"
}

i.icon.trademark:before {
    content: "\f25c"
}

i.icon.registered:before {
    content: "\f25d"
}

i.icon.creative.commons:before {
    content: "\f25e"
}

i.icon.add.to.calendar:before {
    content: "\f271"
}

i.icon.remove.from.calendar:before {
    content: "\f272"
}

i.icon.delete.calendar:before {
    content: "\f273"
}

i.icon.checked.calendar:before {
    content: "\f274"
}

i.icon.industry:before {
    content: "\f275"
}

i.icon.shopping.bag:before {
    content: "\f290"
}

i.icon.shopping.basket:before {
    content: "\f291"
}

i.icon.hashtag:before {
    content: "\f292"
}

i.icon.percent:before {
    content: "\f295"
}

i.icon.wait:before {
    content: "\f017"
}

i.icon.download:before {
    content: "\f019"
}

i.icon.repeat:before {
    content: "\f01e"
}

i.icon.refresh:before {
    content: "\f021"
}

i.icon.lock:before {
    content: "\f023"
}

i.icon.bookmark:before {
    content: "\f02e"
}

i.icon.print:before {
    content: "\f02f"
}

i.icon.write:before {
    content: "\f040"
}

i.icon.adjust:before {
    content: "\f042"
}

i.icon.theme:before {
    content: "\f043"
}

i.icon.edit:before {
    content: "\f044"
}

i.icon.external.share:before {
    content: "\f045"
}

i.icon.ban:before {
    content: "\f05e"
}

i.icon.mail.forward:before {
    content: "\f064"
}

i.icon.share:before {
    content: "\f064"
}

i.icon.expand:before {
    content: "\f065"
}

i.icon.compress:before {
    content: "\f066"
}

i.icon.unhide:before {
    content: "\f06e"
}

i.icon.hide:before {
    content: "\f070"
}

i.icon.random:before {
    content: "\f074"
}

i.icon.retweet:before {
    content: "\f079"
}

i.icon.sign.out:before {
    content: "\f08b"
}

i.icon.pin:before {
    content: "\f08d"
}

i.icon.sign.in:before {
    content: "\f090"
}

i.icon.upload:before {
    content: "\f093"
}

i.icon.call:before {
    content: "\f095"
}

i.icon.remove.bookmark:before {
    content: "\f097"
}

i.icon.call.square:before {
    content: "\f098"
}

i.icon.unlock:before {
    content: "\f09c"
}

i.icon.configure:before {
    content: "\f0ad"
}

i.icon.filter:before {
    content: "\f0b0"
}

i.icon.wizard:before {
    content: "\f0d0"
}

i.icon.undo:before {
    content: "\f0e2"
}

i.icon.exchange:before {
    content: "\f0ec"
}

i.icon.cloud.download:before {
    content: "\f0ed"
}

i.icon.cloud.upload:before {
    content: "\f0ee"
}

i.icon.reply:before {
    content: "\f112"
}

i.icon.reply.all:before {
    content: "\f122"
}

i.icon.erase:before {
    content: "\f12d"
}

i.icon.unlock.alternate:before {
    content: "\f13e"
}

i.icon.write.square:before {
    content: "\f14b"
}

i.icon.share.square:before {
    content: "\f14d"
}

i.icon.archive:before {
    content: "\f187"
}

i.icon.translate:before {
    content: "\f1ab"
}

i.icon.recycle:before {
    content: "\f1b8"
}

i.icon.send:before {
    content: "\f1d8"
}

i.icon.send.outline:before {
    content: "\f1d9"
}

i.icon.share.alternate:before {
    content: "\f1e0"
}

i.icon.share.alternate.square:before {
    content: "\f1e1"
}

i.icon.add.to.cart:before {
    content: "\f217"
}

i.icon.in.cart:before {
    content: "\f218"
}

i.icon.add.user:before {
    content: "\f234"
}

i.icon.remove.user:before {
    content: "\f235"
}

i.icon.object.group:before {
    content: "\f247"
}

i.icon.object.ungroup:before {
    content: "\f248"
}

i.icon.clone:before {
    content: "\f24d"
}

i.icon.talk:before {
    content: "\f27a"
}

i.icon.talk.outline:before {
    content: "\f27b"
}

i.icon.help.circle:before {
    content: "\f059"
}

i.icon.info.circle:before {
    content: "\f05a"
}

i.icon.warning.circle:before {
    content: "\f06a"
}

i.icon.warning.sign:before {
    content: "\f071"
}

i.icon.announcement:before {
    content: "\f0a1"
}

i.icon.help:before {
    content: "\f128"
}

i.icon.info:before {
    content: "\f129"
}

i.icon.warning:before {
    content: "\f12a"
}

i.icon.birthday:before {
    content: "\f1fd"
}

i.icon.help.circle.outline:before {
    content: "\f29c"
}

i.icon.user:before {
    content: "\f007"
}

i.icon.users:before {
    content: "\f0c0"
}

i.icon.doctor:before {
    content: "\f0f0"
}

i.icon.handicap:before {
    content: "\f193"
}

i.icon.student:before {
    content: "\f19d"
}

i.icon.child:before {
    content: "\f1ae"
}

i.icon.spy:before {
    content: "\f21b"
}

i.icon.female:before {
    content: "\f182"
}

i.icon.male:before {
    content: "\f183"
}

i.icon.woman:before {
    content: "\f221"
}

i.icon.man:before {
    content: "\f222"
}

i.icon.non.binary.transgender:before {
    content: "\f223"
}

i.icon.intergender:before {
    content: "\f224"
}

i.icon.transgender:before {
    content: "\f225"
}

i.icon.lesbian:before {
    content: "\f226"
}

i.icon.gay:before {
    content: "\f227"
}

i.icon.heterosexual:before {
    content: "\f228"
}

i.icon.other.gender:before {
    content: "\f229"
}

i.icon.other.gender.vertical:before {
    content: "\f22a"
}

i.icon.other.gender.horizontal:before {
    content: "\f22b"
}

i.icon.neuter:before {
    content: "\f22c"
}

i.icon.genderless:before {
    content: "\f22d"
}

i.icon.universal.access:before {
    content: "\f29a"
}

i.icon.wheelchair:before {
    content: "\f29b"
}

i.icon.blind:before {
    content: "\f29d"
}

i.icon.audio.description:before {
    content: "\f29e"
}

i.icon.volume.control.phone:before {
    content: "\f2a0"
}

i.icon.braille:before {
    content: "\f2a1"
}

i.icon.asl:before {
    content: "\f2a3"
}

i.icon.assistive.listening.systems:before {
    content: "\f2a2"
}

i.icon.deafness:before {
    content: "\f2a4"
}

i.icon.sign.language:before {
    content: "\f2a7"
}

i.icon.low.vision:before {
    content: "\f2a8"
}

i.icon.block.layout:before {
    content: "\f009"
}

i.icon.grid.layout:before {
    content: "\f00a"
}

i.icon.list.layout:before {
    content: "\f00b"
}

i.icon.zoom:before {
    content: "\f00e"
}

i.icon.zoom.out:before {
    content: "\f010"
}

i.icon.resize.vertical:before {
    content: "\f07d"
}

i.icon.resize.horizontal:before {
    content: "\f07e"
}

i.icon.maximize:before {
    content: "\f0b2"
}

i.icon.crop:before {
    content: "\f125"
}

i.icon.cocktail:before {
    content: "\f000"
}

i.icon.road:before {
    content: "\f018"
}

i.icon.flag:before {
    content: "\f024"
}

i.icon.book:before {
    content: "\f02d"
}

i.icon.gift:before {
    content: "\f06b"
}

i.icon.leaf:before {
    content: "\f06c"
}

i.icon.fire:before {
    content: "\f06d"
}

i.icon.plane:before {
    content: "\f072"
}

i.icon.magnet:before {
    content: "\f076"
}

i.icon.lemon:before {
    content: "\f094"
}

i.icon.world:before {
    content: "\f0ac"
}

i.icon.travel:before {
    content: "\f0b1"
}

i.icon.shipping:before {
    content: "\f0d1"
}

i.icon.money:before {
    content: "\f0d6"
}

i.icon.legal:before {
    content: "\f0e3"
}

i.icon.lightning:before {
    content: "\f0e7"
}

i.icon.umbrella:before {
    content: "\f0e9"
}

i.icon.treatment:before {
    content: "\f0f1"
}

i.icon.suitcase:before {
    content: "\f0f2"
}

i.icon.bar:before {
    content: "\f0fc"
}

i.icon.flag.outline:before {
    content: "\f11d"
}

i.icon.flag.checkered:before {
    content: "\f11e"
}

i.icon.puzzle:before {
    content: "\f12e"
}

i.icon.fire.extinguisher:before {
    content: "\f134"
}

i.icon.rocket:before {
    content: "\f135"
}

i.icon.anchor:before {
    content: "\f13d"
}

i.icon.bullseye:before {
    content: "\f140"
}

i.icon.sun:before {
    content: "\f185"
}

i.icon.moon:before {
    content: "\f186"
}

i.icon.fax:before {
    content: "\f1ac"
}

i.icon.life.ring:before {
    content: "\f1cd"
}

i.icon.bomb:before {
    content: "\f1e2"
}

i.icon.soccer:before {
    content: "\f1e3"
}

i.icon.calculator:before {
    content: "\f1ec"
}

i.icon.diamond:before {
    content: "\f219"
}

i.icon.sticky.note:before {
    content: "\f249"
}

i.icon.sticky.note.outline:before {
    content: "\f24a"
}

i.icon.law:before {
    content: "\f24e"
}

i.icon.hand.peace:before {
    content: "\f25b"
}

i.icon.hand.rock:before {
    content: "\f255"
}

i.icon.hand.paper:before {
    content: "\f256"
}

i.icon.hand.scissors:before {
    content: "\f257"
}

i.icon.hand.lizard:before {
    content: "\f258"
}

i.icon.hand.spock:before {
    content: "\f259"
}

i.icon.tv:before {
    content: "\f26c"
}

i.icon.crosshairs:before {
    content: "\f05b"
}

i.icon.asterisk:before {
    content: "\f069"
}

i.icon.square.outline:before {
    content: "\f096"
}

i.icon.certificate:before {
    content: "\f0a3"
}

i.icon.square:before {
    content: "\f0c8"
}

i.icon.quote.left:before {
    content: "\f10d"
}

i.icon.quote.right:before {
    content: "\f10e"
}

i.icon.spinner:before {
    content: "\f110"
}

i.icon.circle:before {
    content: "\f111"
}

i.icon.ellipsis.horizontal:before {
    content: "\f141"
}

i.icon.ellipsis.vertical:before {
    content: "\f142"
}

i.icon.cube:before {
    content: "\f1b2"
}

i.icon.cubes:before {
    content: "\f1b3"
}

i.icon.circle.notched:before {
    content: "\f1ce"
}

i.icon.circle.thin:before {
    content: "\f1db"
}

i.icon.checkmark:before {
    content: "\f00c"
}

i.icon.remove:before {
    content: "\f00d"
}

i.icon.checkmark.box:before {
    content: "\f046"
}

i.icon.move:before {
    content: "\f047"
}

i.icon.add.circle:before {
    content: "\f055"
}

i.icon.minus.circle:before {
    content: "\f056"
}

i.icon.remove.circle:before {
    content: "\f057"
}

i.icon.check.circle:before {
    content: "\f058"
}

i.icon.remove.circle.outline:before {
    content: "\f05c"
}

i.icon.check.circle.outline:before {
    content: "\f05d"
}

i.icon.plus:before {
    content: "\f067"
}

i.icon.minus:before {
    content: "\f068"
}

i.icon.add.square:before {
    content: "\f0fe"
}

i.icon.radio:before {
    content: "\f10c"
}

i.icon.minus.square:before {
    content: "\f146"
}

i.icon.minus.square.outline:before {
    content: "\f147"
}

i.icon.check.square:before {
    content: "\f14a"
}

i.icon.selected.radio:before {
    content: "\f192"
}

i.icon.plus.square.outline:before {
    content: "\f196"
}

i.icon.toggle.off:before {
    content: "\f204"
}

i.icon.toggle.on:before {
    content: "\f205"
}

i.icon.film:before {
    content: "\f008"
}

i.icon.sound:before {
    content: "\f025"
}

i.icon.photo:before {
    content: "\f030"
}

i.icon.bar.chart:before {
    content: "\f080"
}

i.icon.camera.retro:before {
    content: "\f083"
}

i.icon.newspaper:before {
    content: "\f1ea"
}

i.icon.area.chart:before {
    content: "\f1fe"
}

i.icon.pie.chart:before {
    content: "\f200"
}

i.icon.line.chart:before {
    content: "\f201"
}

i.icon.arrow.circle.outline.down:before {
    content: "\f01a"
}

i.icon.arrow.circle.outline.up:before {
    content: "\f01b"
}

i.icon.chevron.left:before {
    content: "\f053"
}

i.icon.chevron.right:before {
    content: "\f054"
}

i.icon.arrow.left:before {
    content: "\f060"
}

i.icon.arrow.right:before {
    content: "\f061"
}

i.icon.arrow.up:before {
    content: "\f062"
}

i.icon.arrow.down:before {
    content: "\f063"
}

i.icon.chevron.up:before {
    content: "\f077"
}

i.icon.chevron.down:before {
    content: "\f078"
}

i.icon.pointing.right:before {
    content: "\f0a4"
}

i.icon.pointing.left:before {
    content: "\f0a5"
}

i.icon.pointing.up:before {
    content: "\f0a6"
}

i.icon.pointing.down:before {
    content: "\f0a7"
}

i.icon.arrow.circle.left:before {
    content: "\f0a8"
}

i.icon.arrow.circle.right:before {
    content: "\f0a9"
}

i.icon.arrow.circle.up:before {
    content: "\f0aa"
}

i.icon.arrow.circle.down:before {
    content: "\f0ab"
}

i.icon.caret.down:before {
    content: "\f0d7"
}

i.icon.caret.up:before {
    content: "\f0d8"
}

i.icon.caret.left:before {
    content: "\f0d9"
}

i.icon.caret.right:before {
    content: "\f0da"
}

i.icon.angle.double.left:before {
    content: "\f100"
}

i.icon.angle.double.right:before {
    content: "\f101"
}

i.icon.angle.double.up:before {
    content: "\f102"
}

i.icon.angle.double.down:before {
    content: "\f103"
}

i.icon.angle.left:before {
    content: "\f104"
}

i.icon.angle.right:before {
    content: "\f105"
}

i.icon.angle.up:before {
    content: "\f106"
}

i.icon.angle.down:before {
    content: "\f107"
}

i.icon.chevron.circle.left:before {
    content: "\f137"
}

i.icon.chevron.circle.right:before {
    content: "\f138"
}

i.icon.chevron.circle.up:before {
    content: "\f139"
}

i.icon.chevron.circle.down:before {
    content: "\f13a"
}

i.icon.toggle.down:before {
    content: "\f150"
}

i.icon.toggle.up:before {
    content: "\f151"
}

i.icon.toggle.right:before {
    content: "\f152"
}

i.icon.long.arrow.down:before {
    content: "\f175"
}

i.icon.long.arrow.up:before {
    content: "\f176"
}

i.icon.long.arrow.left:before {
    content: "\f177"
}

i.icon.long.arrow.right:before {
    content: "\f178"
}

i.icon.arrow.circle.outline.right:before {
    content: "\f18e"
}

i.icon.arrow.circle.outline.left:before {
    content: "\f190"
}

i.icon.toggle.left:before {
    content: "\f191"
}

i.icon.tablet:before {
    content: "\f10a"
}

i.icon.mobile:before {
    content: "\f10b"
}

i.icon.battery.full:before {
    content: "\f240"
}

i.icon.battery.high:before {
    content: "\f241"
}

i.icon.battery.medium:before {
    content: "\f242"
}

i.icon.battery.low:before {
    content: "\f243"
}

i.icon.battery.empty:before {
    content: "\f244"
}

i.icon.power:before {
    content: "\f011"
}

i.icon.trash.outline:before {
    content: "\f014"
}

i.icon.disk.outline:before {
    content: "\f0a0"
}

i.icon.desktop:before {
    content: "\f108"
}

i.icon.laptop:before {
    content: "\f109"
}

i.icon.game:before {
    content: "\f11b"
}

i.icon.keyboard:before {
    content: "\f11c"
}

i.icon.plug:before {
    content: "\f1e6"
}

i.icon.trash:before {
    content: "\f1f8"
}

i.icon.file.outline:before {
    content: "\f016"
}

i.icon.folder:before {
    content: "\f07b"
}

i.icon.folder.open:before {
    content: "\f07c"
}

i.icon.file.text.outline:before {
    content: "\f0f6"
}

i.icon.folder.outline:before {
    content: "\f114"
}

i.icon.folder.open.outline:before {
    content: "\f115"
}

i.icon.level.up:before {
    content: "\f148"
}

i.icon.level.down:before {
    content: "\f149"
}

i.icon.file:before {
    content: "\f15b"
}

i.icon.file.text:before {
    content: "\f15c"
}

i.icon.file.pdf.outline:before {
    content: "\f1c1"
}

i.icon.file.word.outline:before {
    content: "\f1c2"
}

i.icon.file.excel.outline:before {
    content: "\f1c3"
}

i.icon.file.powerpoint.outline:before {
    content: "\f1c4"
}

i.icon.file.image.outline:before {
    content: "\f1c5"
}

i.icon.file.archive.outline:before {
    content: "\f1c6"
}

i.icon.file.audio.outline:before {
    content: "\f1c7"
}

i.icon.file.video.outline:before {
    content: "\f1c8"
}

i.icon.file.code.outline:before {
    content: "\f1c9"
}

i.icon.qrcode:before {
    content: "\f029"
}

i.icon.barcode:before {
    content: "\f02a"
}

i.icon.rss:before {
    content: "\f09e"
}

i.icon.fork:before {
    content: "\f126"
}

i.icon.html5:before {
    content: "\f13b"
}

i.icon.css3:before {
    content: "\f13c"
}

i.icon.rss.square:before {
    content: "\f143"
}

i.icon.openid:before {
    content: "\f19b"
}

i.icon.database:before {
    content: "\f1c0"
}

i.icon.server:before {
    content: "\f233"
}

i.icon.usb:before {
    content: "\f287"
}

i.icon.bluetooth:before {
    content: "\f293"
}

i.icon.bluetooth.alternative:before {
    content: "\f294"
}

i.icon.heart:before {
    content: "\f004"
}

i.icon.star:before {
    content: "\f005"
}

i.icon.empty.star:before {
    content: "\f006"
}

i.icon.thumbs.outline.up:before {
    content: "\f087"
}

i.icon.thumbs.outline.down:before {
    content: "\f088"
}

i.icon.star.half:before {
    content: "\f089"
}

i.icon.empty.heart:before {
    content: "\f08a"
}

i.icon.smile:before {
    content: "\f118"
}

i.icon.frown:before {
    content: "\f119"
}

i.icon.meh:before {
    content: "\f11a"
}

i.icon.star.half.empty:before {
    content: "\f123"
}

i.icon.thumbs.up:before {
    content: "\f164"
}

i.icon.thumbs.down:before {
    content: "\f165"
}

i.icon.music:before {
    content: "\f001"
}

i.icon.video.play.outline:before {
    content: "\f01d"
}

i.icon.volume.off:before {
    content: "\f026"
}

i.icon.volume.down:before {
    content: "\f027"
}

i.icon.volume.up:before {
    content: "\f028"
}

i.icon.record:before {
    content: "\f03d"
}

i.icon.step.backward:before {
    content: "\f048"
}

i.icon.fast.backward:before {
    content: "\f049"
}

i.icon.backward:before {
    content: "\f04a"
}

i.icon.play:before {
    content: "\f04b"
}

i.icon.pause:before {
    content: "\f04c"
}

i.icon.stop:before {
    content: "\f04d"
}

i.icon.forward:before {
    content: "\f04e"
}

i.icon.fast.forward:before {
    content: "\f050"
}

i.icon.step.forward:before {
    content: "\f051"
}

i.icon.eject:before {
    content: "\f052"
}

i.icon.unmute:before {
    content: "\f130"
}

i.icon.mute:before {
    content: "\f131"
}

i.icon.video.play:before {
    content: "\f144"
}

i.icon.closed.captioning:before {
    content: "\f20a"
}

i.icon.pause.circle:before {
    content: "\f28b"
}

i.icon.pause.circle.outline:before {
    content: "\f28c"
}

i.icon.stop.circle:before {
    content: "\f28d"
}

i.icon.stop.circle.outline:before {
    content: "\f28e"
}

i.icon.marker:before {
    content: "\f041"
}

i.icon.coffee:before {
    content: "\f0f4"
}

i.icon.food:before {
    content: "\f0f5"
}

i.icon.building.outline:before {
    content: "\f0f7"
}

i.icon.hospital:before {
    content: "\f0f8"
}

i.icon.emergency:before {
    content: "\f0f9"
}

i.icon.first.aid:before {
    content: "\f0fa"
}

i.icon.military:before {
    content: "\f0fb"
}

i.icon.h:before {
    content: "\f0fd"
}

i.icon.location.arrow:before {
    content: "\f124"
}

i.icon.compass:before {
    content: "\f14e"
}

i.icon.space.shuttle:before {
    content: "\f197"
}

i.icon.university:before {
    content: "\f19c"
}

i.icon.building:before {
    content: "\f1ad"
}

i.icon.paw:before {
    content: "\f1b0"
}

i.icon.spoon:before {
    content: "\f1b1"
}

i.icon.car:before {
    content: "\f1b9"
}

i.icon.taxi:before {
    content: "\f1ba"
}

i.icon.tree:before {
    content: "\f1bb"
}

i.icon.bicycle:before {
    content: "\f206"
}

i.icon.bus:before {
    content: "\f207"
}

i.icon.ship:before {
    content: "\f21a"
}

i.icon.motorcycle:before {
    content: "\f21c"
}

i.icon.street.view:before {
    content: "\f21d"
}

i.icon.hotel:before {
    content: "\f236"
}

i.icon.train:before {
    content: "\f238"
}

i.icon.subway:before {
    content: "\f239"
}

i.icon.map.pin:before {
    content: "\f276"
}

i.icon.map.signs:before {
    content: "\f277"
}

i.icon.map.outline:before {
    content: "\f278"
}

i.icon.map:before {
    content: "\f279"
}

i.icon.table:before {
    content: "\f0ce"
}

i.icon.columns:before {
    content: "\f0db"
}

i.icon.sort:before {
    content: "\f0dc"
}

i.icon.sort.descending:before {
    content: "\f0dd"
}

i.icon.sort.ascending:before {
    content: "\f0de"
}

i.icon.sort.alphabet.ascending:before {
    content: "\f15d"
}

i.icon.sort.alphabet.descending:before {
    content: "\f15e"
}

i.icon.sort.content.ascending:before {
    content: "\f160"
}

i.icon.sort.content.descending:before {
    content: "\f161"
}

i.icon.sort.numeric.ascending:before {
    content: "\f162"
}

i.icon.sort.numeric.descending:before {
    content: "\f163"
}

i.icon.font:before {
    content: "\f031"
}

i.icon.bold:before {
    content: "\f032"
}

i.icon.italic:before {
    content: "\f033"
}

i.icon.text.height:before {
    content: "\f034"
}

i.icon.text.width:before {
    content: "\f035"
}

i.icon.align.left:before {
    content: "\f036"
}

i.icon.align.center:before {
    content: "\f037"
}

i.icon.align.right:before {
    content: "\f038"
}

i.icon.align.justify:before {
    content: "\f039"
}

i.icon.list:before {
    content: "\f03a"
}

i.icon.outdent:before {
    content: "\f03b"
}

i.icon.indent:before {
    content: "\f03c"
}

i.icon.linkify:before {
    content: "\f0c1"
}

i.icon.cut:before {
    content: "\f0c4"
}

i.icon.copy:before {
    content: "\f0c5"
}

i.icon.attach:before {
    content: "\f0c6"
}

i.icon.save:before {
    content: "\f0c7"
}

i.icon.content:before {
    content: "\f0c9"
}

i.icon.unordered.list:before {
    content: "\f0ca"
}

i.icon.ordered.list:before {
    content: "\f0cb"
}

i.icon.strikethrough:before {
    content: "\f0cc"
}

i.icon.underline:before {
    content: "\f0cd"
}

i.icon.paste:before {
    content: "\f0ea"
}

i.icon.unlinkify:before {
    content: "\f127"
}

i.icon.superscript:before {
    content: "\f12b"
}

i.icon.subscript:before {
    content: "\f12c"
}

i.icon.header:before {
    content: "\f1dc"
}

i.icon.paragraph:before {
    content: "\f1dd"
}

i.icon.text.cursor:before {
    content: "\f246"
}

i.icon.euro:before {
    content: "\f153"
}

i.icon.pound:before {
    content: "\f154"
}

i.icon.dollar:before {
    content: "\f155"
}

i.icon.rupee:before {
    content: "\f156"
}

i.icon.yen:before {
    content: "\f157"
}

i.icon.ruble:before {
    content: "\f158"
}

i.icon.won:before {
    content: "\f159"
}

i.icon.bitcoin:before {
    content: "\f15a"
}

i.icon.lira:before {
    content: "\f195"
}

i.icon.shekel:before {
    content: "\f20b"
}

i.icon.paypal:before {
    content: "\f1ed"
}

i.icon.google.wallet:before {
    content: "\f1ee"
}

i.icon.visa:before {
    content: "\f1f0"
}

i.icon.mastercard:before {
    content: "\f1f1"
}

i.icon.discover:before {
    content: "\f1f2"
}

i.icon.american.express:before {
    content: "\f1f3"
}

i.icon.paypal.card:before {
    content: "\f1f4"
}

i.icon.stripe:before {
    content: "\f1f5"
}

i.icon.japan.credit.bureau:before {
    content: "\f24b"
}

i.icon.diners.club:before {
    content: "\f24c"
}

i.icon.credit.card.alternative:before {
    content: "\f283"
}

i.icon.twitter.square:before {
    content: "\f081"
}

i.icon.facebook.square:before {
    content: "\f082"
}

i.icon.linkedin.square:before {
    content: "\f08c"
}

i.icon.github.square:before {
    content: "\f092"
}

i.icon.twitter:before {
    content: "\f099"
}

i.icon.facebook.f:before {
    content: "\f09a"
}

i.icon.github:before {
    content: "\f09b"
}

i.icon.pinterest:before {
    content: "\f0d2"
}

i.icon.pinterest.square:before {
    content: "\f0d3"
}

i.icon.google.plus.square:before {
    content: "\f0d4"
}

i.icon.google.plus:before {
    content: "\f0d5"
}

i.icon.linkedin:before {
    content: "\f0e1"
}

i.icon.github.alternate:before {
    content: "\f113"
}

i.icon.maxcdn:before {
    content: "\f136"
}

i.icon.youtube.square:before {
    content: "\f166"
}

i.icon.youtube:before {
    content: "\f167"
}

i.icon.xing:before {
    content: "\f168"
}

i.icon.xing.square:before {
    content: "\f169"
}

i.icon.youtube.play:before {
    content: "\f16a"
}

i.icon.dropbox:before {
    content: "\f16b"
}

i.icon.stack.overflow:before {
    content: "\f16c"
}

i.icon.instagram:before {
    content: "\f16d"
}

i.icon.flickr:before {
    content: "\f16e"
}

i.icon.adn:before {
    content: "\f170"
}

i.icon.bitbucket:before {
    content: "\f171"
}

i.icon.bitbucket.square:before {
    content: "\f172"
}

i.icon.tumblr:before {
    content: "\f173"
}

i.icon.tumblr.square:before {
    content: "\f174"
}

i.icon.apple:before {
    content: "\f179"
}

i.icon.windows:before {
    content: "\f17a"
}

i.icon.android:before {
    content: "\f17b"
}

i.icon.linux:before {
    content: "\f17c"
}

i.icon.dribble:before {
    content: "\f17d"
}

i.icon.skype:before {
    content: "\f17e"
}

i.icon.foursquare:before {
    content: "\f180"
}

i.icon.trello:before {
    content: "\f181"
}

i.icon.gittip:before {
    content: "\f184"
}

i.icon.vk:before {
    content: "\f189"
}

i.icon.weibo:before {
    content: "\f18a"
}

i.icon.renren:before {
    content: "\f18b"
}

i.icon.pagelines:before {
    content: "\f18c"
}

i.icon.stack.exchange:before {
    content: "\f18d"
}

i.icon.vimeo.square:before {
    content: "\f194"
}

i.icon.slack:before {
    content: "\f198"
}

i.icon.wordpress:before {
    content: "\f19a"
}

i.icon.yahoo:before {
    content: "\f19e"
}

i.icon.google:before {
    content: "\f1a0"
}

i.icon.reddit:before {
    content: "\f1a1"
}

i.icon.reddit.square:before {
    content: "\f1a2"
}

i.icon.stumbleupon.circle:before {
    content: "\f1a3"
}

i.icon.stumbleupon:before {
    content: "\f1a4"
}

i.icon.delicious:before {
    content: "\f1a5"
}

i.icon.digg:before {
    content: "\f1a6"
}

i.icon.pied.piper:before {
    content: "\f1a7"
}

i.icon.pied.piper.alternate:before {
    content: "\f1a8"
}

i.icon.drupal:before {
    content: "\f1a9"
}

i.icon.joomla:before {
    content: "\f1aa"
}

i.icon.behance:before {
    content: "\f1b4"
}

i.icon.behance.square:before {
    content: "\f1b5"
}

i.icon.steam:before {
    content: "\f1b6"
}

i.icon.steam.square:before {
    content: "\f1b7"
}

i.icon.spotify:before {
    content: "\f1bc"
}

i.icon.deviantart:before {
    content: "\f1bd"
}

i.icon.soundcloud:before {
    content: "\f1be"
}

i.icon.vine:before {
    content: "\f1ca"
}

i.icon.codepen:before {
    content: "\f1cb"
}

i.icon.jsfiddle:before {
    content: "\f1cc"
}

i.icon.rebel:before {
    content: "\f1d0"
}

i.icon.empire:before {
    content: "\f1d1"
}

i.icon.git.square:before {
    content: "\f1d2"
}

i.icon.git:before {
    content: "\f1d3"
}

i.icon.hacker.news:before {
    content: "\f1d4"
}

i.icon.tencent.weibo:before {
    content: "\f1d5"
}

i.icon.qq:before {
    content: "\f1d6"
}

i.icon.wechat:before {
    content: "\f1d7"
}

i.icon.slideshare:before {
    content: "\f1e7"
}

i.icon.twitch:before {
    content: "\f1e8"
}

i.icon.yelp:before {
    content: "\f1e9"
}

i.icon.lastfm:before {
    content: "\f202"
}

i.icon.lastfm.square:before {
    content: "\f203"
}

i.icon.ioxhost:before {
    content: "\f208"
}

i.icon.angellist:before {
    content: "\f209"
}

i.icon.meanpath:before {
    content: "\f20c"
}

i.icon.buysellads:before {
    content: "\f20d"
}

i.icon.connectdevelop:before {
    content: "\f20e"
}

i.icon.dashcube:before {
    content: "\f210"
}

i.icon.forumbee:before {
    content: "\f211"
}

i.icon.leanpub:before {
    content: "\f212"
}

i.icon.sellsy:before {
    content: "\f213"
}

i.icon.shirtsinbulk:before {
    content: "\f214"
}

i.icon.simplybuilt:before {
    content: "\f215"
}

i.icon.skyatlas:before {
    content: "\f216"
}

i.icon.facebook:before {
    content: "\f230"
}

i.icon.pinterest:before {
    content: "\f231"
}

i.icon.whatsapp:before {
    content: "\f232"
}

i.icon.viacoin:before {
    content: "\f237"
}

i.icon.medium:before {
    content: "\f23a"
}

i.icon.y.combinator:before {
    content: "\f23b"
}

i.icon.optinmonster:before {
    content: "\f23c"
}

i.icon.opencart:before {
    content: "\f23d"
}

i.icon.expeditedssl:before {
    content: "\f23e"
}

i.icon.gg:before {
    content: "\f260"
}

i.icon.gg.circle:before {
    content: "\f261"
}

i.icon.tripadvisor:before {
    content: "\f262"
}

i.icon.odnoklassniki:before {
    content: "\f263"
}

i.icon.odnoklassniki.square:before {
    content: "\f264"
}

i.icon.pocket:before {
    content: "\f265"
}

i.icon.wikipedia:before {
    content: "\f266"
}

i.icon.safari:before {
    content: "\f267"
}

i.icon.chrome:before {
    content: "\f268"
}

i.icon.firefox:before {
    content: "\f269"
}

i.icon.opera:before {
    content: "\f26a"
}

i.icon.internet.explorer:before {
    content: "\f26b"
}

i.icon.contao:before {
    content: "\f26d"
}

i.icon.\35

00
px:before {
    content: "\f26e"
}

i.icon.amazon:before {
    content: "\f270"
}

i.icon.houzz:before {
    content: "\f27c"
}

i.icon.vimeo:before {
    content: "\f27d"
}

i.icon.black.tie:before {
    content: "\f27e"
}

i.icon.fonticons:before {
    content: "\f280"
}

i.icon.reddit.alien:before {
    content: "\f281"
}

i.icon.microsoft.edge:before {
    content: "\f282"
}

i.icon.codiepie:before {
    content: "\f284"
}

i.icon.modx:before {
    content: "\f285"
}

i.icon.fort.awesome:before {
    content: "\f286"
}

i.icon.product.hunt:before {
    content: "\f288"
}

i.icon.mixcloud:before {
    content: "\f289"
}

i.icon.scribd:before {
    content: "\f28a"
}

i.icon.gitlab:before {
    content: "\f296"
}

i.icon.wpbeginner:before {
    content: "\f297"
}

i.icon.wpforms:before {
    content: "\f298"
}

i.icon.envira.gallery:before {
    content: "\f299"
}

i.icon.glide:before {
    content: "\f2a5"
}

i.icon.glide.g:before {
    content: "\f2a6"
}

i.icon.viadeo:before {
    content: "\f2a9"
}

i.icon.viadeo.square:before {
    content: "\f2aa"
}

i.icon.snapchat:before {
    content: "\f2ab"
}

i.icon.snapchat.ghost:before {
    content: "\f2ac"
}

i.icon.snapchat.square:before {
    content: "\f2ad"
}

i.icon.pied.piper.hat:before {
    content: "\f2ae"
}

i.icon.first.order:before {
    content: "\f2b0"
}

i.icon.yoast:before {
    content: "\f2b1"
}

i.icon.themeisle:before {
    content: "\f2b2"
}

i.icon.google.plus.circle:before {
    content: "\f2b3"
}

i.icon.font.awesome:before {
    content: "\f2b4"
}

i.icon.like:before {
    content: "\f004"
}

i.icon.favorite:before {
    content: "\f005"
}

i.icon.video:before {
    content: "\f008"
}

i.icon.check:before {
    content: "\f00c"
}

i.icon.close:before {
    content: "\f00d"
}

i.icon.cancel:before {
    content: "\f00d"
}

i.icon.delete:before {
    content: "\f00d"
}

i.icon.x:before {
    content: "\f00d"
}

i.icon.zoom.in:before {
    content: "\f00e"
}

i.icon.magnify:before {
    content: "\f00e"
}

i.icon.shutdown:before {
    content: "\f011"
}

i.icon.clock:before {
    content: "\f017"
}

i.icon.time:before {
    content: "\f017"
}

i.icon.play.circle.outline:before {
    content: "\f01d"
}

i.icon.headphone:before {
    content: "\f025"
}

i.icon.camera:before {
    content: "\f030"
}

i.icon.video.camera:before {
    content: "\f03d"
}

i.icon.picture:before {
    content: "\f03e"
}

i.icon.pencil:before {
    content: "\f040"
}

i.icon.compose:before {
    content: "\f040"
}

i.icon.point:before {
    content: "\f041"
}

i.icon.tint:before {
    content: "\f043"
}

i.icon.signup:before {
    content: "\f044"
}

i.icon.plus.circle:before {
    content: "\f055"
}

i.icon.question.circle:before {
    content: "\f059"
}

i.icon.dont:before {
    content: "\f05e"
}

i.icon.minimize:before {
    content: "\f066"
}

i.icon.add:before {
    content: "\f067"
}

i.icon.exclamation.circle:before {
    content: "\f06a"
}

i.icon.attention:before {
    content: "\f06a"
}

i.icon.eye:before {
    content: "\f06e"
}

i.icon.exclamation.triangle:before {
    content: "\f071"
}

i.icon.shuffle:before {
    content: "\f074"
}

i.icon.chat:before {
    content: "\f075"
}

i.icon.cart:before {
    content: "\f07a"
}

i.icon.shopping.cart:before {
    content: "\f07a"
}

i.icon.bar.graph:before {
    content: "\f080"
}

i.icon.key:before {
    content: "\f084"
}

i.icon.cogs:before {
    content: "\f085"
}

i.icon.discussions:before {
    content: "\f086"
}

i.icon.like.outline:before {
    content: "\f087"
}

i.icon.dislike.outline:before {
    content: "\f088"
}

i.icon.heart.outline:before {
    content: "\f08a"
}

i.icon.log.out:before {
    content: "\f08b"
}

i.icon.thumb.tack:before {
    content: "\f08d"
}

i.icon.winner:before {
    content: "\f091"
}

i.icon.phone:before {
    content: "\f095"
}

i.icon.bookmark.outline:before {
    content: "\f097"
}

i.icon.phone.square:before {
    content: "\f098"
}

i.icon.credit.card:before {
    content: "\f09d"
}

i.icon.hdd.outline:before {
    content: "\f0a0"
}

i.icon.bullhorn:before {
    content: "\f0a1"
}

i.icon.bell.outline:before {
    content: "\f0a2"
}

i.icon.hand.outline.right:before {
    content: "\f0a4"
}

i.icon.hand.outline.left:before {
    content: "\f0a5"
}

i.icon.hand.outline.up:before {
    content: "\f0a6"
}

i.icon.hand.outline.down:before {
    content: "\f0a7"
}

i.icon.globe:before {
    content: "\f0ac"
}

i.icon.wrench:before {
    content: "\f0ad"
}

i.icon.briefcase:before {
    content: "\f0b1"
}

i.icon.group:before {
    content: "\f0c0"
}

i.icon.linkify:before {
    content: "\f0c1"
}

i.icon.chain:before {
    content: "\f0c1"
}

i.icon.flask:before {
    content: "\f0c3"
}

i.icon.sidebar:before {
    content: "\f0c9"
}

i.icon.bars:before {
    content: "\f0c9"
}

i.icon.list.ul:before {
    content: "\f0ca"
}

i.icon.list.ol:before {
    content: "\f0cb"
}

i.icon.numbered.list:before {
    content: "\f0cb"
}

i.icon.magic:before {
    content: "\f0d0"
}

i.icon.truck:before {
    content: "\f0d1"
}

i.icon.currency:before {
    content: "\f0d6"
}

i.icon.triangle.down:before {
    content: "\f0d7"
}

i.icon.dropdown:before {
    content: "\f0d7"
}

i.icon.triangle.up:before {
    content: "\f0d8"
}

i.icon.triangle.left:before {
    content: "\f0d9"
}

i.icon.triangle.right:before {
    content: "\f0da"
}

i.icon.envelope:before {
    content: "\f0e0"
}

i.icon.conversation:before {
    content: "\f0e6"
}

i.icon.rain:before {
    content: "\f0e9"
}

i.icon.clipboard:before {
    content: "\f0ea"
}

i.icon.lightbulb:before {
    content: "\f0eb"
}

i.icon.bell:before {
    content: "\f0f3"
}

i.icon.ambulance:before {
    content: "\f0f9"
}

i.icon.medkit:before {
    content: "\f0fa"
}

i.icon.fighter.jet:before {
    content: "\f0fb"
}

i.icon.beer:before {
    content: "\f0fc"
}

i.icon.plus.square:before {
    content: "\f0fe"
}

i.icon.computer:before {
    content: "\f108"
}

i.icon.circle.outline:before {
    content: "\f10c"
}

i.icon.gamepad:before {
    content: "\f11b"
}

i.icon.star.half.full:before {
    content: "\f123"
}

i.icon.broken.chain:before {
    content: "\f127"
}

i.icon.question:before {
    content: "\f128"
}

i.icon.exclamation:before {
    content: "\f12a"
}

i.icon.eraser:before {
    content: "\f12d"
}

i.icon.microphone:before {
    content: "\f130"
}

i.icon.microphone.slash:before {
    content: "\f131"
}

i.icon.shield:before {
    content: "\f132"
}

i.icon.target:before {
    content: "\f140"
}

i.icon.play.circle:before {
    content: "\f144"
}

i.icon.pencil.square:before {
    content: "\f14b"
}

i.icon.eur:before {
    content: "\f153"
}

i.icon.gbp:before {
    content: "\f154"
}

i.icon.usd:before {
    content: "\f155"
}

i.icon.inr:before {
    content: "\f156"
}

i.icon.cny:before {
    content: "\f157"
}

i.icon.rmb:before {
    content: "\f157"
}

i.icon.jpy:before {
    content: "\f157"
}

i.icon.rouble:before {
    content: "\f158"
}

i.icon.rub:before {
    content: "\f158"
}

i.icon.krw:before {
    content: "\f159"
}

i.icon.btc:before {
    content: "\f15a"
}

i.icon.gratipay:before {
    content: "\f184"
}

i.icon.zip:before {
    content: "\f187"
}

i.icon.dot.circle.outline:before {
    content: "\f192"
}

i.icon.try:before {
    content: "\f195"
}

i.icon.graduation:before {
    content: "\f19d"
}

i.icon.circle.outline:before {
    content: "\f1db"
}

i.icon.sliders:before {
    content: "\f1de"
}

i.icon.weixin:before {
    content: "\f1d7"
}

i.icon.tty:before {
    content: "\f1e4"
}

i.icon.teletype:before {
    content: "\f1e4"
}

i.icon.binoculars:before {
    content: "\f1e5"
}

i.icon.power.cord:before {
    content: "\f1e6"
}

i.icon.wi-fi:before {
    content: "\f1eb"
}

i.icon.visa.card:before {
    content: "\f1f0"
}

i.icon.mastercard.card:before {
    content: "\f1f1"
}

i.icon.discover.card:before {
    content: "\f1f2"
}

i.icon.amex:before {
    content: "\f1f3"
}

i.icon.american.express.card:before {
    content: "\f1f3"
}

i.icon.stripe.card:before {
    content: "\f1f5"
}

i.icon.bell.slash:before {
    content: "\f1f6"
}

i.icon.bell.slash.outline:before {
    content: "\f1f7"
}

i.icon.area.graph:before {
    content: "\f1fe"
}

i.icon.pie.graph:before {
    content: "\f200"
}

i.icon.line.graph:before {
    content: "\f201"
}

i.icon.cc:before {
    content: "\f20a"
}

i.icon.sheqel:before {
    content: "\f20b"
}

i.icon.ils:before {
    content: "\f20b"
}

i.icon.plus.cart:before {
    content: "\f217"
}

i.icon.arrow.down.cart:before {
    content: "\f218"
}

i.icon.detective:before {
    content: "\f21b"
}

i.icon.venus:before {
    content: "\f221"
}

i.icon.mars:before {
    content: "\f222"
}

i.icon.mercury:before {
    content: "\f223"
}

i.icon.intersex:before {
    content: "\f224"
}

i.icon.venus.double:before {
    content: "\f226"
}

i.icon.female.homosexual:before {
    content: "\f226"
}

i.icon.mars.double:before {
    content: "\f227"
}

i.icon.male.homosexual:before {
    content: "\f227"
}

i.icon.venus.mars:before {
    content: "\f228"
}

i.icon.mars.stroke:before {
    content: "\f229"
}

i.icon.mars.alternate:before {
    content: "\f229"
}

i.icon.mars.vertical:before {
    content: "\f22a"
}

i.icon.mars.stroke.vertical:before {
    content: "\f22a"
}

i.icon.mars.horizontal:before {
    content: "\f22b"
}

i.icon.mars.stroke.horizontal:before {
    content: "\f22b"
}

i.icon.asexual:before {
    content: "\f22d"
}

i.icon.facebook.official:before {
    content: "\f230"
}

i.icon.user.plus:before {
    content: "\f234"
}

i.icon.user.times:before {
    content: "\f235"
}

i.icon.user.close:before {
    content: "\f235"
}

i.icon.user.cancel:before {
    content: "\f235"
}

i.icon.user.delete:before {
    content: "\f235"
}

i.icon.user.x:before {
    content: "\f235"
}

i.icon.bed:before {
    content: "\f236"
}

i.icon.yc:before {
    content: "\f23b"
}

i.icon.ycombinator:before {
    content: "\f23b"
}

i.icon.battery.four:before {
    content: "\f240"
}

i.icon.battery.three:before {
    content: "\f241"
}

i.icon.battery.three.quarters:before {
    content: "\f241"
}

i.icon.battery.two:before {
    content: "\f242"
}

i.icon.battery.half:before {
    content: "\f242"
}

i.icon.battery.one:before {
    content: "\f243"
}

i.icon.battery.quarter:before {
    content: "\f243"
}

i.icon.battery.zero:before {
    content: "\f244"
}

i.icon.i.cursor:before {
    content: "\f246"
}

i.icon.jcb:before {
    content: "\f24b"
}

i.icon.japan.credit.bureau.card:before {
    content: "\f24b"
}

i.icon.diners.club.card:before {
    content: "\f24c"
}

i.icon.balance:before {
    content: "\f24e"
}

i.icon.hourglass.outline:before {
    content: "\f250"
}

i.icon.hourglass.zero:before {
    content: "\f250"
}

i.icon.hourglass.one:before {
    content: "\f251"
}

i.icon.hourglass.two:before {
    content: "\f252"
}

i.icon.hourglass.three:before {
    content: "\f253"
}

i.icon.hourglass.four:before {
    content: "\f254"
}

i.icon.grab:before {
    content: "\f255"
}

i.icon.hand.victory:before {
    content: "\f25b"
}

i.icon.tm:before {
    content: "\f25c"
}

i.icon.r.circle:before {
    content: "\f25d"
}

i.icon.television:before {
    content: "\f26c"
}

i.icon.five.hundred.pixels:before {
    content: "\f26e"
}

i.icon.calendar.plus:before {
    content: "\f271"
}

i.icon.calendar.minus:before {
    content: "\f272"
}

i.icon.calendar.times:before {
    content: "\f273"
}

i.icon.calendar.check:before {
    content: "\f274"
}

i.icon.factory:before {
    content: "\f275"
}

i.icon.commenting:before {
    content: "\f27a"
}

i.icon.commenting.outline:before {
    content: "\f27b"
}

i.icon.edge:before {
    content: "\f282"
}

i.icon.ms.edge:before {
    content: "\f282"
}

i.icon.wordpress.beginner:before {
    content: "\f297"
}

i.icon.wordpress.forms:before {
    content: "\f298"
}

i.icon.envira:before {
    content: "\f299"
}

i.icon.question.circle.outline:before {
    content: "\f29c"
}

i.icon.assistive.listening.devices:before {
    content: "\f2a2"
}

i.icon.als:before {
    content: "\f2a2"
}

i.icon.ald:before {
    content: "\f2a2"
}

i.icon.asl.interpreting:before {
    content: "\f2a3"
}

i.icon.deaf:before {
    content: "\f2a4"
}

i.icon.american.sign.language.interpreting:before {
    content: "\f2a3"
}

i.icon.hard.of.hearing:before {
    content: "\f2a4"
}

i.icon.signing:before {
    content: "\f2a7"
}

i.icon.new.pied.piper:before {
    content: "\f2ae"
}

i.icon.theme.isle:before {
    content: "\f2b2"
}

i.icon.google.plus.official:before {
    content: "\f2b3"
}

i.icon.fa:before {
    content: "\f2b4"
}

.ui.image {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    background-color: transparent
}

img.ui.image {
    display: block
}

.ui.image svg, .ui.image img {
    display: block;
    max-width: 100%;
    height: auto
}

.ui.hidden.images, .ui.hidden.image {
    display: none
}

.ui.hidden.transition.images, .ui.hidden.transition.image {
    display: block;
    visibility: hidden
}

.ui.disabled.images, .ui.disabled.image {
    cursor: default;
    opacity: 0.45
}

.ui.inline.image, .ui.inline.image svg, .ui.inline.image img {
    display: inline-block
}

.ui.top.aligned.images .image, .ui.top.aligned.image, .ui.top.aligned.image svg, .ui.top.aligned.image img {
    display: inline-block;
    vertical-align: top
}

.ui.middle.aligned.images .image, .ui.middle.aligned.image, .ui.middle.aligned.image svg, .ui.middle.aligned.image img {
    display: inline-block;
    vertical-align: middle
}

.ui.bottom.aligned.images .image, .ui.bottom.aligned.image, .ui.bottom.aligned.image svg, .ui.bottom.aligned.image img {
    display: inline-block;
    vertical-align: bottom
}

.ui.rounded.images .image, .ui.rounded.image, .ui.rounded.images .image > *, .ui.rounded.image > * {
    border-radius: 0.3125em
}

.ui.bordered.images .image, .ui.bordered.images img, .ui.bordered.images svg, .ui.bordered.image img, .ui.bordered.image svg, img.ui.bordered.image {
    border: 1px solid rgba(0, 0, 0, 0.1)
}

.ui.circular.images, .ui.circular.image {
    overflow: hidden
}

.ui.circular.images .image, .ui.circular.image, .ui.circular.images .image > *, .ui.circular.image > * {
    border-radius: 500rem
}

.ui.fluid.images, .ui.fluid.image, .ui.fluid.images img, .ui.fluid.images svg, .ui.fluid.image svg, .ui.fluid.image img {
    display: block;
    width: 100%;
    height: auto
}

.ui.avatar.images .image, .ui.avatar.images img, .ui.avatar.images svg, .ui.avatar.image img, .ui.avatar.image svg, .ui.avatar.image {
    margin-right: 0.25em;
    display: inline-block;
    width: 2em;
    height: 2em;
    border-radius: 500rem
}

.ui.spaced.image {
    display: inline-block !important;
    margin-left: 0.5em;
    margin-right: 0.5em
}

.ui[class*="left spaced"].image {
    margin-left: 0.5em;
    margin-right: 0
}

.ui[class*="right spaced"].image {
    margin-left: 0;
    margin-right: 0.5em
}

.ui.floated.image, .ui.floated.images {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em
}

.ui.right.floated.images, .ui.right.floated.image {
    float: right;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 1em
}

.ui.floated.images:last-child, .ui.floated.image:last-child {
    margin-bottom: 0
}

.ui.centered.images, .ui.centered.image {
    margin-left: auto;
    margin-right: auto
}

.ui.mini.images .image, .ui.mini.images img, .ui.mini.images svg, .ui.mini.image {
    width: 35px;
    height: auto;
    font-size: 0.78571429rem
}

.ui.tiny.images .image, .ui.tiny.images img, .ui.tiny.images svg, .ui.tiny.image {
    width: 80px;
    height: auto;
    font-size: 0.85714286rem
}

.ui.small.images .image, .ui.small.images img, .ui.small.images svg, .ui.small.image {
    width: 150px;
    height: auto;
    font-size: 0.92857143rem
}

.ui.medium.images .image, .ui.medium.images img, .ui.medium.images svg, .ui.medium.image {
    width: 300px;
    height: auto;
    font-size: 1rem
}

.ui.large.images .image, .ui.large.images img, .ui.large.images svg, .ui.large.image {
    width: 450px;
    height: auto;
    font-size: 1.14285714rem
}

.ui.big.images .image, .ui.big.images img, .ui.big.images svg, .ui.big.image {
    width: 600px;
    height: auto;
    font-size: 1.28571429rem
}

.ui.huge.images .image, .ui.huge.images img, .ui.huge.images svg, .ui.huge.image {
    width: 800px;
    height: auto;
    font-size: 1.42857143rem
}

.ui.massive.images .image, .ui.massive.images img, .ui.massive.images svg, .ui.massive.image {
    width: 960px;
    height: auto;
    font-size: 1.71428571rem
}

.ui.images {
    font-size: 0;
    margin: 0 -0.25rem 0rem
}

.ui.images .image, .ui.images img, .ui.images svg {
    display: inline-block;
    margin: 0 0.25rem 0.5rem
}

.ui.label {
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin: 0 0.14285714em;
    background-color: #E8E8E8;
    background-image: none;
    padding: 0.5833em 0.833em;
    color: rgba(0, 0, 0, 0.6);
    text-transform: none;
    font-weight: bold;
    border: 0 solid transparent;
    border-radius: 0.28571429rem;
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease
}

.ui.label:first-child {
    margin-left: 0
}

.ui.label:last-child {
    margin-right: 0
}

a.ui.label {
    cursor: pointer
}

.ui.label > a {
    cursor: pointer;
    color: inherit;
    opacity: 0.5;
    -webkit-transition: 0.1s opacity ease;
    transition: 0.1s opacity ease
}

.ui.label > a:hover {
    opacity: 1
}

.ui.label > img {
    width: auto !important;
    vertical-align: middle;
    height: 2.1666em !important
}

.ui.label > .icon {
    width: auto;
    margin: 0 0.75em 0 0
}

.ui.label > .detail {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    margin-left: 1em;
    opacity: 0.8
}

.ui.label > .detail .icon {
    margin: 0 0.25em 0 0
}

.ui.label > .close.icon, .ui.label > .delete.icon {
    cursor: pointer;
    margin-right: 0;
    margin-left: 0.5em;
    font-size: 0.92857143em;
    opacity: 0.5;
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease
}

.ui.label > .delete.icon:hover {
    opacity: 1
}

.ui.labels > .label {
    margin: 0 0.5em 0.5em 0
}

.ui.header > .ui.label {
    margin-top: -0.29165em
}

.ui.attached.segment > .ui.top.left.attached.label, .ui.bottom.attached.segment > .ui.top.left.attached.label {
    border-top-left-radius: 0
}

.ui.attached.segment > .ui.top.right.attached.label, .ui.bottom.attached.segment > .ui.top.right.attached.label {
    border-top-right-radius: 0
}

.ui.top.attached.segment > .ui.bottom.left.attached.label {
    border-bottom-left-radius: 0
}

.ui.top.attached.segment > .ui.bottom.right.attached.label {
    border-bottom-right-radius: 0
}

.ui.top.attached.label:first-child + :not(.attached), .ui.top.attached.label + [class*="right floated"] + * {
    margin-top: 2rem !important
}

.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
    margin-top: 0;
    margin-bottom: 2rem !important
}

.ui.image.label {
    width: auto !important;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 9999px;
    vertical-align: baseline;
    text-transform: none;
    background: #E8E8E8;
    padding: 0.5833em 0.833em 0.5833em 0.5em;
    border-radius: 0.28571429rem;
    box-shadow: none
}

.ui.image.label img {
    display: inline-block;
    vertical-align: top;
    height: 2.1666em;
    margin: -0.5833em 0.5em -0.5833em -0.5em;
    border-radius: 0.28571429rem 0 0 0.28571429rem
}

.ui.image.label .detail {
    background: rgba(0, 0, 0, 0.1);
    margin: -0.5833em -0.833em -0.5833em 0.5em;
    padding: 0.5833em 0.833em;
    border-radius: 0 0.28571429rem 0.28571429rem 0
}

.ui.tag.labels .label, .ui.tag.label {
    margin-left: 1em;
    position: relative;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border-radius: 0 0.28571429rem 0.28571429rem 0;
    -webkit-transition: none;
    transition: none
}

.ui.tag.labels .label:before, .ui.tag.label:before {
    position: absolute;
    -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
    transform: translateY(-50%) translateX(50%) rotate(-45deg);
    top: 50%;
    right: 100%;
    content: '';
    background-color: inherit;
    background-image: none;
    width: 1.56em;
    height: 1.56em;
    -webkit-transition: none;
    transition: none
}

.ui.tag.labels .label:after, .ui.tag.label:after {
    position: absolute;
    content: '';
    top: 50%;
    left: -0.25em;
    margin-top: -0.25em;
    background-color: #FFF !important;
    width: 0.5em;
    height: 0.5em;
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
    border-radius: 500rem
}

.ui.corner.label {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    border-color: #E8E8E8;
    width: 4em;
    height: 4em;
    z-index: 1;
    -webkit-transition: border-color 0.1s ease;
    transition: border-color 0.1s ease
}

.ui.corner.label {
    background-color: transparent !important
}

.ui.corner.label:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 0;
    background-color: transparent !important;
    border-top: 0 solid transparent;
    border-right: 4em solid transparent;
    border-bottom: 4em solid transparent;
    border-left: 0 solid transparent;
    border-right-color: inherit;
    -webkit-transition: border-color 0.1s ease;
    transition: border-color 0.1s ease
}

.ui.corner.label .icon {
    cursor: default;
    position: relative;
    top: 0.64285714em;
    left: 0.78571429em;
    font-size: 1.14285714em;
    margin: 0
}

.ui.left.corner.label, .ui.left.corner.label:after {
    right: auto;
    left: 0
}

.ui.left.corner.label:after {
    border-top: 4em solid transparent;
    border-right: 4em solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid transparent;
    border-top-color: inherit
}

.ui.left.corner.label .icon {
    left: -0.78571429em
}

.ui.segment > .ui.corner.label {
    top: -1px;
    right: -1px
}

.ui.segment > .ui.left.corner.label {
    right: auto;
    left: -1px
}

.ui.ribbon.label {
    position: relative;
    margin: 0;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    border-radius: 0 0.28571429rem 0.28571429rem 0;
    border-color: rgba(0, 0, 0, 0.15)
}

.ui.ribbon.label:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    background-color: transparent !important;
    border-style: solid;
    border-width: 0 1.2em 1.2em 0;
    border-color: transparent;
    border-right-color: inherit;
    width: 0;
    height: 0
}

.ui.ribbon.label {
    left: calc(-1rem - 1.2em);
    margin-right: -1.2em;
    padding-left: calc(1rem + 1.2em);
    padding-right: 1.2em
}

.ui[class*="right ribbon"].label {
    left: calc(100% + 1rem + 1.2em);
    padding-left: 1.2em;
    padding-right: calc(1rem + 1.2em)
}

.ui[class*="right ribbon"].label {
    text-align: left;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    border-radius: 0.28571429rem 0 0 0.28571429rem
}

.ui[class*="right ribbon"].label:after {
    left: auto;
    right: 0;
    border-style: solid;
    border-width: 1.2em 1.2em 0 0;
    border-color: transparent;
    border-top-color: inherit
}

.ui.image > .ribbon.label, .ui.card .image > .ribbon.label {
    position: absolute;
    top: 1rem
}

.ui.card .image > .ui.ribbon.label, .ui.image > .ui.ribbon.label {
    left: calc(0.05rem - 1.2em)
}

.ui.card .image > .ui[class*="right ribbon"].label, .ui.image > .ui[class*="right ribbon"].label {
    left: calc(100% + -0.05rem + 1.2em);
    padding-left: 0.833em
}

.ui.table td > .ui.ribbon.label {
    left: calc(-0.78571429em - 1.2em)
}

.ui.table td > .ui[class*="right ribbon"].label {
    left: calc(100% + 0.78571429em + 1.2em);
    padding-left: 0.833em
}

.ui[class*="top attached"].label, .ui.attached.label {
    width: 100%;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    padding: 0.75em 1em;
    border-radius: 0.21428571rem 0.21428571rem 0 0
}

.ui[class*="bottom attached"].label {
    top: auto;
    bottom: 0;
    border-radius: 0 0 0.21428571rem 0.21428571rem
}

.ui[class*="top left attached"].label {
    width: auto;
    margin-top: 0 !important;
    border-radius: 0.21428571rem 0 0.28571429rem 0
}

.ui[class*="top right attached"].label {
    width: auto;
    left: auto;
    right: 0;
    border-radius: 0 0.21428571rem 0 0.28571429rem
}

.ui[class*="bottom left attached"].label {
    width: auto;
    top: auto;
    bottom: 0;
    border-radius: 0 0.28571429rem 0 0.21428571rem
}

.ui[class*="bottom right attached"].label {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    width: auto;
    border-radius: 0.28571429rem 0 0.21428571rem 0
}

.ui.label.disabled {
    opacity: 0.5
}

a.ui.labels .label:hover, a.ui.label:hover {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
    background-image: none;
    color: rgba(0, 0, 0, 0.8)
}

.ui.labels a.label:hover:before, a.ui.label:hover:before {
    color: rgba(0, 0, 0, 0.8)
}

.ui.active.label {
    background-color: #D0D0D0;
    border-color: #D0D0D0;
    background-image: none;
    color: rgba(0, 0, 0, 0.95)
}

.ui.active.label:before {
    background-color: #D0D0D0;
    background-image: none;
    color: rgba(0, 0, 0, 0.95)
}

a.ui.labels .active.label:hover, a.ui.active.label:hover {
    background-color: #C8C8C8;
    border-color: #C8C8C8;
    background-image: none;
    color: rgba(0, 0, 0, 0.95)
}

.ui.labels a.active.label:ActiveHover:before, a.ui.active.label:ActiveHover:before {
    background-color: #C8C8C8;
    background-image: none;
    color: rgba(0, 0, 0, 0.95)
}

.ui.labels.visible .label, .ui.label.visible:not(.dropdown) {
    display: inline-block !important
}

.ui.labels.hidden .label, .ui.label.hidden {
    display: none !important
}

.ui.red.labels .label, .ui.red.label {
    background-color: #DB2828 !important;
    border-color: #DB2828 !important;
    color: #FFF !important
}

.ui.red.labels .label:hover, a.ui.red.label:hover {
    background-color: #d01919 !important;
    border-color: #d01919 !important;
    color: #FFF !important
}

.ui.red.corner.label, .ui.red.corner.label:hover {
    background-color: transparent !important
}

.ui.red.ribbon.label {
    border-color: #b21e1e !important
}

.ui.basic.red.label {
    background-color: #FFF !important;
    color: #DB2828 !important;
    border-color: #DB2828 !important
}

.ui.basic.red.labels a.label:hover, a.ui.basic.red.label:hover {
    background-color: #FFF !important;
    color: #d01919 !important;
    border-color: #d01919 !important
}

.ui.orange.labels .label, .ui.orange.label {
    background-color: #F2711C !important;
    border-color: #F2711C !important;
    color: #FFF !important
}

.ui.orange.labels .label:hover, a.ui.orange.label:hover {
    background-color: #f26202 !important;
    border-color: #f26202 !important;
    color: #FFF !important
}

.ui.orange.corner.label, .ui.orange.corner.label:hover {
    background-color: transparent !important
}

.ui.orange.ribbon.label {
    border-color: #cf590c !important
}

.ui.basic.orange.label {
    background-color: #FFF !important;
    color: #F2711C !important;
    border-color: #F2711C !important
}

.ui.basic.orange.labels a.label:hover, a.ui.basic.orange.label:hover {
    background-color: #FFF !important;
    color: #f26202 !important;
    border-color: #f26202 !important
}

.ui.yellow.labels .label, .ui.yellow.label {
    background-color: #FBBD08 !important;
    border-color: #FBBD08 !important;
    color: #FFF !important
}

.ui.yellow.labels .label:hover, a.ui.yellow.label:hover {
    background-color: #eaae00 !important;
    border-color: #eaae00 !important;
    color: #FFF !important
}

.ui.yellow.corner.label, .ui.yellow.corner.label:hover {
    background-color: transparent !important
}

.ui.yellow.ribbon.label {
    border-color: #cd9903 !important
}

.ui.basic.yellow.label {
    background-color: #FFF !important;
    color: #FBBD08 !important;
    border-color: #FBBD08 !important
}

.ui.basic.yellow.labels a.label:hover, a.ui.basic.yellow.label:hover {
    background-color: #FFF !important;
    color: #eaae00 !important;
    border-color: #eaae00 !important
}

.ui.olive.labels .label, .ui.olive.label {
    background-color: #B5CC18 !important;
    border-color: #B5CC18 !important;
    color: #FFF !important
}

.ui.olive.labels .label:hover, a.ui.olive.label:hover {
    background-color: #a7bd0d !important;
    border-color: #a7bd0d !important;
    color: #FFF !important
}

.ui.olive.corner.label, .ui.olive.corner.label:hover {
    background-color: transparent !important
}

.ui.olive.ribbon.label {
    border-color: #198f35 !important
}

.ui.basic.olive.label {
    background-color: #FFF !important;
    color: #B5CC18 !important;
    border-color: #B5CC18 !important
}

.ui.basic.olive.labels a.label:hover, a.ui.basic.olive.label:hover {
    background-color: #FFF !important;
    color: #a7bd0d !important;
    border-color: #a7bd0d !important
}

.ui.green.labels .label, .ui.green.label {
    background-color: #21BA45 !important;
    border-color: #21BA45 !important;
    color: #FFF !important
}

.ui.green.labels .label:hover, a.ui.green.label:hover {
    background-color: #16ab39 !important;
    border-color: #16ab39 !important;
    color: #FFF !important
}

.ui.green.corner.label, .ui.green.corner.label:hover {
    background-color: transparent !important
}

.ui.green.ribbon.label {
    border-color: #198f35 !important
}

.ui.basic.green.label {
    background-color: #FFF !important;
    color: #21BA45 !important;
    border-color: #21BA45 !important
}

.ui.basic.green.labels a.label:hover, a.ui.basic.green.label:hover {
    background-color: #FFF !important;
    color: #16ab39 !important;
    border-color: #16ab39 !important
}

.ui.teal.labels .label, .ui.teal.label {
    background-color: #00B5AD !important;
    border-color: #00B5AD !important;
    color: #FFF !important
}

.ui.teal.labels .label:hover, a.ui.teal.label:hover {
    background-color: #009c95 !important;
    border-color: #009c95 !important;
    color: #FFF !important
}

.ui.teal.corner.label, .ui.teal.corner.label:hover {
    background-color: transparent !important
}

.ui.teal.ribbon.label {
    border-color: #00827c !important
}

.ui.basic.teal.label {
    background-color: #FFF !important;
    color: #00B5AD !important;
    border-color: #00B5AD !important
}

.ui.basic.teal.labels a.label:hover, a.ui.basic.teal.label:hover {
    background-color: #FFF !important;
    color: #009c95 !important;
    border-color: #009c95 !important
}

.ui.blue.labels .label, .ui.blue.label {
    background-color: #2185D0 !important;
    border-color: #2185D0 !important;
    color: #FFF !important
}

.ui.blue.labels .label:hover, a.ui.blue.label:hover {
    background-color: #1678c2 !important;
    border-color: #1678c2 !important;
    color: #FFF !important
}

.ui.blue.corner.label, .ui.blue.corner.label:hover {
    background-color: transparent !important
}

.ui.blue.ribbon.label {
    border-color: #1a69a4 !important
}

.ui.basic.blue.label {
    background-color: #FFF !important;
    color: #2185D0 !important;
    border-color: #2185D0 !important
}

.ui.basic.blue.labels a.label:hover, a.ui.basic.blue.label:hover {
    background-color: #FFF !important;
    color: #1678c2 !important;
    border-color: #1678c2 !important
}

.ui.violet.labels .label, .ui.violet.label {
    background-color: #6435C9 !important;
    border-color: #6435C9 !important;
    color: #FFF !important
}

.ui.violet.labels .label:hover, a.ui.violet.label:hover {
    background-color: #5829bb !important;
    border-color: #5829bb !important;
    color: #FFF !important
}

.ui.violet.corner.label, .ui.violet.corner.label:hover {
    background-color: transparent !important
}

.ui.violet.ribbon.label {
    border-color: #502aa1 !important
}

.ui.basic.violet.label {
    background-color: #FFF !important;
    color: #6435C9 !important;
    border-color: #6435C9 !important
}

.ui.basic.violet.labels a.label:hover, a.ui.basic.violet.label:hover {
    background-color: #FFF !important;
    color: #5829bb !important;
    border-color: #5829bb !important
}

.ui.purple.labels .label, .ui.purple.label {
    background-color: #A333C8 !important;
    border-color: #A333C8 !important;
    color: #FFF !important
}

.ui.purple.labels .label:hover, a.ui.purple.label:hover {
    background-color: #9627ba !important;
    border-color: #9627ba !important;
    color: #FFF !important
}

.ui.purple.corner.label, .ui.purple.corner.label:hover {
    background-color: transparent !important
}

.ui.purple.ribbon.label {
    border-color: #82299f !important
}

.ui.basic.purple.label {
    background-color: #FFF !important;
    color: #A333C8 !important;
    border-color: #A333C8 !important
}

.ui.basic.purple.labels a.label:hover, a.ui.basic.purple.label:hover {
    background-color: #FFF !important;
    color: #9627ba !important;
    border-color: #9627ba !important
}

.ui.pink.labels .label, .ui.pink.label {
    background-color: #E03997 !important;
    border-color: #E03997 !important;
    color: #FFF !important
}

.ui.pink.labels .label:hover, a.ui.pink.label:hover {
    background-color: #e61a8d !important;
    border-color: #e61a8d !important;
    color: #FFF !important
}

.ui.pink.corner.label, .ui.pink.corner.label:hover {
    background-color: transparent !important
}

.ui.pink.ribbon.label {
    border-color: #c71f7e !important
}

.ui.basic.pink.label {
    background-color: #FFF !important;
    color: #E03997 !important;
    border-color: #E03997 !important
}

.ui.basic.pink.labels a.label:hover, a.ui.basic.pink.label:hover {
    background-color: #FFF !important;
    color: #e61a8d !important;
    border-color: #e61a8d !important
}

.ui.brown.labels .label, .ui.brown.label {
    background-color: #A5673F !important;
    border-color: #A5673F !important;
    color: #FFF !important
}

.ui.brown.labels .label:hover, a.ui.brown.label:hover {
    background-color: #975b33 !important;
    border-color: #975b33 !important;
    color: #FFF !important
}

.ui.brown.corner.label, .ui.brown.corner.label:hover {
    background-color: transparent !important
}

.ui.brown.ribbon.label {
    border-color: #805031 !important
}

.ui.basic.brown.label {
    background-color: #FFF !important;
    color: #A5673F !important;
    border-color: #A5673F !important
}

.ui.basic.brown.labels a.label:hover, a.ui.basic.brown.label:hover {
    background-color: #FFF !important;
    color: #975b33 !important;
    border-color: #975b33 !important
}

.ui.grey.labels .label, .ui.grey.label {
    background-color: #767676 !important;
    border-color: #767676 !important;
    color: #FFF !important
}

.ui.grey.labels .label:hover, a.ui.grey.label:hover {
    background-color: #838383 !important;
    border-color: #838383 !important;
    color: #FFF !important
}

.ui.grey.corner.label, .ui.grey.corner.label:hover {
    background-color: transparent !important
}

.ui.grey.ribbon.label {
    border-color: #805031 !important
}

.ui.basic.grey.label {
    background-color: #FFF !important;
    color: #767676 !important;
    border-color: #767676 !important
}

.ui.basic.grey.labels a.label:hover, a.ui.basic.grey.label:hover {
    background-color: #FFF !important;
    color: #838383 !important;
    border-color: #838383 !important
}

.ui.black.labels .label, .ui.black.label {
    background-color: #1B1C1D !important;
    border-color: #1B1C1D !important;
    color: #FFF !important
}

.ui.black.labels .label:hover, a.ui.black.label:hover {
    background-color: #27292a !important;
    border-color: #27292a !important;
    color: #FFF !important
}

.ui.black.corner.label, .ui.black.corner.label:hover {
    background-color: transparent !important
}

.ui.black.ribbon.label {
    border-color: #805031 !important
}

.ui.basic.black.label {
    background-color: #FFF !important;
    color: #1B1C1D !important;
    border-color: #1B1C1D !important
}

.ui.basic.black.labels a.label:hover, a.ui.basic.black.label:hover {
    background-color: #FFF !important;
    color: #27292a !important;
    border-color: #27292a !important
}

.ui.basic.label {
    background: none #FFF;
    border: 1px solid rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none
}

a.ui.basic.label:hover {
    text-decoration: none;
    background: none #FFF;
    color: #1e70bf;
    box-shadow: 1px solid rgba(34, 36, 38, 0.15);
    box-shadow: none
}

.ui.basic.pointing.label:before {
    border-color: inherit
}

.ui.label.fluid, .ui.fluid.labels > .label {
    width: 100%;
    box-sizing: border-box
}

.ui.inverted.labels .label, .ui.inverted.label {
    color: rgba(255, 255, 255, 0.9) !important
}

.ui.horizontal.labels .label, .ui.horizontal.label {
    margin: 0 0.5em 0 0;
    padding: 0.4em 0.833em;
    min-width: 3em;
    text-align: center
}

.ui.circular.labels .label, .ui.circular.label {
    min-width: 2em;
    min-height: 2em;
    padding: 0.5em !important;
    line-height: 1em;
    text-align: center;
    border-radius: 500rem
}

.ui.empty.circular.labels .label, .ui.empty.circular.label {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    width: 0.5em;
    height: 0.5em;
    vertical-align: baseline
}

.ui.pointing.label {
    position: relative
}

.ui.attached.pointing.label {
    position: absolute
}

.ui.pointing.label:before {
    background-color: inherit;
    background-image: inherit;
    border-width: none;
    border-style: solid;
    border-color: inherit
}

.ui.pointing.label:before {
    position: absolute;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-image: none;
    z-index: 2;
    width: 0.6666em;
    height: 0.6666em;
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease
}

.ui.pointing.label, .ui[class*="pointing above"].label {
    margin-top: 1em
}

.ui.pointing.label:before, .ui[class*="pointing above"].label:before {
    border-width: 1px 0 0 1px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%
}

.ui[class*="bottom pointing"].label, .ui[class*="pointing below"].label {
    margin-top: 0;
    margin-bottom: 1em
}

.ui[class*="bottom pointing"].label:before, .ui[class*="pointing below"].label:before {
    border-width: 0 1px 1px 0;
    top: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 100%;
    left: 50%
}

.ui[class*="left pointing"].label {
    margin-top: 0;
    margin-left: 0.6666em
}

.ui[class*="left pointing"].label:before {
    border-width: 0 0 1px 1px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    bottom: auto;
    right: auto;
    top: 50%;
    left: 0
}

.ui[class*="right pointing"].label {
    margin-top: 0;
    margin-right: 0.6666em
}

.ui[class*="right pointing"].label:before {
    border-width: 1px 1px 0 0;
    -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
    transform: translateX(50%) translateY(-50%) rotate(45deg);
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto
}

.ui.basic.pointing.label:before, .ui.basic[class*="pointing above"].label:before {
    margin-top: -1px
}

.ui.basic[class*="bottom pointing"].label:before, .ui.basic[class*="pointing below"].label:before {
    bottom: auto;
    top: 100%;
    margin-top: 1px
}

.ui.basic[class*="left pointing"].label:before {
    top: 50%;
    left: -1px
}

.ui.basic[class*="right pointing"].label:before {
    top: 50%;
    right: -1px
}

.ui.floating.label {
    position: absolute;
    z-index: 100;
    top: -1em;
    left: 100%;
    margin: 0 0 0 -1.5em !important
}

.ui.mini.labels .label, .ui.mini.label {
    font-size: 0.64285714rem
}

.ui.tiny.labels .label, .ui.tiny.label {
    font-size: 0.71428571rem
}

.ui.small.labels .label, .ui.small.label {
    font-size: 0.78571429rem
}

.ui.labels .label, .ui.label {
    font-size: 0.85714286rem
}

.ui.large.labels .label, .ui.large.label {
    font-size: 1rem
}

.ui.big.labels .label, .ui.big.label {
    font-size: 1.28571429rem
}

.ui.huge.labels .label, .ui.huge.label {
    font-size: 1.42857143rem
}

.ui.massive.labels .label, .ui.massive.label {
    font-size: 1.71428571rem
}

ul.ui.list, ol.ui.list, .ui.list {
    list-style-type: none;
    margin: 1em 0;
    padding: 0 0
}

ul.ui.list:first-child, ol.ui.list:first-child, .ui.list:first-child {
    margin-top: 0;
    padding-top: 0
}

ul.ui.list:last-child, ol.ui.list:last-child, .ui.list:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

ul.ui.list li, ol.ui.list li, .ui.list > .item, .ui.list .list > .item {
    display: list-item;
    table-layout: fixed;
    list-style-type: none;
    list-style-position: outside;
    padding: 0.21428571em 0;
    line-height: 1.14285714em
}

ul.ui.list > li:first-child:after, ol.ui.list > li:first-child:after, .ui.list > .list > .item, .ui.list > .item:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

ul.ui.list li:first-child, ol.ui.list li:first-child, .ui.list .list > .item:first-child, .ui.list > .item:first-child {
    padding-top: 0
}

ul.ui.list li:last-child, ol.ui.list li:last-child, .ui.list .list > .item:last-child, .ui.list > .item:last-child {
    padding-bottom: 0
}

ul.ui.list ul, ol.ui.list ol, .ui.list .list {
    clear: both;
    margin: 0;
    padding: 0.75em 0 0.25em 0.5em
}

ul.ui.list ul li, ol.ui.list ol li, .ui.list .list > .item {
    padding: 0.14285714em 0;
    line-height: inherit
}

.ui.list .list > .item > i.icon, .ui.list > .item > i.icon {
    display: table-cell;
    margin: 0;
    padding-top: 0.07142857em;
    padding-right: 0.28571429em;
    vertical-align: top;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease
}

.ui.list .list > .item > i.icon:only-child, .ui.list > .item > i.icon:only-child {
    display: inline-block;
    vertical-align: top
}

.ui.list .list > .item > .image, .ui.list > .item > .image {
    display: table-cell;
    background-color: transparent;
    margin: 0;
    vertical-align: top
}

.ui.list .list > .item > .image:not(:only-child):not(img), .ui.list > .item > .image:not(:only-child):not(img) {
    padding-right: 0.5em
}

.ui.list .list > .item > .image img, .ui.list > .item > .image img {
    vertical-align: top
}

.ui.list .list > .item > img.image, .ui.list .list > .item > .image:only-child, .ui.list > .item > img.image, .ui.list > .item > .image:only-child {
    display: inline-block
}

.ui.list .list > .item > .content, .ui.list > .item > .content {
    line-height: 1.14285714em
}

.ui.list .list > .item > .image + .content, .ui.list .list > .item > .icon + .content, .ui.list > .item > .image + .content, .ui.list > .item > .icon + .content {
    display: table-cell;
    padding: 0 0 0 0.5em;
    vertical-align: top
}

.ui.list .list > .item > img.image + .content, .ui.list > .item > img.image + .content {
    display: inline-block
}

.ui.list .list > .item > .content > .list, .ui.list > .item > .content > .list {
    margin-left: 0;
    padding-left: 0
}

.ui.list .list > .item .header, .ui.list > .item .header {
    display: block;
    margin: 0;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.87)
}

.ui.list .list > .item .description, .ui.list > .item .description {
    display: block;
    color: rgba(0, 0, 0, 0.7)
}

.ui.list > .item a, .ui.list .list > .item a {
    cursor: pointer
}

.ui.list .list > a.item, .ui.list > a.item {
    cursor: pointer;
    color: #4183C4
}

.ui.list .list > a.item:hover, .ui.list > a.item:hover {
    color: #1e70bf
}

.ui.list .list > a.item i.icon, .ui.list > a.item i.icon {
    color: rgba(0, 0, 0, 0.4)
}

.ui.list .list > .item a.header, .ui.list > .item a.header {
    cursor: pointer;
    color: #4183C4 !important
}

.ui.list .list > .item a.header:hover, .ui.list > .item a.header:hover {
    color: #1e70bf !important
}

.ui[class*="left floated"].list {
    float: left
}

.ui[class*="right floated"].list {
    float: right
}

.ui.list .list > .item [class*="left floated"], .ui.list > .item [class*="left floated"] {
    float: left;
    margin: 0 1em 0 0
}

.ui.list .list > .item [class*="right floated"], .ui.list > .item [class*="right floated"] {
    float: right;
    margin: 0 0 0 1em
}

.ui.menu .ui.list > .item, .ui.menu .ui.list .list > .item {
    display: list-item;
    table-layout: fixed;
    background-color: transparent;
    list-style-type: none;
    list-style-position: outside;
    padding: 0.21428571em 0;
    line-height: 1.14285714em
}

.ui.menu .ui.list .list > .item:before, .ui.menu .ui.list > .item:before {
    border: none;
    background: none
}

.ui.menu .ui.list .list > .item:first-child, .ui.menu .ui.list > .item:first-child {
    padding-top: 0
}

.ui.menu .ui.list .list > .item:last-child, .ui.menu .ui.list > .item:last-child {
    padding-bottom: 0
}

.ui.horizontal.list {
    display: inline-block;
    font-size: 0
}

.ui.horizontal.list > .item {
    display: inline-block;
    margin-left: 1em;
    font-size: 1rem
}

.ui.horizontal.list:not(.celled) > .item:first-child {
    margin-left: 0 !important;
    padding-left: 0 !important
}

.ui.horizontal.list .list {
    padding-left: 0;
    padding-bottom: 0
}

.ui.horizontal.list > .item > .image, .ui.horizontal.list .list > .item > .image, .ui.horizontal.list > .item > .icon, .ui.horizontal.list .list > .item > .icon, .ui.horizontal.list > .item > .content, .ui.horizontal.list .list > .item > .content {
    vertical-align: middle
}

.ui.horizontal.list > .item:first-child, .ui.horizontal.list > .item:last-child {
    padding-top: 0.21428571em;
    padding-bottom: 0.21428571em
}

.ui.horizontal.list > .item > i.icon {
    margin: 0;
    padding: 0 0.25em 0 0
}

.ui.horizontal.list > .item > .icon, .ui.horizontal.list > .item > .icon + .content {
    float: none;
    display: inline-block
}

.ui.list .list > .disabled.item, .ui.list > .disabled.item {
    pointer-events: none;
    color: rgba(40, 40, 40, 0.3) !important
}

.ui.inverted.list .list > .disabled.item, .ui.inverted.list > .disabled.item {
    color: rgba(225, 225, 225, 0.3) !important
}

.ui.list .list > a.item:hover .icon, .ui.list > a.item:hover .icon {
    color: rgba(0, 0, 0, 0.87)
}

.ui.inverted.list .list > a.item > .icon, .ui.inverted.list > a.item > .icon {
    color: rgba(255, 255, 255, 0.7)
}

.ui.inverted.list .list > .item .header, .ui.inverted.list > .item .header {
    color: rgba(255, 255, 255, 0.9)
}

.ui.inverted.list .list > .item .description, .ui.inverted.list > .item .description {
    color: rgba(255, 255, 255, 0.7)
}

.ui.inverted.list .list > a.item, .ui.inverted.list > a.item {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.9)
}

.ui.inverted.list .list > a.item:hover, .ui.inverted.list > a.item:hover {
    color: #1e70bf
}

.ui.inverted.list .item a:not(.ui) {
    color: rgba(255, 255, 255, 0.9) !important
}

.ui.inverted.list .item a:not(.ui):hover {
    color: #1e70bf !important
}

.ui.list[class*="top aligned"] .image, .ui.list[class*="top aligned"] .content, .ui.list [class*="top aligned"] {
    vertical-align: top !important
}

.ui.list[class*="middle aligned"] .image, .ui.list[class*="middle aligned"] .content, .ui.list [class*="middle aligned"] {
    vertical-align: middle !important
}

.ui.list[class*="bottom aligned"] .image, .ui.list[class*="bottom aligned"] .content, .ui.list [class*="bottom aligned"] {
    vertical-align: bottom !important
}

.ui.link.list .item, .ui.link.list a.item, .ui.link.list .item a:not(.ui) {
    color: rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.1s color ease;
    transition: 0.1s color ease
}

.ui.link.list a.item:hover, .ui.link.list .item a:not(.ui):hover {
    color: rgba(0, 0, 0, 0.8)
}

.ui.link.list a.item:active, .ui.link.list .item a:not(.ui):active {
    color: rgba(0, 0, 0, 0.9)
}

.ui.link.list .active.item, .ui.link.list .active.item a:not(.ui) {
    color: rgba(0, 0, 0, 0.95)
}

.ui.inverted.link.list .item, .ui.inverted.link.list a.item, .ui.inverted.link.list .item a:not(.ui) {
    color: rgba(255, 255, 255, 0.5)
}

.ui.inverted.link.list a.item:hover, .ui.inverted.link.list .item a:not(.ui):hover {
    color: #fff
}

.ui.inverted.link.list a.item:active, .ui.inverted.link.list .item a:not(.ui):active {
    color: #fff
}

.ui.inverted.link.list a.active.item, .ui.inverted.link.list .active.item a:not(.ui) {
    color: #fff
}

.ui.selection.list .list > .item, .ui.selection.list > .item {
    cursor: pointer;
    background: transparent;
    padding: 0.5em 0.5em;
    margin: 0;
    color: rgba(0, 0, 0, 0.4);
    border-radius: 0.5em;
    -webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
    transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease
}

.ui.selection.list .list > .item:last-child, .ui.selection.list > .item:last-child {
    margin-bottom: 0
}

.ui.selection.list.list > .item:hover, .ui.selection.list > .item:hover {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.8)
}

.ui.selection.list .list > .item:active, .ui.selection.list > .item:active {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.9)
}

.ui.selection.list .list > .item.active, .ui.selection.list > .item.active {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95)
}

.ui.inverted.selection.list > .item, .ui.inverted.selection.list > .item {
    background: transparent;
    color: rgba(255, 255, 255, 0.5)
}

.ui.inverted.selection.list > .item:hover, .ui.inverted.selection.list > .item:hover {
    background: rgba(255, 255, 255, 0.02);
    color: #fff
}

.ui.inverted.selection.list > .item:active, .ui.inverted.selection.list > .item:active {
    background: rgba(255, 255, 255, 0.08);
    color: #fff
}

.ui.inverted.selection.list > .item.active, .ui.inverted.selection.list > .item.active {
    background: rgba(255, 255, 255, 0.08);
    color: #fff
}

.ui.celled.selection.list .list > .item, .ui.divided.selection.list .list > .item, .ui.celled.selection.list > .item, .ui.divided.selection.list > .item {
    border-radius: 0
}

.ui.animated.list > .item {
    -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
    transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s
}

.ui.animated.list:not(.horizontal) > .item:hover {
    padding-left: 1em
}

.ui.fitted.list:not(.selection) .list > .item, .ui.fitted.list:not(.selection) > .item {
    padding-left: 0;
    padding-right: 0
}

.ui.fitted.selection.list .list > .item, .ui.fitted.selection.list > .item {
    margin-left: -0.5em;
    margin-right: -0.5em
}

ul.ui.list, .ui.bulleted.list {
    margin-left: 1.25rem
}

ul.ui.list li, .ui.bulleted.list .list > .item, .ui.bulleted.list > .item {
    position: relative
}

ul.ui.list li:before, .ui.bulleted.list .list > .item:before, .ui.bulleted.list > .item:before {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    position: absolute;
    top: auto;
    left: auto;
    font-weight: normal;
    margin-left: -1.25rem;
    content: '•';
    opacity: 1;
    color: inherit;
    vertical-align: top
}

ul.ui.list li:before, .ui.bulleted.list .list > a.item:before, .ui.bulleted.list > a.item:before {
    color: rgba(0, 0, 0, 0.87)
}

ul.ui.list ul, .ui.bulleted.list .list {
    padding-left: 1.25rem
}

ul.ui.horizontal.bulleted.list, .ui.horizontal.bulleted.list {
    margin-left: 0
}

ul.ui.horizontal.bulleted.list li, .ui.horizontal.bulleted.list > .item {
    margin-left: 1.75rem
}

ul.ui.horizontal.bulleted.list li:first-child, .ui.horizontal.bulleted.list > .item:first-child {
    margin-left: 0
}

ul.ui.horizontal.bulleted.list li::before, .ui.horizontal.bulleted.list > .item::before {
    color: rgba(0, 0, 0, 0.87)
}

ul.ui.horizontal.bulleted.list li:first-child::before, .ui.horizontal.bulleted.list > .item:first-child::before {
    display: none
}

ol.ui.list, .ui.ordered.list, .ui.ordered.list .list, ol.ui.list ol {
    counter-reset: ordered;
    margin-left: 1.25rem;
    list-style-type: none
}

ol.ui.list li, .ui.ordered.list .list > .item, .ui.ordered.list > .item {
    list-style-type: none;
    position: relative
}

ol.ui.list li:before, .ui.ordered.list .list > .item:before, .ui.ordered.list > .item:before {
    position: absolute;
    top: auto;
    left: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    margin-left: -1.25rem;
    counter-increment: ordered;
    content: counters(ordered, ".") " ";
    text-align: right;
    color: rgba(0, 0, 0, 0.87);
    vertical-align: middle;
    opacity: 0.8
}

ol.ui.inverted.list li:before, .ui.ordered.inverted.list .list > .item:before, .ui.ordered.inverted.list > .item:before {
    color: rgba(255, 255, 255, 0.7)
}

.ui.ordered.list > .list > .item[data-value], .ui.ordered.list > .item[data-value] {
    content: attr(data-value)
}

ol.ui.list li[value]:before {
    content: attr(value)
}

ol.ui.list ol, .ui.ordered.list .list {
    margin-left: 1em
}

ol.ui.list ol li:before, .ui.ordered.list .list > .item:before {
    margin-left: -2em
}

ol.ui.horizontal.list, .ui.ordered.horizontal.list {
    margin-left: 0
}

ol.ui.horizontal.list li:before, .ui.ordered.horizontal.list .list > .item:before, .ui.ordered.horizontal.list > .item:before {
    position: static;
    margin: 0 0.5em 0 0
}

.ui.divided.list > .item {
    border-top: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.divided.list .list > .item {
    border-top: none
}

.ui.divided.list .item .list > .item {
    border-top: none
}

.ui.divided.list .list > .item:first-child, .ui.divided.list > .item:first-child {
    border-top: none
}

.ui.divided.list:not(.horizontal) .list > .item:first-child {
    border-top-width: 1px
}

.ui.divided.bulleted.list:not(.horizontal), .ui.divided.bulleted.list .list {
    margin-left: 0;
    padding-left: 0
}

.ui.divided.bulleted.list > .item:not(.horizontal) {
    padding-left: 1.25rem
}

.ui.divided.ordered.list {
    margin-left: 0
}

.ui.divided.ordered.list .list > .item, .ui.divided.ordered.list > .item {
    padding-left: 1.25rem
}

.ui.divided.ordered.list .item .list {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.21428571em
}

.ui.divided.ordered.list .item .list > .item {
    padding-left: 1em
}

.ui.divided.selection.list .list > .item, .ui.divided.selection.list > .item {
    margin: 0;
    border-radius: 0
}

.ui.divided.horizontal.list {
    margin-left: 0
}

.ui.divided.horizontal.list > .item:not(:first-child) {
    padding-left: 0.5em
}

.ui.divided.horizontal.list > .item:not(:last-child) {
    padding-right: 0.5em
}

.ui.divided.horizontal.list > .item {
    border-top: none;
    border-left: 1px solid rgba(34, 36, 38, 0.15);
    margin: 0;
    line-height: 0.6
}

.ui.horizontal.divided.list > .item:first-child {
    border-left: none
}

.ui.divided.inverted.list > .item, .ui.divided.inverted.list > .list, .ui.divided.inverted.horizontal.list > .item {
    border-color: rgba(255, 255, 255, 0.1)
}

.ui.celled.list > .item, .ui.celled.list > .list {
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    padding-left: 0.5em;
    padding-right: 0.5em
}

.ui.celled.list > .item:last-child {
    border-bottom: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.celled.list > .item:first-child, .ui.celled.list > .item:last-child {
    padding-top: 0.21428571em;
    padding-bottom: 0.21428571em
}

.ui.celled.list .item .list > .item {
    border-width: 0
}

.ui.celled.list .list > .item:first-child {
    border-top-width: 0
}

.ui.celled.bulleted.list {
    margin-left: 0
}

.ui.celled.bulleted.list .list > .item, .ui.celled.bulleted.list > .item {
    padding-left: 1.25rem
}

.ui.celled.bulleted.list .item .list {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-bottom: 0.21428571em
}

.ui.celled.ordered.list {
    margin-left: 0
}

.ui.celled.ordered.list .list > .item, .ui.celled.ordered.list > .item {
    padding-left: 1.25rem
}

.ui.celled.ordered.list .item .list {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.21428571em
}

.ui.celled.ordered.list .list > .item {
    padding-left: 1em
}

.ui.horizontal.celled.list {
    margin-left: 0
}

.ui.horizontal.celled.list .list > .item, .ui.horizontal.celled.list > .item {
    border-top: none;
    border-left: 1px solid rgba(34, 36, 38, 0.15);
    margin: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
    line-height: 0.6
}

.ui.horizontal.celled.list .list > .item:last-child, .ui.horizontal.celled.list > .item:last-child {
    border-bottom: none;
    border-right: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.celled.inverted.list > .item, .ui.celled.inverted.list > .list {
    border-color: 1px solid rgba(255, 255, 255, 0.1)
}

.ui.celled.inverted.horizontal.list .list > .item, .ui.celled.inverted.horizontal.list > .item {
    border-color: 1px solid rgba(255, 255, 255, 0.1)
}

.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
    padding-top: 0.42857143em
}

.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
    padding-bottom: 0.42857143em
}

.ui.horizontal.relaxed.list .list > .item:not(:first-child), .ui.horizontal.relaxed.list > .item:not(:first-child) {
    padding-left: 1rem
}

.ui.horizontal.relaxed.list .list > .item:not(:last-child), .ui.horizontal.relaxed.list > .item:not(:last-child) {
    padding-right: 1rem
}

.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
    padding-top: 0.85714286em
}

.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
    padding-bottom: 0.85714286em
}

.ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child), .ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
    padding-left: 1.5rem
}

.ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child), .ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
    padding-right: 1.5rem
}

.ui.mini.list {
    font-size: 0.78571429em
}

.ui.tiny.list {
    font-size: 0.85714286em
}

.ui.small.list {
    font-size: 0.92857143em
}

.ui.list {
    font-size: 1em
}

.ui.large.list {
    font-size: 1.14285714em
}

.ui.big.list {
    font-size: 1.28571429em
}

.ui.huge.list {
    font-size: 1.42857143em
}

.ui.massive.list {
    font-size: 1.71428571em
}

.ui.mini.horizontal.list .list > .item, .ui.mini.horizontal.list > .item {
    font-size: 0.78571429rem
}

.ui.tiny.horizontal.list .list > .item, .ui.tiny.horizontal.list > .item {
    font-size: 0.85714286rem
}

.ui.small.horizontal.list .list > .item, .ui.small.horizontal.list > .item {
    font-size: 0.92857143rem
}

.ui.horizontal.list .list > .item, .ui.horizontal.list > .item {
    font-size: 1rem
}

.ui.large.horizontal.list .list > .item, .ui.large.horizontal.list > .item {
    font-size: 1.14285714rem
}

.ui.big.horizontal.list .list > .item, .ui.big.horizontal.list > .item {
    font-size: 1.28571429rem
}

.ui.huge.horizontal.list .list > .item, .ui.huge.horizontal.list > .item {
    font-size: 1.42857143rem
}

.ui.massive.horizontal.list .list > .item, .ui.massive.horizontal.list > .item {
    font-size: 1.71428571rem
}

.ui.loader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    text-align: center;
    z-index: 1000;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.ui.loader:before {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1)
}

.ui.loader:after {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-animation: loader 0.6s linear;
    animation: loader 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: 0.2em;
    box-shadow: 0 0 0 1px transparent
}

@-webkit-keyframes loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.mini.loader:before, .ui.mini.loader:after {
    width: 1rem;
    height: 1rem;
    margin: 0 0 0 -0.5rem
}

.ui.tiny.loader:before, .ui.tiny.loader:after {
    width: 1.14285714rem;
    height: 1.14285714rem;
    margin: 0 0 0 -0.57142857rem
}

.ui.small.loader:before, .ui.small.loader:after {
    width: 1.71428571rem;
    height: 1.71428571rem;
    margin: 0 0 0 -0.85714286rem
}

.ui.loader:before, .ui.loader:after {
    width: 2.28571429rem;
    height: 2.28571429rem;
    margin: 0 0 0 -1.14285714rem
}

.ui.large.loader:before, .ui.large.loader:after {
    width: 3.42857143rem;
    height: 3.42857143rem;
    margin: 0 0 0 -1.71428571rem
}

.ui.big.loader:before, .ui.big.loader:after {
    width: 3.71428571rem;
    height: 3.71428571rem;
    margin: 0 0 0 -1.85714286rem
}

.ui.huge.loader:before, .ui.huge.loader:after {
    width: 4.14285714rem;
    height: 4.14285714rem;
    margin: 0 0 0 -2.07142857rem
}

.ui.massive.loader:before, .ui.massive.loader:after {
    width: 4.57142857rem;
    height: 4.57142857rem;
    margin: 0 0 0 -2.28571429rem
}

.ui.dimmer .loader {
    display: block
}

.ui.dimmer .ui.loader {
    color: rgba(255, 255, 255, 0.9)
}

.ui.dimmer .ui.loader:before {
    border-color: rgba(255, 255, 255, 0.15)
}

.ui.dimmer .ui.loader:after {
    border-color: #FFF transparent transparent
}

.ui.inverted.dimmer .ui.loader {
    color: rgba(0, 0, 0, 0.87)
}

.ui.inverted.dimmer .ui.loader:before {
    border-color: rgba(0, 0, 0, 0.1)
}

.ui.inverted.dimmer .ui.loader:after {
    border-color: #767676 transparent transparent
}

.ui.text.loader {
    width: auto !important;
    height: auto !important;
    text-align: center;
    font-style: normal
}

.ui.indeterminate.loader:after {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s
}

.ui.loader.active, .ui.loader.visible {
    display: block
}

.ui.loader.disabled, .ui.loader.hidden {
    display: none
}

.ui.inverted.dimmer .ui.mini.loader, .ui.mini.loader {
    width: 1rem;
    height: 1rem;
    font-size: 0.78571429em
}

.ui.inverted.dimmer .ui.tiny.loader, .ui.tiny.loader {
    width: 1.14285714rem;
    height: 1.14285714rem;
    font-size: 0.85714286em
}

.ui.inverted.dimmer .ui.small.loader, .ui.small.loader {
    width: 1.71428571rem;
    height: 1.71428571rem;
    font-size: 0.92857143em
}

.ui.inverted.dimmer .ui.loader, .ui.loader {
    width: 2.28571429rem;
    height: 2.28571429rem;
    font-size: 1em
}

.ui.inverted.dimmer .ui.large.loader, .ui.large.loader {
    width: 3.42857143rem;
    height: 3.42857143rem;
    font-size: 1.14285714em
}

.ui.inverted.dimmer .ui.big.loader, .ui.big.loader {
    width: 3.71428571rem;
    height: 3.71428571rem;
    font-size: 1.28571429em
}

.ui.inverted.dimmer .ui.huge.loader, .ui.huge.loader {
    width: 4.14285714rem;
    height: 4.14285714rem;
    font-size: 1.42857143em
}

.ui.inverted.dimmer .ui.massive.loader, .ui.massive.loader {
    width: 4.57142857rem;
    height: 4.57142857rem;
    font-size: 1.71428571em
}

.ui.mini.text.loader {
    min-width: 1rem;
    padding-top: 1.78571429rem
}

.ui.tiny.text.loader {
    min-width: 1.14285714rem;
    padding-top: 1.92857143rem
}

.ui.small.text.loader {
    min-width: 1.71428571rem;
    padding-top: 2.5rem
}

.ui.text.loader {
    min-width: 2.28571429rem;
    padding-top: 3.07142857rem
}

.ui.large.text.loader {
    min-width: 3.42857143rem;
    padding-top: 4.21428571rem
}

.ui.big.text.loader {
    min-width: 3.71428571rem;
    padding-top: 4.5rem
}

.ui.huge.text.loader {
    min-width: 4.14285714rem;
    padding-top: 4.92857143rem
}

.ui.massive.text.loader {
    min-width: 4.57142857rem;
    padding-top: 5.35714286rem
}

.ui.inverted.loader {
    color: rgba(255, 255, 255, 0.9)
}

.ui.inverted.loader:before {
    border-color: rgba(255, 255, 255, 0.15)
}

.ui.inverted.loader:after {
    border-top-color: #FFF
}

.ui.inline.loader {
    position: relative;
    vertical-align: middle;
    margin: 0;
    left: 0;
    top: 0;
    -webkit-transform: none;
    transform: none
}

.ui.inline.loader.active, .ui.inline.loader.visible {
    display: inline-block
}

.ui.centered.inline.loader.active, .ui.centered.inline.loader.visible {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.ui.rail {
    position: absolute;
    top: 0;
    width: 300px;
    height: 100%
}

.ui.left.rail {
    left: auto;
    right: 100%;
    padding: 0 2rem 0 0;
    margin: 0 2rem 0 0
}

.ui.right.rail {
    left: 100%;
    right: auto;
    padding: 0 0 0 2rem;
    margin: 0 0 0 2rem
}

.ui.left.internal.rail {
    left: 0;
    right: auto;
    padding: 0 0 0 2rem;
    margin: 0 0 0 2rem
}

.ui.right.internal.rail {
    left: auto;
    right: 0;
    padding: 0 2rem 0 0;
    margin: 0 2rem 0 0
}

.ui.dividing.rail {
    width: 302.5px
}

.ui.left.dividing.rail {
    padding: 0 2.5rem 0 0;
    margin: 0 2.5rem 0 0;
    border-right: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.right.dividing.rail {
    border-left: 1px solid rgba(34, 36, 38, 0.15);
    padding: 0 0 0 2.5rem;
    margin: 0 0 0 2.5rem
}

.ui.close.rail {
    width: calc(300px + 1em)
}

.ui.close.left.rail {
    padding: 0 1em 0 0;
    margin: 0 1em 0 0
}

.ui.close.right.rail {
    padding: 0 0 0 1em;
    margin: 0 0 0 1em
}

.ui.very.close.rail {
    width: calc(300px + 0.5em)
}

.ui.very.close.left.rail {
    padding: 0 0.5em 0 0;
    margin: 0 0.5em 0 0
}

.ui.very.close.right.rail {
    padding: 0 0 0 0.5em;
    margin: 0 0 0 0.5em
}

.ui.attached.left.rail, .ui.attached.right.rail {
    padding: 0;
    margin: 0
}

.ui.mini.rail {
    font-size: 0.78571429rem
}

.ui.tiny.rail {
    font-size: 0.85714286rem
}

.ui.small.rail {
    font-size: 0.92857143rem
}

.ui.rail {
    font-size: 1rem
}

.ui.large.rail {
    font-size: 1.14285714rem
}

.ui.big.rail {
    font-size: 1.28571429rem
}

.ui.huge.rail {
    font-size: 1.42857143rem
}

.ui.massive.rail {
    font-size: 1.71428571rem
}

.ui.reveal {
    display: inherit;
    position: relative !important;
    font-size: 0 !important
}

.ui.reveal > .visible.content {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 3 !important;
    -webkit-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s
}

.ui.reveal > .hidden.content {
    position: relative !important;
    z-index: 2 !important
}

.ui.active.reveal .visible.content, .ui.reveal:hover .visible.content {
    z-index: 4 !important
}

.ui.slide.reveal {
    position: relative !important;
    overflow: hidden !important;
    white-space: nowrap
}

.ui.slide.reveal > .content {
    display: block;
    width: 100%;
    float: left;
    margin: 0;
    -webkit-transition: -webkit-transform 0.5s ease 0.1s;
    transition: -webkit-transform 0.5s ease 0.1s;
    transition: transform 0.5s ease 0.1s;
    transition: transform 0.5s ease 0.1s, -webkit-transform 0.5s ease 0.1s
}

.ui.slide.reveal > .visible.content {
    position: relative !important
}

.ui.slide.reveal > .hidden.content {
    position: absolute !important;
    left: 0 !important;
    width: 100% !important;
    -webkit-transform: translateX(100%) !important;
    transform: translateX(100%) !important
}

.ui.slide.active.reveal > .visible.content, .ui.slide.reveal:hover > .visible.content {
    -webkit-transform: translateX(-100%) !important;
    transform: translateX(-100%) !important
}

.ui.slide.active.reveal > .hidden.content, .ui.slide.reveal:hover > .hidden.content {
    -webkit-transform: translateX(0%) !important;
    transform: translateX(0%) !important
}

.ui.slide.right.reveal > .visible.content {
    -webkit-transform: translateX(0%) !important;
    transform: translateX(0%) !important
}

.ui.slide.right.reveal > .hidden.content {
    -webkit-transform: translateX(-100%) !important;
    transform: translateX(-100%) !important
}

.ui.slide.right.active.reveal > .visible.content, .ui.slide.right.reveal:hover > .visible.content {
    -webkit-transform: translateX(100%) !important;
    transform: translateX(100%) !important
}

.ui.slide.right.active.reveal > .hidden.content, .ui.slide.right.reveal:hover > .hidden.content {
    -webkit-transform: translateX(0%) !important;
    transform: translateX(0%) !important
}

.ui.slide.up.reveal > .hidden.content {
    -webkit-transform: translateY(100%) !important;
    transform: translateY(100%) !important
}

.ui.slide.up.active.reveal > .visible.content, .ui.slide.up.reveal:hover > .visible.content {
    -webkit-transform: translateY(-100%) !important;
    transform: translateY(-100%) !important
}

.ui.slide.up.active.reveal > .hidden.content, .ui.slide.up.reveal:hover > .hidden.content {
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0%) !important
}

.ui.slide.down.reveal > .hidden.content {
    -webkit-transform: translateY(-100%) !important;
    transform: translateY(-100%) !important
}

.ui.slide.down.active.reveal > .visible.content, .ui.slide.down.reveal:hover > .visible.content {
    -webkit-transform: translateY(100%) !important;
    transform: translateY(100%) !important
}

.ui.slide.down.active.reveal > .hidden.content, .ui.slide.down.reveal:hover > .hidden.content {
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0%) !important
}

.ui.fade.reveal > .visible.content {
    opacity: 1
}

.ui.fade.active.reveal > .visible.content, .ui.fade.reveal:hover > .visible.content {
    opacity: 0
}

.ui.move.reveal {
    position: relative !important;
    overflow: hidden !important;
    white-space: nowrap
}

.ui.move.reveal > .content {
    display: block;
    float: left;
    margin: 0;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
    transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s
}

.ui.move.reveal > .visible.content {
    position: relative !important
}

.ui.move.reveal > .hidden.content {
    position: absolute !important;
    left: 0 !important;
    width: 100% !important
}

.ui.move.active.reveal > .visible.content, .ui.move.reveal:hover > .visible.content {
    -webkit-transform: translateX(-100%) !important;
    transform: translateX(-100%) !important
}

.ui.move.right.active.reveal > .visible.content, .ui.move.right.reveal:hover > .visible.content {
    -webkit-transform: translateX(100%) !important;
    transform: translateX(100%) !important
}

.ui.move.up.active.reveal > .visible.content, .ui.move.up.reveal:hover > .visible.content {
    -webkit-transform: translateY(-100%) !important;
    transform: translateY(-100%) !important
}

.ui.move.down.active.reveal > .visible.content, .ui.move.down.reveal:hover > .visible.content {
    -webkit-transform: translateY(100%) !important;
    transform: translateY(100%) !important
}

.ui.rotate.reveal > .visible.content {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.ui.rotate.reveal > .visible.content, .ui.rotate.right.reveal > .visible.content {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

.ui.rotate.active.reveal > .visible.content, .ui.rotate.reveal:hover > .visible.content, .ui.rotate.right.active.reveal > .visible.content, .ui.rotate.right.reveal:hover > .visible.content {
    -webkit-transform: rotate(110deg);
    transform: rotate(110deg)
}

.ui.rotate.left.reveal > .visible.content {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.ui.rotate.left.active.reveal > .visible.content, .ui.rotate.left.reveal:hover > .visible.content {
    -webkit-transform: rotate(-110deg);
    transform: rotate(-110deg)
}

.ui.disabled.reveal:hover > .visible.visible.content {
    position: static !important;
    display: block !important;
    opacity: 1 !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    -webkit-transform: none !important;
    transform: none !important
}

.ui.disabled.reveal:hover > .hidden.hidden.content {
    display: none !important
}

.ui.visible.reveal {
    overflow: visible
}

.ui.instant.reveal > .content {
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important
}

.ui.reveal > .content {
    font-size: 1rem !important
}

.ui.segment {
    position: relative;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
    margin: 1rem 0;
    padding: 1em 1em;
    border-radius: 0.28571429rem;
    border: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.segment:first-child {
    margin-top: 0
}

.ui.segment:last-child {
    margin-bottom: 0
}

.ui.vertical.segment {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    background: none transparent;
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.vertical.segment:last-child {
    border-bottom: none
}

.ui.inverted.segment > .ui.header {
    color: #FFF
}

.ui[class*="bottom attached"].segment > [class*="top attached"].label {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ui[class*="top attached"].segment > [class*="bottom attached"].label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.ui.page.grid.segment, .ui.grid > .row > .ui.segment.column, .ui.grid > .ui.segment.column {
    padding-top: 2em;
    padding-bottom: 2em
}

.ui.grid.segment {
    margin: 1rem 0;
    border-radius: 0.28571429rem
}

.ui.basic.table.segment {
    background: #FFF;
    border: 1px solid rgba(34, 36, 38, 0.15);
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15)
}

.ui[class*="very basic"].table.segment {
    padding: 1em 1em
}

.ui.piled.segments, .ui.piled.segment {
    margin: 3em 0;
    box-shadow: '';
    z-index: auto
}

.ui.piled.segment:first-child {
    margin-top: 0
}

.ui.piled.segment:last-child {
    margin-bottom: 0
}

.ui.piled.segments:after, .ui.piled.segments:before, .ui.piled.segment:after, .ui.piled.segment:before {
    background-color: #FFF;
    visibility: visible;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    border: 1px solid rgba(34, 36, 38, 0.15);
    box-shadow: ''
}

.ui.piled.segments:before, .ui.piled.segment:before {
    -webkit-transform: rotate(-1.2deg);
    transform: rotate(-1.2deg);
    top: 0;
    z-index: -2
}

.ui.piled.segments:after, .ui.piled.segment:after {
    -webkit-transform: rotate(1.2deg);
    transform: rotate(1.2deg);
    top: 0;
    z-index: -1
}

.ui[class*="top attached"].piled.segment {
    margin-top: 3em;
    margin-bottom: 0
}

.ui.piled.segment[class*="top attached"]:first-child {
    margin-top: 0
}

.ui.piled.segment[class*="bottom attached"] {
    margin-top: 0;
    margin-bottom: 3em
}

.ui.piled.segment[class*="bottom attached"]:last-child {
    margin-bottom: 0
}

.ui.stacked.segment {
    padding-bottom: 1.4em
}

.ui.stacked.segments:before, .ui.stacked.segments:after, .ui.stacked.segment:before, .ui.stacked.segment:after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    background: rgba(0, 0, 0, 0.03);
    width: 100%;
    height: 6px;
    visibility: visible
}

.ui.stacked.segments:before, .ui.stacked.segment:before {
    display: none
}

.ui.tall.stacked.segments:before, .ui.tall.stacked.segment:before {
    display: block;
    bottom: 0
}

.ui.stacked.inverted.segments:before, .ui.stacked.inverted.segments:after, .ui.stacked.inverted.segment:before, .ui.stacked.inverted.segment:after {
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(34, 36, 38, 0.35)
}

.ui.padded.segment {
    padding: 1.5em
}

.ui[class*="very padded"].segment {
    padding: 3em
}

.ui.compact.segment {
    display: table
}

.ui.compact.segments {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ui.compact.segments .segment, .ui.segments .compact.segment {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.ui.circular.segment {
    display: table-cell;
    padding: 2em;
    text-align: center;
    vertical-align: middle;
    border-radius: 500em
}

.ui.raised.segments, .ui.raised.segment {
    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0px 2px 10px 0 rgba(34, 36, 38, 0.15)
}

.ui.segments {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin: 1rem 0;
    border: 1px solid rgba(34, 36, 38, 0.15);
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
    border-radius: 0.28571429rem
}

.ui.segments:first-child {
    margin-top: 0
}

.ui.segments:last-child {
    margin-bottom: 0
}

.ui.segments > .segment {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0;
    width: auto;
    box-shadow: none;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.segments:not(.horizontal) > .segment:first-child {
    border-top: none;
    margin-top: 0;
    bottom: 0;
    margin-bottom: 0;
    top: 0;
    border-radius: 0.28571429rem 0.28571429rem 0 0
}

.ui.segments:not(.horizontal) > .segment:last-child {
    top: 0;
    bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
    border-radius: 0 0 0.28571429rem 0.28571429rem
}

.ui.segments:not(.horizontal) > .segment:only-child {
    border-radius: 0.28571429rem
}

.ui.segments > .ui.segments {
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    margin: 1rem 1rem
}

.ui.segments > .segments:first-child {
    border-top: none
}

.ui.segments > .segment + .segments:not(.horizontal) {
    margin-top: 0
}

.ui.horizontal.segments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    background-color: #FFF;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
    margin: 1rem 0;
    border-radius: 0.28571429rem;
    border: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.segments > .horizontal.segments {
    margin: 0;
    background-color: transparent;
    border-radius: 0;
    border: none;
    box-shadow: none;
    border-top: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.horizontal.segments > .segment {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex: 1 1 0;
    margin: 0;
    min-width: 0;
    background-color: transparent;
    border-radius: 0;
    border: none;
    box-shadow: none;
    border-left: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.segments > .horizontal.segments:first-child {
    border-top: none
}

.ui.horizontal.segments > .segment:first-child {
    border-left: none
}

.ui.disabled.segment {
    opacity: 0.45;
    color: rgba(40, 40, 40, 0.3)
}

.ui.loading.segment {
    position: relative;
    cursor: default;
    pointer-events: none;
    text-shadow: none !important;
    color: transparent !important;
    -webkit-transition: all 0s linear;
    transition: all 0s linear
}

.ui.loading.segment:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    border-radius: 0.28571429rem;
    z-index: 100
}

.ui.loading.segment:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -1.5em 0 0 -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: segment-spin 0.6s linear;
    animation: segment-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0.2em;
    box-shadow: 0 0 0 1px transparent;
    visibility: visible;
    z-index: 101
}

@-webkit-keyframes segment-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes segment-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.basic.segment {
    background: none transparent;
    box-shadow: none;
    border: none;
    border-radius: 0
}

.ui.clearing.segment:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui.red.segment:not(.inverted) {
    border-top: 2px solid #DB2828
}

.ui.inverted.red.segment {
    background-color: #DB2828 !important;
    color: #FFF !important
}

.ui.orange.segment:not(.inverted) {
    border-top: 2px solid #F2711C
}

.ui.inverted.orange.segment {
    background-color: #F2711C !important;
    color: #FFF !important
}

.ui.yellow.segment:not(.inverted) {
    border-top: 2px solid #FBBD08
}

.ui.inverted.yellow.segment {
    background-color: #FBBD08 !important;
    color: #FFF !important
}

.ui.olive.segment:not(.inverted) {
    border-top: 2px solid #B5CC18
}

.ui.inverted.olive.segment {
    background-color: #B5CC18 !important;
    color: #FFF !important
}

.ui.green.segment:not(.inverted) {
    border-top: 2px solid #21BA45
}

.ui.inverted.green.segment {
    background-color: #21BA45 !important;
    color: #FFF !important
}

.ui.teal.segment:not(.inverted) {
    border-top: 2px solid #00B5AD
}

.ui.inverted.teal.segment {
    background-color: #00B5AD !important;
    color: #FFF !important
}

.ui.blue.segment:not(.inverted) {
    border-top: 2px solid #2185D0
}

.ui.inverted.blue.segment {
    background-color: #2185D0 !important;
    color: #FFF !important
}

.ui.violet.segment:not(.inverted) {
    border-top: 2px solid #6435C9
}

.ui.inverted.violet.segment {
    background-color: #6435C9 !important;
    color: #FFF !important
}

.ui.purple.segment:not(.inverted) {
    border-top: 2px solid #A333C8
}

.ui.inverted.purple.segment {
    background-color: #A333C8 !important;
    color: #FFF !important
}

.ui.pink.segment:not(.inverted) {
    border-top: 2px solid #E03997
}

.ui.inverted.pink.segment {
    background-color: #E03997 !important;
    color: #FFF !important
}

.ui.brown.segment:not(.inverted) {
    border-top: 2px solid #A5673F
}

.ui.inverted.brown.segment {
    background-color: #A5673F !important;
    color: #FFF !important
}

.ui.grey.segment:not(.inverted) {
    border-top: 2px solid #767676
}

.ui.inverted.grey.segment {
    background-color: #767676 !important;
    color: #FFF !important
}

.ui.black.segment:not(.inverted) {
    border-top: 2px solid #1B1C1D
}

.ui.inverted.black.segment {
    background-color: #1B1C1D !important;
    color: #FFF !important
}

.ui[class*="left aligned"].segment {
    text-align: left
}

.ui[class*="right aligned"].segment {
    text-align: right
}

.ui[class*="center aligned"].segment {
    text-align: center
}

.ui.floated.segment, .ui[class*="left floated"].segment {
    float: left;
    margin-right: 1em
}

.ui[class*="right floated"].segment {
    float: right;
    margin-left: 1em
}

.ui.inverted.segment {
    border: none;
    box-shadow: none
}

.ui.inverted.segment, .ui.primary.inverted.segment {
    background: #1B1C1D;
    color: rgba(255, 255, 255, 0.9)
}

.ui.inverted.segment .segment {
    color: rgba(0, 0, 0, 0.87)
}

.ui.inverted.segment .inverted.segment {
    color: rgba(255, 255, 255, 0.9)
}

.ui.inverted.attached.segment {
    border-color: #555
}

.ui.secondary.segment {
    background: #F3F4F5;
    color: rgba(0, 0, 0, 0.6)
}

.ui.secondary.inverted.segment {
    background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%);
    background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%);
    color: rgba(255, 255, 255, 0.8)
}

.ui.tertiary.segment {
    background: #DCDDDE;
    color: rgba(0, 0, 0, 0.6)
}

.ui.tertiary.inverted.segment {
    background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%);
    background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%);
    color: rgba(255, 255, 255, 0.8)
}

.ui.attached.segment {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0 -1px;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    box-shadow: none;
    border: 1px solid #D4D4D5
}

.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
    border-top: none
}

.ui[class*="top attached"].segment {
    bottom: 0;
    margin-bottom: 0;
    top: 0;
    margin-top: 1rem;
    border-radius: 0.28571429rem 0.28571429rem 0 0
}

.ui.segment[class*="top attached"]:first-child {
    margin-top: 0
}

.ui.segment[class*="bottom attached"] {
    bottom: 0;
    margin-top: 0;
    top: 0;
    margin-bottom: 1rem;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
    border-radius: 0 0 0.28571429rem 0.28571429rem
}

.ui.segment[class*="bottom attached"]:last-child {
    margin-bottom: 0
}

.ui.mini.segments .segment, .ui.mini.segment {
    font-size: 0.78571429rem
}

.ui.tiny.segments .segment, .ui.tiny.segment {
    font-size: 0.85714286rem
}

.ui.small.segments .segment, .ui.small.segment {
    font-size: 0.92857143rem
}

.ui.segments .segment, .ui.segment {
    font-size: 1rem
}

.ui.large.segments .segment, .ui.large.segment {
    font-size: 1.14285714rem
}

.ui.big.segments .segment, .ui.big.segment {
    font-size: 1.28571429rem
}

.ui.huge.segments .segment, .ui.huge.segment {
    font-size: 1.42857143rem
}

.ui.massive.segments .segment, .ui.massive.segment {
    font-size: 1.71428571rem
}

.ui.steps {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 1em 0;
    background: '';
    box-shadow: none;
    line-height: 1.14285714em;
    border-radius: 0.28571429rem;
    border: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.steps:first-child {
    margin-top: 0
}

.ui.steps:last-child {
    margin-bottom: 0
}

.ui.steps .step {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0;
    padding: 1.14285714em 2em;
    background: #FFF;
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
    border-radius: 0;
    border: none;
    border-right: 1px solid rgba(34, 36, 38, 0.15);
    -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
    transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease
}

.ui.steps .step:after {
    display: none;
    position: absolute;
    z-index: 2;
    content: '';
    top: 50%;
    right: 0;
    border: medium none;
    background-color: #FFF;
    width: 1.14285714em;
    height: 1.14285714em;
    border-style: solid;
    border-color: rgba(34, 36, 38, 0.15);
    border-width: 0 1px 1px 0;
    -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
    transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
    -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
    transform: translateY(-50%) translateX(50%) rotate(-45deg)
}

.ui.steps .step:first-child {
    padding-left: 2em;
    border-radius: 0.28571429rem 0 0 0.28571429rem
}

.ui.steps .step:last-child {
    border-radius: 0 0.28571429rem 0.28571429rem 0
}

.ui.steps .step:last-child {
    border-right: none;
    margin-right: 0
}

.ui.steps .step:only-child {
    border-radius: 0.28571429rem
}

.ui.steps .step .title {
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1.14285714em;
    font-weight: bold
}

.ui.steps .step > .title {
    width: 100%
}

.ui.steps .step .description {
    font-weight: normal;
    font-size: 0.92857143em;
    color: rgba(0, 0, 0, 0.87)
}

.ui.steps .step > .description {
    width: 100%
}

.ui.steps .step .title ~ .description {
    margin-top: 0.25em
}

.ui.steps .step > .icon {
    line-height: 1;
    font-size: 2.5em;
    margin: 0 1rem 0 0
}

.ui.steps .step > .icon, .ui.steps .step > .icon ~ .content {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-item-align: middle;
    align-self: middle
}

.ui.steps .step > .icon ~ .content {
    -webkit-box-flex: 1 0 auto;
    -ms-flex-positive: 1 0 auto;
    flex-grow: 1 0 auto
}

.ui.steps:not(.vertical) .step > .icon {
    width: auto
}

.ui.steps .link.step, .ui.steps a.step {
    cursor: pointer
}

.ui.ordered.steps {
    counter-reset: ordered
}

.ui.ordered.steps .step:before {
    display: block;
    position: static;
    text-align: center;
    content: counters(ordered, ".");
    -ms-flex-item-align: middle;
    align-self: middle;
    margin-right: 1rem;
    font-size: 2.5em;
    counter-increment: ordered;
    font-family: inherit;
    font-weight: bold
}

.ui.ordered.steps .step > * {
    display: block;
    -ms-flex-item-align: middle;
    align-self: middle
}

.ui.vertical.steps {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: visible
}

.ui.vertical.steps .step {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 0;
    padding: 1.14285714em 2em;
    border-right: none;
    border-bottom: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.vertical.steps .step:first-child {
    padding: 1.14285714em 2em;
    border-radius: 0.28571429rem 0.28571429rem 0 0
}

.ui.vertical.steps .step:last-child {
    border-bottom: none;
    border-radius: 0 0 0.28571429rem 0.28571429rem
}

.ui.vertical.steps .step:only-child {
    border-radius: 0.28571429rem
}

.ui.vertical.steps .step:after {
    display: none
}

.ui.vertical.steps .step:after {
    top: 50%;
    right: 0;
    border-width: 0 1px 1px 0
}

.ui.vertical.steps .step:after {
    display: none
}

.ui.vertical.steps .active.step:after {
    display: block
}

.ui.vertical.steps .step:last-child:after {
    display: none
}

.ui.vertical.steps .active.step:last-child:after {
    display: block
}

@media only screen and (max-width: 767px) {
    .ui.steps {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        overflow: visible;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ui.steps .step {
        width: 100% !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 0;
        padding: 1.14285714em 2em
    }

    .ui.steps .step:first-child {
        padding: 1.14285714em 2em;
        border-radius: 0.28571429rem 0.28571429rem 0 0
    }

    .ui.steps .step:last-child {
        border-radius: 0 0 0.28571429rem 0.28571429rem
    }

    .ui.steps .step:after {
        display: none !important
    }

    .ui.steps .step .content {
        text-align: center
    }

    .ui.steps .step > .icon, .ui.ordered.steps .step:before {
        margin: 0 0 1rem 0
    }
}

.ui.steps .link.step:hover::after, .ui.steps .link.step:hover, .ui.steps a.step:hover::after, .ui.steps a.step:hover {
    background: #F9FAFB;
    color: rgba(0, 0, 0, 0.8)
}

.ui.steps .link.step:active::after, .ui.steps .link.step:active, .ui.steps a.step:active::after, .ui.steps a.step:active {
    background: #F3F4F5;
    color: rgba(0, 0, 0, 0.9)
}

.ui.steps .step.active {
    cursor: auto;
    background: #F3F4F5
}

.ui.steps .step.active:after {
    background: #F3F4F5
}

.ui.steps .step.active .title {
    color: #4183C4
}

.ui.ordered.steps .step.active:before, .ui.steps .active.step .icon {
    color: rgba(0, 0, 0, 0.85)
}

.ui.steps .step:after {
    display: block
}

.ui.steps .active.step:after {
    display: block
}

.ui.steps .step:last-child:after {
    display: none
}

.ui.steps .active.step:last-child:after {
    display: none
}

.ui.steps .link.active.step:hover::after, .ui.steps .link.active.step:hover, .ui.steps a.active.step:hover::after, .ui.steps a.active.step:hover {
    cursor: pointer;
    background: #DCDDDE;
    color: rgba(0, 0, 0, 0.87)
}

.ui.steps .step.completed > .icon:before, .ui.ordered.steps .step.completed:before {
    color: #21BA45
}

.ui.steps .disabled.step {
    cursor: auto;
    background: #FFF;
    pointer-events: none
}

.ui.steps .disabled.step, .ui.steps .disabled.step .title, .ui.steps .disabled.step .description {
    color: rgba(40, 40, 40, 0.3)
}

.ui.steps .disabled.step:after {
    background: #FFF
}

@media only screen and (max-width: 991px) {
    .ui[class*="tablet stackable"].steps {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        overflow: visible;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ui[class*="tablet stackable"].steps .step {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 0;
        padding: 1.14285714em 2em
    }

    .ui[class*="tablet stackable"].steps .step:first-child {
        padding: 1.14285714em 2em;
        border-radius: 0.28571429rem 0.28571429rem 0 0
    }

    .ui[class*="tablet stackable"].steps .step:last-child {
        border-radius: 0 0 0.28571429rem 0.28571429rem
    }

    .ui[class*="tablet stackable"].steps .step:after {
        display: none !important
    }

    .ui[class*="tablet stackable"].steps .step .content {
        text-align: center
    }

    .ui[class*="tablet stackable"].steps .step > .icon, .ui[class*="tablet stackable"].ordered.steps .step:before {
        margin: 0 0 1rem 0
    }
}

.ui.fluid.steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.ui.attached.steps {
    width: calc(100% + 2px) !important;
    margin: 0 -1px 0;
    max-width: calc(100% + 2px);
    border-radius: 0.28571429rem 0.28571429rem 0 0
}

.ui.attached.steps .step:first-child {
    border-radius: 0.28571429rem 0 0 0
}

.ui.attached.steps .step:last-child {
    border-radius: 0 0.28571429rem 0 0
}

.ui.bottom.attached.steps {
    margin: 0 -1px 0;
    border-radius: 0 0 0.28571429rem 0.28571429rem
}

.ui.bottom.attached.steps .step:first-child {
    border-radius: 0 0 0 0.28571429rem
}

.ui.bottom.attached.steps .step:last-child {
    border-radius: 0 0 0.28571429rem 0
}

.ui.one.steps, .ui.two.steps, .ui.three.steps, .ui.four.steps, .ui.five.steps, .ui.six.steps, .ui.seven.steps, .ui.eight.steps {
    width: 100%
}

.ui.one.steps > .step, .ui.two.steps > .step, .ui.three.steps > .step, .ui.four.steps > .step, .ui.five.steps > .step, .ui.six.steps > .step, .ui.seven.steps > .step, .ui.eight.steps > .step {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.ui.one.steps > .step {
    width: 100%
}

.ui.two.steps > .step {
    width: 50%
}

.ui.three.steps > .step {
    width: 33.333%
}

.ui.four.steps > .step {
    width: 25%
}

.ui.five.steps > .step {
    width: 20%
}

.ui.six.steps > .step {
    width: 16.666%
}

.ui.seven.steps > .step {
    width: 14.285%
}

.ui.eight.steps > .step {
    width: 12.500%
}

.ui.mini.steps .step, .ui.mini.step {
    font-size: 0.78571429rem
}

.ui.tiny.steps .step, .ui.tiny.step {
    font-size: 0.85714286rem
}

.ui.small.steps .step, .ui.small.step {
    font-size: 0.92857143rem
}

.ui.steps .step, .ui.step {
    font-size: 1rem
}

.ui.large.steps .step, .ui.large.step {
    font-size: 1.14285714rem
}

.ui.big.steps .step, .ui.big.step {
    font-size: 1.28571429rem
}

.ui.huge.steps .step, .ui.huge.step {
    font-size: 1.42857143rem
}

.ui.massive.steps .step, .ui.massive.step {
    font-size: 1.71428571rem
}

@font-face {
    font-family: 'Step';
    src: url(data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA) format("woff")
}

.ui.steps .step.completed > .icon:before, .ui.ordered.steps .step.completed:before {
    font-family: 'Step';
    content: '\e800'
}

.ui.breadcrumb {
    line-height: 1;
    display: inline-block;
    margin: 0 0;
    vertical-align: middle
}

.ui.breadcrumb:first-child {
    margin-top: 0
}

.ui.breadcrumb:last-child {
    margin-bottom: 0
}

.ui.breadcrumb .divider {
    display: inline-block;
    opacity: 0.7;
    margin: 0 0.21428571rem 0;
    font-size: 0.92857143em;
    color: rgba(0, 0, 0, 0.4);
    vertical-align: baseline
}

.ui.breadcrumb a {
    color: #4183C4
}

.ui.breadcrumb a:hover {
    color: #1e70bf
}

.ui.breadcrumb .icon.divider {
    font-size: 0.85714286em;
    vertical-align: baseline
}

.ui.breadcrumb a.section {
    cursor: pointer
}

.ui.breadcrumb .section {
    display: inline-block;
    margin: 0;
    padding: 0
}

.ui.breadcrumb.segment {
    display: inline-block;
    padding: 0.78571429em 1em
}

.ui.breadcrumb .active.section {
    font-weight: bold
}

.ui.mini.breadcrumb {
    font-size: 0.78571429rem
}

.ui.tiny.breadcrumb {
    font-size: 0.85714286rem
}

.ui.small.breadcrumb {
    font-size: 0.92857143rem
}

.ui.breadcrumb {
    font-size: 1rem
}

.ui.large.breadcrumb {
    font-size: 1.14285714rem
}

.ui.big.breadcrumb {
    font-size: 1.28571429rem
}

.ui.huge.breadcrumb {
    font-size: 1.42857143rem
}

.ui.massive.breadcrumb {
    font-size: 1.71428571rem
}

.ui.form {
    position: relative;
    max-width: 100%
}

.ui.form > p {
    margin: 1em 0
}

.ui.form .field {
    clear: both;
    margin: 0 0 1em
}

.ui.form .field:last-child, .ui.form .fields:last-child .field {
    margin-bottom: 0
}

.ui.form .fields .field {
    clear: both;
    margin: 0
}

.ui.form .field > label {
    display: block;
    margin: 0 0 0.28571429rem 0;
    color: rgba(0, 0, 0, 0.87);
    font-size: 0.92857143em;
    font-weight: bold;
    text-transform: none
}

.ui.form textarea, .ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="time"], .ui.form input[type="text"], .ui.form input[type="file"], .ui.form input[type="url"] {
    width: 100%;
    vertical-align: top
}

.ui.form ::-webkit-datetime-edit, .ui.form ::-webkit-inner-spin-button {
    height: 1.2142em
}

.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="time"], .ui.form input[type="text"], .ui.form input[type="file"], .ui.form input[type="url"] {
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin: 0;
    outline: none;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    line-height: 1.2142em;
    padding: 0.67861429em 1em;
    font-size: 1em;
    background: #FFF;
    border: 1px solid rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87);
    border-radius: 0.28571429rem;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color 0.1s ease, border-color 0.1s ease;
    transition: color 0.1s ease, border-color 0.1s ease
}

.ui.form textarea {
    margin: 0;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    padding: 0.78571429em 1em;
    background: #FFF;
    border: 1px solid rgba(34, 36, 38, 0.15);
    outline: none;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 0.28571429rem;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color 0.1s ease, border-color 0.1s ease;
    transition: color 0.1s ease, border-color 0.1s ease;
    font-size: 1em;
    line-height: 1.2857;
    resize: vertical
}

.ui.form textarea:not([rows]) {
    height: 12em;
    min-height: 8em;
    max-height: 24em
}

.ui.form textarea, .ui.form input[type="checkbox"] {
    vertical-align: top
}

.ui.form input.attached {
    width: auto
}

.ui.form select {
    display: block;
    height: auto;
    width: 100%;
    background: #FFF;
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-radius: 0.28571429rem;
    box-shadow: 0 0 0 0 transparent inset;
    padding: 0.62em 1em;
    color: rgba(0, 0, 0, 0.87);
    -webkit-transition: color 0.1s ease, border-color 0.1s ease;
    transition: color 0.1s ease, border-color 0.1s ease
}

.ui.form .field > .selection.dropdown {
    width: 100%
}

.ui.form .field > .selection.dropdown > .dropdown.icon {
    float: right
}

.ui.form .inline.fields .field > .selection.dropdown, .ui.form .inline.field > .selection.dropdown {
    width: auto
}

.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon, .ui.form .inline.field > .selection.dropdown > .dropdown.icon {
    float: none
}

.ui.form .field .ui.input, .ui.form .fields .field .ui.input, .ui.form .wide.field .ui.input {
    width: 100%
}

.ui.form .inline.fields .field:not(.wide) .ui.input, .ui.form .inline.field:not(.wide) .ui.input {
    width: auto;
    vertical-align: middle
}

.ui.form .fields .field .ui.input input, .ui.form .field .ui.input input {
    width: auto
}

.ui.form .ten.fields .ui.input input, .ui.form .nine.fields .ui.input input, .ui.form .eight.fields .ui.input input, .ui.form .seven.fields .ui.input input, .ui.form .six.fields .ui.input input, .ui.form .five.fields .ui.input input, .ui.form .four.fields .ui.input input, .ui.form .three.fields .ui.input input, .ui.form .two.fields .ui.input input, .ui.form .wide.field .ui.input input {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 0
}

.ui.form .success.message, .ui.form .warning.message, .ui.form .error.message {
    display: none
}

.ui.form .message:first-child {
    margin-top: 0
}

.ui.form .field .prompt.label {
    white-space: normal;
    background: #FFF !important;
    border: 1px solid #E0B4B4 !important;
    color: #9F3A38 !important
}

.ui.form .inline.fields .field .prompt, .ui.form .inline.field .prompt {
    vertical-align: top;
    margin: -0.25em 0 -0.5em 0.5em
}

.ui.form .inline.fields .field .prompt:before, .ui.form .inline.field .prompt:before {
    border-width: 0 0 1px 1px;
    bottom: auto;
    right: auto;
    top: 50%;
    left: 0
}

.ui.form .field.field input:-webkit-autofill {
    box-shadow: 0 0 0 100px #FFFFF0 inset !important;
    border-color: #E5DFA1 !important
}

.ui.form .field.field input:-webkit-autofill:focus {
    box-shadow: 0 0 0 100px #FFFFF0 inset !important;
    border-color: #D5C315 !important
}

.ui.form .error.error input:-webkit-autofill {
    box-shadow: 0 0 0 100px #FFFAF0 inset !important;
    border-color: #E0B4B4 !important
}

.ui.form ::-webkit-input-placeholder {
    color: rgba(191, 191, 191, 0.87)
}

.ui.form :-ms-input-placeholder {
    color: rgba(191, 191, 191, 0.87)
}

.ui.form ::-moz-placeholder {
    color: rgba(191, 191, 191, 0.87)
}

.ui.form :focus::-webkit-input-placeholder {
    color: rgba(115, 115, 115, 0.87)
}

.ui.form :focus:-ms-input-placeholder {
    color: rgba(115, 115, 115, 0.87)
}

.ui.form :focus::-moz-placeholder {
    color: rgba(115, 115, 115, 0.87)
}

.ui.form .error ::-webkit-input-placeholder {
    color: #e7bdbc
}

.ui.form .error :-ms-input-placeholder {
    color: #e7bdbc !important
}

.ui.form .error ::-moz-placeholder {
    color: #e7bdbc
}

.ui.form .error :focus::-webkit-input-placeholder {
    color: #da9796
}

.ui.form .error :focus:-ms-input-placeholder {
    color: #da9796 !important
}

.ui.form .error :focus::-moz-placeholder {
    color: #da9796
}

.ui.form input:not([type]):focus, .ui.form input[type="date"]:focus, .ui.form input[type="datetime-local"]:focus, .ui.form input[type="email"]:focus, .ui.form input[type="number"]:focus, .ui.form input[type="password"]:focus, .ui.form input[type="search"]:focus, .ui.form input[type="tel"]:focus, .ui.form input[type="time"]:focus, .ui.form input[type="text"]:focus, .ui.form input[type="file"]:focus, .ui.form input[type="url"]:focus {
    color: rgba(0, 0, 0, 0.95);
    border-color: #85B7D9;
    border-radius: 0.28571429rem;
    background: #FFF;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset
}

.ui.form textarea:focus {
    color: rgba(0, 0, 0, 0.95);
    border-color: #85B7D9;
    border-radius: 0.28571429rem;
    background: #FFF;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
    -webkit-appearance: none
}

.ui.form.success .success.message:not(:empty) {
    display: block
}

.ui.form.success .compact.success.message:not(:empty) {
    display: inline-block
}

.ui.form.success .icon.success.message:not(:empty) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui.form.warning .warning.message:not(:empty) {
    display: block
}

.ui.form.warning .compact.warning.message:not(:empty) {
    display: inline-block
}

.ui.form.warning .icon.warning.message:not(:empty) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui.form.error .error.message:not(:empty) {
    display: block
}

.ui.form.error .compact.error.message:not(:empty) {
    display: inline-block
}

.ui.form.error .icon.error.message:not(:empty) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui.form .fields.error .field label, .ui.form .field.error label, .ui.form .fields.error .field .input, .ui.form .field.error .input {
    color: #9F3A38
}

.ui.form .fields.error .field .corner.label, .ui.form .field.error .corner.label {
    border-color: #9F3A38;
    color: #FFF
}

.ui.form .fields.error .field textarea, .ui.form .fields.error .field select, .ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type="date"], .ui.form .fields.error .field input[type="datetime-local"], .ui.form .fields.error .field input[type="email"], .ui.form .fields.error .field input[type="number"], .ui.form .fields.error .field input[type="password"], .ui.form .fields.error .field input[type="search"], .ui.form .fields.error .field input[type="tel"], .ui.form .fields.error .field input[type="time"], .ui.form .fields.error .field input[type="text"], .ui.form .fields.error .field input[type="file"], .ui.form .fields.error .field input[type="url"], .ui.form .field.error textarea, .ui.form .field.error select, .ui.form .field.error input:not([type]), .ui.form .field.error input[type="date"], .ui.form .field.error input[type="datetime-local"], .ui.form .field.error input[type="email"], .ui.form .field.error input[type="number"], .ui.form .field.error input[type="password"], .ui.form .field.error input[type="search"], .ui.form .field.error input[type="tel"], .ui.form .field.error input[type="time"], .ui.form .field.error input[type="text"], .ui.form .field.error input[type="file"], .ui.form .field.error input[type="url"] {
    background: #FFF6F6;
    border-color: #E0B4B4;
    color: #9F3A38;
    border-radius: '';
    box-shadow: none
}

.ui.form .field.error textarea:focus, .ui.form .field.error select:focus, .ui.form .field.error input:not([type]):focus, .ui.form .field.error input[type="date"]:focus, .ui.form .field.error input[type="datetime-local"]:focus, .ui.form .field.error input[type="email"]:focus, .ui.form .field.error input[type="number"]:focus, .ui.form .field.error input[type="password"]:focus, .ui.form .field.error input[type="search"]:focus, .ui.form .field.error input[type="tel"]:focus, .ui.form .field.error input[type="time"]:focus, .ui.form .field.error input[type="text"]:focus, .ui.form .field.error input[type="file"]:focus, .ui.form .field.error input[type="url"]:focus {
    background: #FFF6F6;
    border-color: #E0B4B4;
    color: #9F3A38;
    -webkit-appearance: none;
    box-shadow: none
}

.ui.form .field.error select {
    -webkit-appearance: menulist-button
}

.ui.form .fields.error .field .ui.dropdown, .ui.form .fields.error .field .ui.dropdown .item, .ui.form .field.error .ui.dropdown, .ui.form .field.error .ui.dropdown .text, .ui.form .field.error .ui.dropdown .item {
    background: #FFF6F6;
    color: #9F3A38
}

.ui.form .fields.error .field .ui.dropdown, .ui.form .field.error .ui.dropdown {
    border-color: #E0B4B4 !important
}

.ui.form .fields.error .field .ui.dropdown:hover, .ui.form .field.error .ui.dropdown:hover {
    border-color: #E0B4B4 !important
}

.ui.form .fields.error .field .ui.dropdown:hover .menu, .ui.form .field.error .ui.dropdown:hover .menu {
    border-color: #E0B4B4
}

.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label, .ui.form .field.error .ui.multiple.selection.dropdown > .label {
    background-color: #EACBCB;
    color: #9F3A38
}

.ui.form .fields.error .field .ui.dropdown .menu .item:hover, .ui.form .field.error .ui.dropdown .menu .item:hover {
    background-color: #FBE7E7
}

.ui.form .fields.error .field .ui.dropdown .menu .selected.item, .ui.form .field.error .ui.dropdown .menu .selected.item {
    background-color: #FBE7E7
}

.ui.form .fields.error .field .ui.dropdown .menu .active.item, .ui.form .field.error .ui.dropdown .menu .active.item {
    background-color: #FDCFCF !important
}

.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {
    color: #9F3A38
}

.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before, .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
    background: #FFF6F6;
    border-color: #E0B4B4
}

.ui.form .fields.error .field .checkbox label:after, .ui.form .field.error .checkbox label:after, .ui.form .fields.error .field .checkbox .box:after, .ui.form .field.error .checkbox .box:after {
    color: #9F3A38
}

.ui.form .disabled.fields .field, .ui.form .disabled.field, .ui.form .field :disabled {
    pointer-events: none;
    opacity: 0.45
}

.ui.form .field.disabled > label, .ui.form .fields.disabled > label {
    opacity: 0.45
}

.ui.form .field.disabled :disabled {
    opacity: 1
}

.ui.loading.form {
    position: relative;
    cursor: default;
    pointer-events: none
}

.ui.loading.form:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: 100
}

.ui.loading.form:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -1.5em 0 0 -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: form-spin 0.6s linear;
    animation: form-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0.2em;
    box-shadow: 0 0 0 1px transparent;
    visibility: visible;
    z-index: 101
}

@-webkit-keyframes form-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes form-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.form .required.fields:not(.grouped) > .field > label:after, .ui.form .required.fields.grouped > label:after, .ui.form .required.field > label:after, .ui.form .required.fields:not(.grouped) > .field > .checkbox:after, .ui.form .required.field > .checkbox:after {
    margin: -0.2em 0 0 0.2em;
    content: '*';
    color: #DB2828
}

.ui.form .required.fields:not(.grouped) > .field > label:after, .ui.form .required.fields.grouped > label:after, .ui.form .required.field > label:after {
    display: inline-block;
    vertical-align: top
}

.ui.form .required.fields:not(.grouped) > .field > .checkbox:after, .ui.form .required.field > .checkbox:after {
    position: absolute;
    top: 0;
    left: 100%
}

.ui.inverted.form label, .ui.form .inverted.segment label, .ui.form .inverted.segment .ui.checkbox label, .ui.form .inverted.segment .ui.checkbox .box, .ui.inverted.form .ui.checkbox label, .ui.inverted.form .ui.checkbox .box, .ui.inverted.form .inline.fields > label, .ui.inverted.form .inline.fields .field > label, .ui.inverted.form .inline.fields .field > p, .ui.inverted.form .inline.field > label, .ui.inverted.form .inline.field > p {
    color: rgba(255, 255, 255, 0.9)
}

.ui.inverted.form input:not([type]), .ui.inverted.form input[type="date"], .ui.inverted.form input[type="datetime-local"], .ui.inverted.form input[type="email"], .ui.inverted.form input[type="number"], .ui.inverted.form input[type="password"], .ui.inverted.form input[type="search"], .ui.inverted.form input[type="tel"], .ui.inverted.form input[type="time"], .ui.inverted.form input[type="text"], .ui.inverted.form input[type="file"], .ui.inverted.form input[type="url"] {
    background: #FFF;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none
}

.ui.form .grouped.fields {
    display: block;
    margin: 0 0 1em
}

.ui.form .grouped.fields:last-child {
    margin-bottom: 0
}

.ui.form .grouped.fields > label {
    margin: 0 0 0.28571429rem 0;
    color: rgba(0, 0, 0, 0.87);
    font-size: 0.92857143em;
    font-weight: bold;
    text-transform: none
}

.ui.form .grouped.fields .field, .ui.form .grouped.inline.fields .field {
    display: block;
    margin: 0.5em 0;
    padding: 0
}

.ui.form .fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 -0.5em 1em
}

.ui.form .fields > .field {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-left: 0.5em;
    padding-right: 0.5em
}

.ui.form .fields > .field:first-child {
    border-left: none;
    box-shadow: none
}

.ui.form .two.fields > .fields, .ui.form .two.fields > .field {
    width: 50%
}

.ui.form .three.fields > .fields, .ui.form .three.fields > .field {
    width: 33.33333333%
}

.ui.form .four.fields > .fields, .ui.form .four.fields > .field {
    width: 25%
}

.ui.form .five.fields > .fields, .ui.form .five.fields > .field {
    width: 20%
}

.ui.form .six.fields > .fields, .ui.form .six.fields > .field {
    width: 16.66666667%
}

.ui.form .seven.fields > .fields, .ui.form .seven.fields > .field {
    width: 14.28571429%
}

.ui.form .eight.fields > .fields, .ui.form .eight.fields > .field {
    width: 12.5%
}

.ui.form .nine.fields > .fields, .ui.form .nine.fields > .field {
    width: 11.11111111%
}

.ui.form .ten.fields > .fields, .ui.form .ten.fields > .field {
    width: 10%
}

@media only screen and (max-width: 767px) {
    .ui.form .fields {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .ui[class*="equal width"].form .fields > .field, .ui.form [class*="equal width"].fields > .field, .ui.form .two.fields > .fields, .ui.form .two.fields > .field, .ui.form .three.fields > .fields, .ui.form .three.fields > .field, .ui.form .four.fields > .fields, .ui.form .four.fields > .field, .ui.form .five.fields > .fields, .ui.form .five.fields > .field, .ui.form .six.fields > .fields, .ui.form .six.fields > .field, .ui.form .seven.fields > .fields, .ui.form .seven.fields > .field, .ui.form .eight.fields > .fields, .ui.form .eight.fields > .field, .ui.form .nine.fields > .fields, .ui.form .nine.fields > .field, .ui.form .ten.fields > .fields, .ui.form .ten.fields > .field {
        width: 100% !important;
        margin: 0 0 1em
    }
}

.ui.form .fields .wide.field {
    width: 6.25%;
    padding-left: 0.5em;
    padding-right: 0.5em
}

.ui.form .one.wide.field {
    width: 6.25% !important
}

.ui.form .two.wide.field {
    width: 12.5% !important
}

.ui.form .three.wide.field {
    width: 18.75% !important
}

.ui.form .four.wide.field {
    width: 25% !important
}

.ui.form .five.wide.field {
    width: 31.25% !important
}

.ui.form .six.wide.field {
    width: 37.5% !important
}

.ui.form .seven.wide.field {
    width: 43.75% !important
}

.ui.form .eight.wide.field {
    width: 50% !important
}

.ui.form .nine.wide.field {
    width: 56.25% !important
}

.ui.form .ten.wide.field {
    width: 62.5% !important
}

.ui.form .eleven.wide.field {
    width: 68.75% !important
}

.ui.form .twelve.wide.field {
    width: 75% !important
}

.ui.form .thirteen.wide.field {
    width: 81.25% !important
}

.ui.form .fourteen.wide.field {
    width: 87.5% !important
}

.ui.form .fifteen.wide.field {
    width: 93.75% !important
}

.ui.form .sixteen.wide.field {
    width: 100% !important
}

@media only screen and (max-width: 767px) {
    .ui.form .two.fields > .fields, .ui.form .two.fields > .field, .ui.form .three.fields > .fields, .ui.form .three.fields > .field, .ui.form .four.fields > .fields, .ui.form .four.fields > .field, .ui.form .five.fields > .fields, .ui.form .five.fields > .field, .ui.form .fields > .two.wide.field, .ui.form .fields > .three.wide.field, .ui.form .fields > .four.wide.field, .ui.form .fields > .five.wide.field, .ui.form .fields > .six.wide.field, .ui.form .fields > .seven.wide.field, .ui.form .fields > .eight.wide.field, .ui.form .fields > .nine.wide.field, .ui.form .fields > .ten.wide.field, .ui.form .fields > .eleven.wide.field, .ui.form .fields > .twelve.wide.field, .ui.form .fields > .thirteen.wide.field, .ui.form .fields > .fourteen.wide.field, .ui.form .fields > .fifteen.wide.field, .ui.form .fields > .sixteen.wide.field {
        width: 100% !important
    }

    .ui.form .fields {
        margin-bottom: 0
    }
}

.ui[class*="equal width"].form .fields > .field, .ui.form [class*="equal width"].fields > .field {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.ui.form .inline.fields {
    margin: 0 0 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.ui.form .inline.fields .field {
    margin: 0;
    padding: 0 1em 0 0
}

.ui.form .inline.fields > label, .ui.form .inline.fields .field > label, .ui.form .inline.fields .field > p, .ui.form .inline.field > label, .ui.form .inline.field > p {
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: baseline;
    font-size: 0.92857143em;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.87);
    text-transform: none
}

.ui.form .inline.fields > label {
    margin: 0.035714em 1em 0 0
}

.ui.form .inline.fields .field > input, .ui.form .inline.fields .field > select, .ui.form .inline.field > input, .ui.form .inline.field > select {
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
    font-size: 1em
}

.ui.form .inline.fields .field > :first-child, .ui.form .inline.field > :first-child {
    margin: 0 0.85714286em 0 0
}

.ui.form .inline.fields .field > :only-child, .ui.form .inline.field > :only-child {
    margin: 0
}

.ui.form .inline.fields .wide.field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ui.form .inline.fields .wide.field > input, .ui.form .inline.fields .wide.field > select {
    width: 100%
}

.ui.mini.form {
    font-size: 0.78571429rem
}

.ui.tiny.form {
    font-size: 0.85714286rem
}

.ui.small.form {
    font-size: 0.92857143rem
}

.ui.form {
    font-size: 1rem
}

.ui.large.form {
    font-size: 1.14285714rem
}

.ui.big.form {
    font-size: 1.28571429rem
}

.ui.huge.form {
    font-size: 1.42857143rem
}

.ui.massive.form {
    font-size: 1.71428571rem
}

.ui.grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0
}

.ui.grid {
    margin-top: -1rem;
    margin-bottom: -1rem;
    margin-left: -1rem;
    margin-right: -1rem
}

.ui.relaxed.grid {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.ui[class*="very relaxed"].grid {
    margin-left: -2.5rem;
    margin-right: -2.5rem
}

.ui.grid + .grid {
    margin-top: 1rem
}

.ui.grid > .column:not(.row), .ui.grid > .row > .column {
    position: relative;
    display: inline-block;
    width: 6.25%;
    padding-left: 1rem;
    padding-right: 1rem;
    vertical-align: top
}

.ui.grid > * {
    padding-left: 1rem;
    padding-right: 1rem
}

.ui.grid > .row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100% !important;
    padding: 0rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid > .column:not(.row) {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid > .row > .column {
    margin-top: 0;
    margin-bottom: 0
}

.ui.grid > .row > img, .ui.grid > .row > .column > img {
    max-width: 100%
}

.ui.grid > .ui.grid:first-child {
    margin-top: 0
}

.ui.grid > .ui.grid:last-child {
    margin-bottom: 0
}

.ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached), .ui.aligned.grid .column > .segment:not(.compact):not(.attached) {
    width: 100%
}

.ui.grid .row + .ui.divider {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 1rem 1rem
}

.ui.grid .column + .ui.vertical.divider {
    height: calc(50% - 1rem)
}

.ui.grid > .row > .column:last-child > .horizontal.segment, .ui.grid > .column:last-child > .horizontal.segment {
    box-shadow: none
}

@media only screen and (max-width: 767px) {
    .ui.page.grid {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.page.grid {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 2em;
        padding-right: 2em
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ui.page.grid {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 3%;
        padding-right: 3%
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
    .ui.page.grid {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 15%;
        padding-right: 15%
    }
}

@media only screen and (min-width: 1920px) {
    .ui.page.grid {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 23%;
        padding-right: 23%
    }
}

.ui.grid > .column:only-child, .ui.grid > .row > .column:only-child {
    width: 100%
}

.ui[class*="one column"].grid > .row > .column, .ui[class*="one column"].grid > .column:not(.row) {
    width: 100%
}

.ui[class*="two column"].grid > .row > .column, .ui[class*="two column"].grid > .column:not(.row) {
    width: 50%
}

.ui[class*="three column"].grid > .row > .column, .ui[class*="three column"].grid > .column:not(.row) {
    width: 33.33333333%
}

.ui[class*="four column"].grid > .row > .column, .ui[class*="four column"].grid > .column:not(.row) {
    width: 25%
}

.ui[class*="five column"].grid > .row > .column, .ui[class*="five column"].grid > .column:not(.row) {
    width: 20%
}

.ui[class*="six column"].grid > .row > .column, .ui[class*="six column"].grid > .column:not(.row) {
    width: 16.66666667%
}

.ui[class*="seven column"].grid > .row > .column, .ui[class*="seven column"].grid > .column:not(.row) {
    width: 14.28571429%
}

.ui[class*="eight column"].grid > .row > .column, .ui[class*="eight column"].grid > .column:not(.row) {
    width: 12.5%
}

.ui[class*="nine column"].grid > .row > .column, .ui[class*="nine column"].grid > .column:not(.row) {
    width: 11.11111111%
}

.ui[class*="ten column"].grid > .row > .column, .ui[class*="ten column"].grid > .column:not(.row) {
    width: 10%
}

.ui[class*="eleven column"].grid > .row > .column, .ui[class*="eleven column"].grid > .column:not(.row) {
    width: 9.09090909%
}

.ui[class*="twelve column"].grid > .row > .column, .ui[class*="twelve column"].grid > .column:not(.row) {
    width: 8.33333333%
}

.ui[class*="thirteen column"].grid > .row > .column, .ui[class*="thirteen column"].grid > .column:not(.row) {
    width: 7.69230769%
}

.ui[class*="fourteen column"].grid > .row > .column, .ui[class*="fourteen column"].grid > .column:not(.row) {
    width: 7.14285714%
}

.ui[class*="fifteen column"].grid > .row > .column, .ui[class*="fifteen column"].grid > .column:not(.row) {
    width: 6.66666667%
}

.ui[class*="sixteen column"].grid > .row > .column, .ui[class*="sixteen column"].grid > .column:not(.row) {
    width: 6.25%
}

.ui.grid > [class*="one column"].row > .column {
    width: 100% !important
}

.ui.grid > [class*="two column"].row > .column {
    width: 50% !important
}

.ui.grid > [class*="three column"].row > .column {
    width: 33.33333333% !important
}

.ui.grid > [class*="four column"].row > .column {
    width: 25% !important
}

.ui.grid > [class*="five column"].row > .column {
    width: 20% !important
}

.ui.grid > [class*="six column"].row > .column {
    width: 16.66666667% !important
}

.ui.grid > [class*="seven column"].row > .column {
    width: 14.28571429% !important
}

.ui.grid > [class*="eight column"].row > .column {
    width: 12.5% !important
}

.ui.grid > [class*="nine column"].row > .column {
    width: 11.11111111% !important
}

.ui.grid > [class*="ten column"].row > .column {
    width: 10% !important
}

.ui.grid > [class*="eleven column"].row > .column {
    width: 9.09090909% !important
}

.ui.grid > [class*="twelve column"].row > .column {
    width: 8.33333333% !important
}

.ui.grid > [class*="thirteen column"].row > .column {
    width: 7.69230769% !important
}

.ui.grid > [class*="fourteen column"].row > .column {
    width: 7.14285714% !important
}

.ui.grid > [class*="fifteen column"].row > .column {
    width: 6.66666667% !important
}

.ui.grid > [class*="sixteen column"].row > .column {
    width: 6.25% !important
}

.ui.celled.page.grid {
    box-shadow: none
}

.ui.grid > .row > [class*="one wide"].column, .ui.grid > .column.row > [class*="one wide"].column, .ui.grid > [class*="one wide"].column, .ui.column.grid > [class*="one wide"].column {
    width: 6.25% !important
}

.ui.grid > .row > [class*="two wide"].column, .ui.grid > .column.row > [class*="two wide"].column, .ui.grid > [class*="two wide"].column, .ui.column.grid > [class*="two wide"].column {
    width: 12.5% !important
}

.ui.grid > .row > [class*="three wide"].column, .ui.grid > .column.row > [class*="three wide"].column, .ui.grid > [class*="three wide"].column, .ui.column.grid > [class*="three wide"].column {
    width: 18.75% !important
}

.ui.grid > .row > [class*="four wide"].column, .ui.grid > .column.row > [class*="four wide"].column, .ui.grid > [class*="four wide"].column, .ui.column.grid > [class*="four wide"].column {
    width: 25% !important
}

.ui.grid > .row > [class*="five wide"].column, .ui.grid > .column.row > [class*="five wide"].column, .ui.grid > [class*="five wide"].column, .ui.column.grid > [class*="five wide"].column {
    width: 31.25% !important
}

.ui.grid > .row > [class*="six wide"].column, .ui.grid > .column.row > [class*="six wide"].column, .ui.grid > [class*="six wide"].column, .ui.column.grid > [class*="six wide"].column {
    width: 37.5% !important
}

.ui.grid > .row > [class*="seven wide"].column, .ui.grid > .column.row > [class*="seven wide"].column, .ui.grid > [class*="seven wide"].column, .ui.column.grid > [class*="seven wide"].column {
    width: 43.75% !important
}

.ui.grid > .row > [class*="eight wide"].column, .ui.grid > .column.row > [class*="eight wide"].column, .ui.grid > [class*="eight wide"].column, .ui.column.grid > [class*="eight wide"].column {
    width: 50% !important
}

.ui.grid > .row > [class*="nine wide"].column, .ui.grid > .column.row > [class*="nine wide"].column, .ui.grid > [class*="nine wide"].column, .ui.column.grid > [class*="nine wide"].column {
    width: 56.25% !important
}

.ui.grid > .row > [class*="ten wide"].column, .ui.grid > .column.row > [class*="ten wide"].column, .ui.grid > [class*="ten wide"].column, .ui.column.grid > [class*="ten wide"].column {
    width: 62.5% !important
}

.ui.grid > .row > [class*="eleven wide"].column, .ui.grid > .column.row > [class*="eleven wide"].column, .ui.grid > [class*="eleven wide"].column, .ui.column.grid > [class*="eleven wide"].column {
    width: 68.75% !important
}

.ui.grid > .row > [class*="twelve wide"].column, .ui.grid > .column.row > [class*="twelve wide"].column, .ui.grid > [class*="twelve wide"].column, .ui.column.grid > [class*="twelve wide"].column {
    width: 75% !important
}

.ui.grid > .row > [class*="thirteen wide"].column, .ui.grid > .column.row > [class*="thirteen wide"].column, .ui.grid > [class*="thirteen wide"].column, .ui.column.grid > [class*="thirteen wide"].column {
    width: 81.25% !important
}

.ui.grid > .row > [class*="fourteen wide"].column, .ui.grid > .column.row > [class*="fourteen wide"].column, .ui.grid > [class*="fourteen wide"].column, .ui.column.grid > [class*="fourteen wide"].column {
    width: 87.5% !important
}

.ui.grid > .row > [class*="fifteen wide"].column, .ui.grid > .column.row > [class*="fifteen wide"].column, .ui.grid > [class*="fifteen wide"].column, .ui.column.grid > [class*="fifteen wide"].column {
    width: 93.75% !important
}

.ui.grid > .row > [class*="sixteen wide"].column, .ui.grid > .column.row > [class*="sixteen wide"].column, .ui.grid > [class*="sixteen wide"].column, .ui.column.grid > [class*="sixteen wide"].column {
    width: 100% !important
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .ui.grid > .row > [class*="one wide mobile"].column, .ui.grid > .column.row > [class*="one wide mobile"].column, .ui.grid > [class*="one wide mobile"].column, .ui.column.grid > [class*="one wide mobile"].column {
        width: 6.25% !important
    }

    .ui.grid > .row > [class*="two wide mobile"].column, .ui.grid > .column.row > [class*="two wide mobile"].column, .ui.grid > [class*="two wide mobile"].column, .ui.column.grid > [class*="two wide mobile"].column {
        width: 12.5% !important
    }

    .ui.grid > .row > [class*="three wide mobile"].column, .ui.grid > .column.row > [class*="three wide mobile"].column, .ui.grid > [class*="three wide mobile"].column, .ui.column.grid > [class*="three wide mobile"].column {
        width: 18.75% !important
    }

    .ui.grid > .row > [class*="four wide mobile"].column, .ui.grid > .column.row > [class*="four wide mobile"].column, .ui.grid > [class*="four wide mobile"].column, .ui.column.grid > [class*="four wide mobile"].column {
        width: 25% !important
    }

    .ui.grid > .row > [class*="five wide mobile"].column, .ui.grid > .column.row > [class*="five wide mobile"].column, .ui.grid > [class*="five wide mobile"].column, .ui.column.grid > [class*="five wide mobile"].column {
        width: 31.25% !important
    }

    .ui.grid > .row > [class*="six wide mobile"].column, .ui.grid > .column.row > [class*="six wide mobile"].column, .ui.grid > [class*="six wide mobile"].column, .ui.column.grid > [class*="six wide mobile"].column {
        width: 37.5% !important
    }

    .ui.grid > .row > [class*="seven wide mobile"].column, .ui.grid > .column.row > [class*="seven wide mobile"].column, .ui.grid > [class*="seven wide mobile"].column, .ui.column.grid > [class*="seven wide mobile"].column {
        width: 43.75% !important
    }

    .ui.grid > .row > [class*="eight wide mobile"].column, .ui.grid > .column.row > [class*="eight wide mobile"].column, .ui.grid > [class*="eight wide mobile"].column, .ui.column.grid > [class*="eight wide mobile"].column {
        width: 50% !important
    }

    .ui.grid > .row > [class*="nine wide mobile"].column, .ui.grid > .column.row > [class*="nine wide mobile"].column, .ui.grid > [class*="nine wide mobile"].column, .ui.column.grid > [class*="nine wide mobile"].column {
        width: 56.25% !important
    }

    .ui.grid > .row > [class*="ten wide mobile"].column, .ui.grid > .column.row > [class*="ten wide mobile"].column, .ui.grid > [class*="ten wide mobile"].column, .ui.column.grid > [class*="ten wide mobile"].column {
        width: 62.5% !important
    }

    .ui.grid > .row > [class*="eleven wide mobile"].column, .ui.grid > .column.row > [class*="eleven wide mobile"].column, .ui.grid > [class*="eleven wide mobile"].column, .ui.column.grid > [class*="eleven wide mobile"].column {
        width: 68.75% !important
    }

    .ui.grid > .row > [class*="twelve wide mobile"].column, .ui.grid > .column.row > [class*="twelve wide mobile"].column, .ui.grid > [class*="twelve wide mobile"].column, .ui.column.grid > [class*="twelve wide mobile"].column {
        width: 75% !important
    }

    .ui.grid > .row > [class*="thirteen wide mobile"].column, .ui.grid > .column.row > [class*="thirteen wide mobile"].column, .ui.grid > [class*="thirteen wide mobile"].column, .ui.column.grid > [class*="thirteen wide mobile"].column {
        width: 81.25% !important
    }

    .ui.grid > .row > [class*="fourteen wide mobile"].column, .ui.grid > .column.row > [class*="fourteen wide mobile"].column, .ui.grid > [class*="fourteen wide mobile"].column, .ui.column.grid > [class*="fourteen wide mobile"].column {
        width: 87.5% !important
    }

    .ui.grid > .row > [class*="fifteen wide mobile"].column, .ui.grid > .column.row > [class*="fifteen wide mobile"].column, .ui.grid > [class*="fifteen wide mobile"].column, .ui.column.grid > [class*="fifteen wide mobile"].column {
        width: 93.75% !important
    }

    .ui.grid > .row > [class*="sixteen wide mobile"].column, .ui.grid > .column.row > [class*="sixteen wide mobile"].column, .ui.grid > [class*="sixteen wide mobile"].column, .ui.column.grid > [class*="sixteen wide mobile"].column {
        width: 100% !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.grid > .row > [class*="one wide tablet"].column, .ui.grid > .column.row > [class*="one wide tablet"].column, .ui.grid > [class*="one wide tablet"].column, .ui.column.grid > [class*="one wide tablet"].column {
        width: 6.25% !important
    }

    .ui.grid > .row > [class*="two wide tablet"].column, .ui.grid > .column.row > [class*="two wide tablet"].column, .ui.grid > [class*="two wide tablet"].column, .ui.column.grid > [class*="two wide tablet"].column {
        width: 12.5% !important
    }

    .ui.grid > .row > [class*="three wide tablet"].column, .ui.grid > .column.row > [class*="three wide tablet"].column, .ui.grid > [class*="three wide tablet"].column, .ui.column.grid > [class*="three wide tablet"].column {
        width: 18.75% !important
    }

    .ui.grid > .row > [class*="four wide tablet"].column, .ui.grid > .column.row > [class*="four wide tablet"].column, .ui.grid > [class*="four wide tablet"].column, .ui.column.grid > [class*="four wide tablet"].column {
        width: 25% !important
    }

    .ui.grid > .row > [class*="five wide tablet"].column, .ui.grid > .column.row > [class*="five wide tablet"].column, .ui.grid > [class*="five wide tablet"].column, .ui.column.grid > [class*="five wide tablet"].column {
        width: 31.25% !important
    }

    .ui.grid > .row > [class*="six wide tablet"].column, .ui.grid > .column.row > [class*="six wide tablet"].column, .ui.grid > [class*="six wide tablet"].column, .ui.column.grid > [class*="six wide tablet"].column {
        width: 37.5% !important
    }

    .ui.grid > .row > [class*="seven wide tablet"].column, .ui.grid > .column.row > [class*="seven wide tablet"].column, .ui.grid > [class*="seven wide tablet"].column, .ui.column.grid > [class*="seven wide tablet"].column {
        width: 43.75% !important
    }

    .ui.grid > .row > [class*="eight wide tablet"].column, .ui.grid > .column.row > [class*="eight wide tablet"].column, .ui.grid > [class*="eight wide tablet"].column, .ui.column.grid > [class*="eight wide tablet"].column {
        width: 50% !important
    }

    .ui.grid > .row > [class*="nine wide tablet"].column, .ui.grid > .column.row > [class*="nine wide tablet"].column, .ui.grid > [class*="nine wide tablet"].column, .ui.column.grid > [class*="nine wide tablet"].column {
        width: 56.25% !important
    }

    .ui.grid > .row > [class*="ten wide tablet"].column, .ui.grid > .column.row > [class*="ten wide tablet"].column, .ui.grid > [class*="ten wide tablet"].column, .ui.column.grid > [class*="ten wide tablet"].column {
        width: 62.5% !important
    }

    .ui.grid > .row > [class*="eleven wide tablet"].column, .ui.grid > .column.row > [class*="eleven wide tablet"].column, .ui.grid > [class*="eleven wide tablet"].column, .ui.column.grid > [class*="eleven wide tablet"].column {
        width: 68.75% !important
    }

    .ui.grid > .row > [class*="twelve wide tablet"].column, .ui.grid > .column.row > [class*="twelve wide tablet"].column, .ui.grid > [class*="twelve wide tablet"].column, .ui.column.grid > [class*="twelve wide tablet"].column {
        width: 75% !important
    }

    .ui.grid > .row > [class*="thirteen wide tablet"].column, .ui.grid > .column.row > [class*="thirteen wide tablet"].column, .ui.grid > [class*="thirteen wide tablet"].column, .ui.column.grid > [class*="thirteen wide tablet"].column {
        width: 81.25% !important
    }

    .ui.grid > .row > [class*="fourteen wide tablet"].column, .ui.grid > .column.row > [class*="fourteen wide tablet"].column, .ui.grid > [class*="fourteen wide tablet"].column, .ui.column.grid > [class*="fourteen wide tablet"].column {
        width: 87.5% !important
    }

    .ui.grid > .row > [class*="fifteen wide tablet"].column, .ui.grid > .column.row > [class*="fifteen wide tablet"].column, .ui.grid > [class*="fifteen wide tablet"].column, .ui.column.grid > [class*="fifteen wide tablet"].column {
        width: 93.75% !important
    }

    .ui.grid > .row > [class*="sixteen wide tablet"].column, .ui.grid > .column.row > [class*="sixteen wide tablet"].column, .ui.grid > [class*="sixteen wide tablet"].column, .ui.column.grid > [class*="sixteen wide tablet"].column {
        width: 100% !important
    }
}

@media only screen and (min-width: 992px) {
    .ui.grid > .row > [class*="one wide computer"].column, .ui.grid > .column.row > [class*="one wide computer"].column, .ui.grid > [class*="one wide computer"].column, .ui.column.grid > [class*="one wide computer"].column {
        width: 6.25% !important
    }

    .ui.grid > .row > [class*="two wide computer"].column, .ui.grid > .column.row > [class*="two wide computer"].column, .ui.grid > [class*="two wide computer"].column, .ui.column.grid > [class*="two wide computer"].column {
        width: 12.5% !important
    }

    .ui.grid > .row > [class*="three wide computer"].column, .ui.grid > .column.row > [class*="three wide computer"].column, .ui.grid > [class*="three wide computer"].column, .ui.column.grid > [class*="three wide computer"].column {
        width: 18.75% !important
    }

    .ui.grid > .row > [class*="four wide computer"].column, .ui.grid > .column.row > [class*="four wide computer"].column, .ui.grid > [class*="four wide computer"].column, .ui.column.grid > [class*="four wide computer"].column {
        width: 25% !important
    }

    .ui.grid > .row > [class*="five wide computer"].column, .ui.grid > .column.row > [class*="five wide computer"].column, .ui.grid > [class*="five wide computer"].column, .ui.column.grid > [class*="five wide computer"].column {
        width: 31.25% !important
    }

    .ui.grid > .row > [class*="six wide computer"].column, .ui.grid > .column.row > [class*="six wide computer"].column, .ui.grid > [class*="six wide computer"].column, .ui.column.grid > [class*="six wide computer"].column {
        width: 37.5% !important
    }

    .ui.grid > .row > [class*="seven wide computer"].column, .ui.grid > .column.row > [class*="seven wide computer"].column, .ui.grid > [class*="seven wide computer"].column, .ui.column.grid > [class*="seven wide computer"].column {
        width: 43.75% !important
    }

    .ui.grid > .row > [class*="eight wide computer"].column, .ui.grid > .column.row > [class*="eight wide computer"].column, .ui.grid > [class*="eight wide computer"].column, .ui.column.grid > [class*="eight wide computer"].column {
        width: 50% !important
    }

    .ui.grid > .row > [class*="nine wide computer"].column, .ui.grid > .column.row > [class*="nine wide computer"].column, .ui.grid > [class*="nine wide computer"].column, .ui.column.grid > [class*="nine wide computer"].column {
        width: 56.25% !important
    }

    .ui.grid > .row > [class*="ten wide computer"].column, .ui.grid > .column.row > [class*="ten wide computer"].column, .ui.grid > [class*="ten wide computer"].column, .ui.column.grid > [class*="ten wide computer"].column {
        width: 62.5% !important
    }

    .ui.grid > .row > [class*="eleven wide computer"].column, .ui.grid > .column.row > [class*="eleven wide computer"].column, .ui.grid > [class*="eleven wide computer"].column, .ui.column.grid > [class*="eleven wide computer"].column {
        width: 68.75% !important
    }

    .ui.grid > .row > [class*="twelve wide computer"].column, .ui.grid > .column.row > [class*="twelve wide computer"].column, .ui.grid > [class*="twelve wide computer"].column, .ui.column.grid > [class*="twelve wide computer"].column {
        width: 75% !important
    }

    .ui.grid > .row > [class*="thirteen wide computer"].column, .ui.grid > .column.row > [class*="thirteen wide computer"].column, .ui.grid > [class*="thirteen wide computer"].column, .ui.column.grid > [class*="thirteen wide computer"].column {
        width: 81.25% !important
    }

    .ui.grid > .row > [class*="fourteen wide computer"].column, .ui.grid > .column.row > [class*="fourteen wide computer"].column, .ui.grid > [class*="fourteen wide computer"].column, .ui.column.grid > [class*="fourteen wide computer"].column {
        width: 87.5% !important
    }

    .ui.grid > .row > [class*="fifteen wide computer"].column, .ui.grid > .column.row > [class*="fifteen wide computer"].column, .ui.grid > [class*="fifteen wide computer"].column, .ui.column.grid > [class*="fifteen wide computer"].column {
        width: 93.75% !important
    }

    .ui.grid > .row > [class*="sixteen wide computer"].column, .ui.grid > .column.row > [class*="sixteen wide computer"].column, .ui.grid > [class*="sixteen wide computer"].column, .ui.column.grid > [class*="sixteen wide computer"].column {
        width: 100% !important
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
    .ui.grid > .row > [class*="one wide large screen"].column, .ui.grid > .column.row > [class*="one wide large screen"].column, .ui.grid > [class*="one wide large screen"].column, .ui.column.grid > [class*="one wide large screen"].column {
        width: 6.25% !important
    }

    .ui.grid > .row > [class*="two wide large screen"].column, .ui.grid > .column.row > [class*="two wide large screen"].column, .ui.grid > [class*="two wide large screen"].column, .ui.column.grid > [class*="two wide large screen"].column {
        width: 12.5% !important
    }

    .ui.grid > .row > [class*="three wide large screen"].column, .ui.grid > .column.row > [class*="three wide large screen"].column, .ui.grid > [class*="three wide large screen"].column, .ui.column.grid > [class*="three wide large screen"].column {
        width: 18.75% !important
    }

    .ui.grid > .row > [class*="four wide large screen"].column, .ui.grid > .column.row > [class*="four wide large screen"].column, .ui.grid > [class*="four wide large screen"].column, .ui.column.grid > [class*="four wide large screen"].column {
        width: 25% !important
    }

    .ui.grid > .row > [class*="five wide large screen"].column, .ui.grid > .column.row > [class*="five wide large screen"].column, .ui.grid > [class*="five wide large screen"].column, .ui.column.grid > [class*="five wide large screen"].column {
        width: 31.25% !important
    }

    .ui.grid > .row > [class*="six wide large screen"].column, .ui.grid > .column.row > [class*="six wide large screen"].column, .ui.grid > [class*="six wide large screen"].column, .ui.column.grid > [class*="six wide large screen"].column {
        width: 37.5% !important
    }

    .ui.grid > .row > [class*="seven wide large screen"].column, .ui.grid > .column.row > [class*="seven wide large screen"].column, .ui.grid > [class*="seven wide large screen"].column, .ui.column.grid > [class*="seven wide large screen"].column {
        width: 43.75% !important
    }

    .ui.grid > .row > [class*="eight wide large screen"].column, .ui.grid > .column.row > [class*="eight wide large screen"].column, .ui.grid > [class*="eight wide large screen"].column, .ui.column.grid > [class*="eight wide large screen"].column {
        width: 50% !important
    }

    .ui.grid > .row > [class*="nine wide large screen"].column, .ui.grid > .column.row > [class*="nine wide large screen"].column, .ui.grid > [class*="nine wide large screen"].column, .ui.column.grid > [class*="nine wide large screen"].column {
        width: 56.25% !important
    }

    .ui.grid > .row > [class*="ten wide large screen"].column, .ui.grid > .column.row > [class*="ten wide large screen"].column, .ui.grid > [class*="ten wide large screen"].column, .ui.column.grid > [class*="ten wide large screen"].column {
        width: 62.5% !important
    }

    .ui.grid > .row > [class*="eleven wide large screen"].column, .ui.grid > .column.row > [class*="eleven wide large screen"].column, .ui.grid > [class*="eleven wide large screen"].column, .ui.column.grid > [class*="eleven wide large screen"].column {
        width: 68.75% !important
    }

    .ui.grid > .row > [class*="twelve wide large screen"].column, .ui.grid > .column.row > [class*="twelve wide large screen"].column, .ui.grid > [class*="twelve wide large screen"].column, .ui.column.grid > [class*="twelve wide large screen"].column {
        width: 75% !important
    }

    .ui.grid > .row > [class*="thirteen wide large screen"].column, .ui.grid > .column.row > [class*="thirteen wide large screen"].column, .ui.grid > [class*="thirteen wide large screen"].column, .ui.column.grid > [class*="thirteen wide large screen"].column {
        width: 81.25% !important
    }

    .ui.grid > .row > [class*="fourteen wide large screen"].column, .ui.grid > .column.row > [class*="fourteen wide large screen"].column, .ui.grid > [class*="fourteen wide large screen"].column, .ui.column.grid > [class*="fourteen wide large screen"].column {
        width: 87.5% !important
    }

    .ui.grid > .row > [class*="fifteen wide large screen"].column, .ui.grid > .column.row > [class*="fifteen wide large screen"].column, .ui.grid > [class*="fifteen wide large screen"].column, .ui.column.grid > [class*="fifteen wide large screen"].column {
        width: 93.75% !important
    }

    .ui.grid > .row > [class*="sixteen wide large screen"].column, .ui.grid > .column.row > [class*="sixteen wide large screen"].column, .ui.grid > [class*="sixteen wide large screen"].column, .ui.column.grid > [class*="sixteen wide large screen"].column {
        width: 100% !important
    }
}

@media only screen and (min-width: 1920px) {
    .ui.grid > .row > [class*="one wide widescreen"].column, .ui.grid > .column.row > [class*="one wide widescreen"].column, .ui.grid > [class*="one wide widescreen"].column, .ui.column.grid > [class*="one wide widescreen"].column {
        width: 6.25% !important
    }

    .ui.grid > .row > [class*="two wide widescreen"].column, .ui.grid > .column.row > [class*="two wide widescreen"].column, .ui.grid > [class*="two wide widescreen"].column, .ui.column.grid > [class*="two wide widescreen"].column {
        width: 12.5% !important
    }

    .ui.grid > .row > [class*="three wide widescreen"].column, .ui.grid > .column.row > [class*="three wide widescreen"].column, .ui.grid > [class*="three wide widescreen"].column, .ui.column.grid > [class*="three wide widescreen"].column {
        width: 18.75% !important
    }

    .ui.grid > .row > [class*="four wide widescreen"].column, .ui.grid > .column.row > [class*="four wide widescreen"].column, .ui.grid > [class*="four wide widescreen"].column, .ui.column.grid > [class*="four wide widescreen"].column {
        width: 25% !important
    }

    .ui.grid > .row > [class*="five wide widescreen"].column, .ui.grid > .column.row > [class*="five wide widescreen"].column, .ui.grid > [class*="five wide widescreen"].column, .ui.column.grid > [class*="five wide widescreen"].column {
        width: 31.25% !important
    }

    .ui.grid > .row > [class*="six wide widescreen"].column, .ui.grid > .column.row > [class*="six wide widescreen"].column, .ui.grid > [class*="six wide widescreen"].column, .ui.column.grid > [class*="six wide widescreen"].column {
        width: 37.5% !important
    }

    .ui.grid > .row > [class*="seven wide widescreen"].column, .ui.grid > .column.row > [class*="seven wide widescreen"].column, .ui.grid > [class*="seven wide widescreen"].column, .ui.column.grid > [class*="seven wide widescreen"].column {
        width: 43.75% !important
    }

    .ui.grid > .row > [class*="eight wide widescreen"].column, .ui.grid > .column.row > [class*="eight wide widescreen"].column, .ui.grid > [class*="eight wide widescreen"].column, .ui.column.grid > [class*="eight wide widescreen"].column {
        width: 50% !important
    }

    .ui.grid > .row > [class*="nine wide widescreen"].column, .ui.grid > .column.row > [class*="nine wide widescreen"].column, .ui.grid > [class*="nine wide widescreen"].column, .ui.column.grid > [class*="nine wide widescreen"].column {
        width: 56.25% !important
    }

    .ui.grid > .row > [class*="ten wide widescreen"].column, .ui.grid > .column.row > [class*="ten wide widescreen"].column, .ui.grid > [class*="ten wide widescreen"].column, .ui.column.grid > [class*="ten wide widescreen"].column {
        width: 62.5% !important
    }

    .ui.grid > .row > [class*="eleven wide widescreen"].column, .ui.grid > .column.row > [class*="eleven wide widescreen"].column, .ui.grid > [class*="eleven wide widescreen"].column, .ui.column.grid > [class*="eleven wide widescreen"].column {
        width: 68.75% !important
    }

    .ui.grid > .row > [class*="twelve wide widescreen"].column, .ui.grid > .column.row > [class*="twelve wide widescreen"].column, .ui.grid > [class*="twelve wide widescreen"].column, .ui.column.grid > [class*="twelve wide widescreen"].column {
        width: 75% !important
    }

    .ui.grid > .row > [class*="thirteen wide widescreen"].column, .ui.grid > .column.row > [class*="thirteen wide widescreen"].column, .ui.grid > [class*="thirteen wide widescreen"].column, .ui.column.grid > [class*="thirteen wide widescreen"].column {
        width: 81.25% !important
    }

    .ui.grid > .row > [class*="fourteen wide widescreen"].column, .ui.grid > .column.row > [class*="fourteen wide widescreen"].column, .ui.grid > [class*="fourteen wide widescreen"].column, .ui.column.grid > [class*="fourteen wide widescreen"].column {
        width: 87.5% !important
    }

    .ui.grid > .row > [class*="fifteen wide widescreen"].column, .ui.grid > .column.row > [class*="fifteen wide widescreen"].column, .ui.grid > [class*="fifteen wide widescreen"].column, .ui.column.grid > [class*="fifteen wide widescreen"].column {
        width: 93.75% !important
    }

    .ui.grid > .row > [class*="sixteen wide widescreen"].column, .ui.grid > .column.row > [class*="sixteen wide widescreen"].column, .ui.grid > [class*="sixteen wide widescreen"].column, .ui.column.grid > [class*="sixteen wide widescreen"].column {
        width: 100% !important
    }
}

.ui.centered.grid, .ui.centered.grid > .row, .ui.grid > .centered.row {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui.centered.grid > .column:not(.aligned):not(.justified):not(.row), .ui.centered.grid > .row > .column:not(.aligned):not(.justified), .ui.grid .centered.row > .column:not(.aligned):not(.justified) {
    text-align: left
}

.ui.grid > .centered.column, .ui.grid > .row > .centered.column {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.ui.relaxed.grid > .column:not(.row), .ui.relaxed.grid > .row > .column, .ui.grid > .relaxed.row > .column {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.ui[class*="very relaxed"].grid > .column:not(.row), .ui[class*="very relaxed"].grid > .row > .column, .ui.grid > [class*="very relaxed"].row > .column {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.ui.relaxed.grid .row + .ui.divider, .ui.grid .relaxed.row + .ui.divider {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.ui[class*="very relaxed"].grid .row + .ui.divider, .ui.grid [class*="very relaxed"].row + .ui.divider {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.ui.padded.grid:not(.vertically):not(.horizontally) {
    margin: 0 !important
}

[class*="horizontally padded"].ui.grid {
    margin-left: 0 !important;
    margin-right: 0 !important
}

[class*="vertically padded"].ui.grid {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.ui.grid [class*="left floated"].column {
    margin-right: auto
}

.ui.grid [class*="right floated"].column {
    margin-left: auto
}

.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
    box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15)
}

.ui[class*="vertically divided"].grid > .column:not(.row), .ui[class*="vertically divided"].grid > .row > .column {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem
}

.ui[class*="vertically divided"].grid > .row {
    margin-top: 0;
    margin-bottom: 0
}

.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    box-shadow: none
}

.ui[class*="vertically divided"].grid > .row:first-child > .column {
    margin-top: 0
}

.ui.grid > .divided.row > .column {
    box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15)
}

.ui.grid > .divided.row > .column:first-child {
    box-shadow: none
}

.ui[class*="vertically divided"].grid > .row {
    position: relative
}

.ui[class*="vertically divided"].grid > .row:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: calc(100% - 2rem);
    height: 1px;
    margin: 0 1rem;
    box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15)
}

[class*="horizontally padded"].ui.divided.grid, .ui.padded.divided.grid:not(.vertically):not(.horizontally) {
    width: 100%
}

.ui[class*="vertically divided"].grid > .row:first-child:before {
    box-shadow: none
}

.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
    box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1)
}

.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child, .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    box-shadow: none
}

.ui.inverted[class*="vertically divided"].grid > .row:before {
    box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1)
}

.ui.relaxed[class*="vertically divided"].grid > .row:before {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    width: calc(100% - 3rem)
}

.ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {
    margin-left: 5rem;
    margin-right: 5rem;
    width: calc(100% - 5rem)
}

.ui.celled.grid {
    width: 100%;
    margin: 1em 0;
    box-shadow: 0 0 0 1px #D4D4D5
}

.ui.celled.grid > .row {
    width: 100% !important;
    margin: 0;
    padding: 0;
    box-shadow: 0 -1px 0 0 #D4D4D5
}

.ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column {
    box-shadow: -1px 0 0 0 #D4D4D5
}

.ui.celled.grid > .column:first-child, .ui.celled.grid > .row > .column:first-child {
    box-shadow: none
}

.ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column {
    padding: 1em
}

.ui.relaxed.celled.grid > .column:not(.row), .ui.relaxed.celled.grid > .row > .column {
    padding: 1.5em
}

.ui[class*="very relaxed"].celled.grid > .column:not(.row), .ui[class*="very relaxed"].celled.grid > .row > .column {
    padding: 2em
}

.ui[class*="internally celled"].grid {
    box-shadow: none;
    margin: 0
}

.ui[class*="internally celled"].grid > .row:first-child {
    box-shadow: none
}

.ui[class*="internally celled"].grid > .row > .column:first-child {
    box-shadow: none
}

.ui[class*="top aligned"].grid > .column:not(.row), .ui[class*="top aligned"].grid > .row > .column, .ui.grid > [class*="top aligned"].row > .column, .ui.grid > [class*="top aligned"].column:not(.row), .ui.grid > .row > [class*="top aligned"].column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    vertical-align: top;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.ui[class*="middle aligned"].grid > .column:not(.row), .ui[class*="middle aligned"].grid > .row > .column, .ui.grid > [class*="middle aligned"].row > .column, .ui.grid > [class*="middle aligned"].column:not(.row), .ui.grid > .row > [class*="middle aligned"].column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    vertical-align: middle;
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.ui[class*="bottom aligned"].grid > .column:not(.row), .ui[class*="bottom aligned"].grid > .row > .column, .ui.grid > [class*="bottom aligned"].row > .column, .ui.grid > [class*="bottom aligned"].column:not(.row), .ui.grid > .row > [class*="bottom aligned"].column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    vertical-align: bottom;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.ui.stretched.grid > .row > .column, .ui.stretched.grid > .column, .ui.grid > .stretched.row > .column, .ui.grid > .stretched.column:not(.row), .ui.grid > .row > .stretched.column {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ui.stretched.grid > .row > .column > *, .ui.stretched.grid > .column > *, .ui.grid > .stretched.row > .column > *, .ui.grid > .stretched.column:not(.row) > *, .ui.grid > .row > .stretched.column > * {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ui[class*="left aligned"].grid > .column, .ui[class*="left aligned"].grid > .row > .column, .ui.grid > [class*="left aligned"].row > .column, .ui.grid > [class*="left aligned"].column.column, .ui.grid > .row > [class*="left aligned"].column.column {
    text-align: left;
    -ms-flex-item-align: inherit;
    align-self: inherit
}

.ui[class*="center aligned"].grid > .column, .ui[class*="center aligned"].grid > .row > .column, .ui.grid > [class*="center aligned"].row > .column, .ui.grid > [class*="center aligned"].column.column, .ui.grid > .row > [class*="center aligned"].column.column {
    text-align: center;
    -ms-flex-item-align: inherit;
    align-self: inherit
}

.ui[class*="center aligned"].grid {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui[class*="right aligned"].grid > .column, .ui[class*="right aligned"].grid > .row > .column, .ui.grid > [class*="right aligned"].row > .column, .ui.grid > [class*="right aligned"].column.column, .ui.grid > .row > [class*="right aligned"].column.column {
    text-align: right;
    -ms-flex-item-align: inherit;
    align-self: inherit
}

.ui.justified.grid > .column, .ui.justified.grid > .row > .column, .ui.grid > .justified.row > .column, .ui.grid > .justified.column.column, .ui.grid > .row > .justified.column.column {
    text-align: justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.ui.grid > .row > .red.column, .ui.grid > .row > .orange.column, .ui.grid > .row > .yellow.column, .ui.grid > .row > .olive.column, .ui.grid > .row > .green.column, .ui.grid > .row > .teal.column, .ui.grid > .row > .blue.column, .ui.grid > .row > .violet.column, .ui.grid > .row > .purple.column, .ui.grid > .row > .pink.column, .ui.grid > .row > .brown.column, .ui.grid > .row > .grey.column, .ui.grid > .row > .black.column {
    margin-top: -1rem;
    margin-bottom: -1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid > .red.row, .ui.grid > .red.column, .ui.grid > .row > .red.column {
    background-color: #DB2828 !important;
    color: #FFF
}

.ui.grid > .orange.row, .ui.grid > .orange.column, .ui.grid > .row > .orange.column {
    background-color: #F2711C !important;
    color: #FFF
}

.ui.grid > .yellow.row, .ui.grid > .yellow.column, .ui.grid > .row > .yellow.column {
    background-color: #FBBD08 !important;
    color: #FFF
}

.ui.grid > .olive.row, .ui.grid > .olive.column, .ui.grid > .row > .olive.column {
    background-color: #B5CC18 !important;
    color: #FFF
}

.ui.grid > .green.row, .ui.grid > .green.column, .ui.grid > .row > .green.column {
    background-color: #21BA45 !important;
    color: #FFF
}

.ui.grid > .teal.row, .ui.grid > .teal.column, .ui.grid > .row > .teal.column {
    background-color: #00B5AD !important;
    color: #FFF
}

.ui.grid > .blue.row, .ui.grid > .blue.column, .ui.grid > .row > .blue.column {
    background-color: #2185D0 !important;
    color: #FFF
}

.ui.grid > .violet.row, .ui.grid > .violet.column, .ui.grid > .row > .violet.column {
    background-color: #6435C9 !important;
    color: #FFF
}

.ui.grid > .purple.row, .ui.grid > .purple.column, .ui.grid > .row > .purple.column {
    background-color: #A333C8 !important;
    color: #FFF
}

.ui.grid > .pink.row, .ui.grid > .pink.column, .ui.grid > .row > .pink.column {
    background-color: #E03997 !important;
    color: #FFF
}

.ui.grid > .brown.row, .ui.grid > .brown.column, .ui.grid > .row > .brown.column {
    background-color: #A5673F !important;
    color: #FFF
}

.ui.grid > .grey.row, .ui.grid > .grey.column, .ui.grid > .row > .grey.column {
    background-color: #767676 !important;
    color: #FFF
}

.ui.grid > .black.row, .ui.grid > .black.column, .ui.grid > .row > .black.column {
    background-color: #1B1C1D !important;
    color: #FFF
}

.ui[class*="equal width"].grid > .column:not(.row), .ui[class*="equal width"].grid > .row > .column, .ui.grid > [class*="equal width"].row > .column {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ui[class*="equal width"].grid > .wide.column, .ui[class*="equal width"].grid > .row > .wide.column, .ui.grid > [class*="equal width"].row > .wide.column {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

@media only screen and (max-width: 767px) {
    .ui[class*="mobile reversed"].grid, .ui[class*="mobile reversed"].grid > .row, .ui.grid > [class*="mobile reversed"].row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .ui[class*="mobile vertically reversed"].grid, .ui.stackable[class*="mobile reversed"] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
        box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15)
    }

    .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
        box-shadow: none
    }

    .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {
        box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15)
    }

    .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before {
        box-shadow: none
    }

    .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {
        box-shadow: -1px 0 0 0 #D4D4D5
    }

    .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
        box-shadow: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui[class*="tablet reversed"].grid, .ui[class*="tablet reversed"].grid > .row, .ui.grid > [class*="tablet reversed"].row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .ui[class*="tablet vertically reversed"].grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
        box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15)
    }

    .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
        box-shadow: none
    }

    .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {
        box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15)
    }

    .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before {
        box-shadow: none
    }

    .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {
        box-shadow: -1px 0 0 0 #D4D4D5
    }

    .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
        box-shadow: none
    }
}

@media only screen and (min-width: 992px) {
    .ui[class*="computer reversed"].grid, .ui[class*="computer reversed"].grid > .row, .ui.grid > [class*="computer reversed"].row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .ui[class*="computer vertically reversed"].grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
        box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15)
    }

    .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
        box-shadow: none
    }

    .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {
        box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15)
    }

    .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before {
        box-shadow: none
    }

    .ui[class*="computer reversed"].celled.grid > .row > .column:first-child {
        box-shadow: -1px 0 0 0 #D4D4D5
    }

    .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
        box-shadow: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.doubling.grid {
        width: auto
    }

    .ui.grid > .doubling.row, .ui.doubling.grid > .row {
        margin: 0 !important;
        padding: 0 !important
    }

    .ui.grid > .doubling.row > .column, .ui.doubling.grid > .row > .column {
        display: inline-block !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        box-shadow: none !important;
        margin: 0
    }

    .ui[class*="two column"].doubling.grid > .row > .column, .ui[class*="two column"].doubling.grid > .column:not(.row), .ui.grid > [class*="two column"].doubling.row.row > .column {
        width: 100% !important
    }

    .ui[class*="three column"].doubling.grid > .row > .column, .ui[class*="three column"].doubling.grid > .column:not(.row), .ui.grid > [class*="three column"].doubling.row.row > .column {
        width: 50% !important
    }

    .ui[class*="four column"].doubling.grid > .row > .column, .ui[class*="four column"].doubling.grid > .column:not(.row), .ui.grid > [class*="four column"].doubling.row.row > .column {
        width: 50% !important
    }

    .ui[class*="five column"].doubling.grid > .row > .column, .ui[class*="five column"].doubling.grid > .column:not(.row), .ui.grid > [class*="five column"].doubling.row.row > .column {
        width: 33.33333333% !important
    }

    .ui[class*="six column"].doubling.grid > .row > .column, .ui[class*="six column"].doubling.grid > .column:not(.row), .ui.grid > [class*="six column"].doubling.row.row > .column {
        width: 33.33333333% !important
    }

    .ui[class*="seven column"].doubling.grid > .row > .column, .ui[class*="seven column"].doubling.grid > .column:not(.row), .ui.grid > [class*="seven column"].doubling.row.row > .column {
        width: 33.33333333% !important
    }

    .ui[class*="eight column"].doubling.grid > .row > .column, .ui[class*="eight column"].doubling.grid > .column:not(.row), .ui.grid > [class*="eight column"].doubling.row.row > .column {
        width: 25% !important
    }

    .ui[class*="nine column"].doubling.grid > .row > .column, .ui[class*="nine column"].doubling.grid > .column:not(.row), .ui.grid > [class*="nine column"].doubling.row.row > .column {
        width: 25% !important
    }

    .ui[class*="ten column"].doubling.grid > .row > .column, .ui[class*="ten column"].doubling.grid > .column:not(.row), .ui.grid > [class*="ten column"].doubling.row.row > .column {
        width: 20% !important
    }

    .ui[class*="eleven column"].doubling.grid > .row > .column, .ui[class*="eleven column"].doubling.grid > .column:not(.row), .ui.grid > [class*="eleven column"].doubling.row.row > .column {
        width: 20% !important
    }

    .ui[class*="twelve column"].doubling.grid > .row > .column, .ui[class*="twelve column"].doubling.grid > .column:not(.row), .ui.grid > [class*="twelve column"].doubling.row.row > .column {
        width: 16.66666667% !important
    }

    .ui[class*="thirteen column"].doubling.grid > .row > .column, .ui[class*="thirteen column"].doubling.grid > .column:not(.row), .ui.grid > [class*="thirteen column"].doubling.row.row > .column {
        width: 16.66666667% !important
    }

    .ui[class*="fourteen column"].doubling.grid > .row > .column, .ui[class*="fourteen column"].doubling.grid > .column:not(.row), .ui.grid > [class*="fourteen column"].doubling.row.row > .column {
        width: 14.28571429% !important
    }

    .ui[class*="fifteen column"].doubling.grid > .row > .column, .ui[class*="fifteen column"].doubling.grid > .column:not(.row), .ui.grid > [class*="fifteen column"].doubling.row.row > .column {
        width: 14.28571429% !important
    }

    .ui[class*="sixteen column"].doubling.grid > .row > .column, .ui[class*="sixteen column"].doubling.grid > .column:not(.row), .ui.grid > [class*="sixteen column"].doubling.row.row > .column {
        width: 12.5% !important
    }
}

@media only screen and (max-width: 767px) {
    .ui.grid > .doubling.row, .ui.doubling.grid > .row {
        margin: 0 !important;
        padding: 0 !important
    }

    .ui.grid > .doubling.row > .column, .ui.doubling.grid > .row > .column {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        margin: 0 !important;
        box-shadow: none !important
    }

    .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column {
        width: 100% !important
    }

    .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column {
        width: 50% !important
    }

    .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column {
        width: 50% !important
    }

    .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column {
        width: 50% !important
    }

    .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column {
        width: 50% !important
    }

    .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column {
        width: 50% !important
    }

    .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column {
        width: 50% !important
    }

    .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column {
        width: 33.33333333% !important
    }

    .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column {
        width: 33.33333333% !important
    }

    .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column {
        width: 33.33333333% !important
    }

    .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column {
        width: 33.33333333% !important
    }

    .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column {
        width: 33.33333333% !important
    }

    .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column {
        width: 25% !important
    }

    .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column {
        width: 25% !important
    }

    .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column {
        width: 25% !important
    }
}

@media only screen and (max-width: 767px) {
    .ui.stackable.grid {
        width: auto;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .wide.column, .ui.stackable.grid > .column.grid > .column, .ui.stackable.grid > .column.row > .column, .ui.stackable.grid > .row > .column, .ui.stackable.grid > .column:not(.row), .ui.grid > .stackable.stackable.row > .column {
        width: 100% !important;
        margin: 0 0 !important;
        box-shadow: none !important;
        padding: 1rem 1rem !important
    }

    .ui.stackable.grid:not(.vertically) > .row {
        margin: 0;
        padding: 0
    }

    .ui.container > .ui.stackable.grid > .column, .ui.container > .ui.stackable.grid > .row > .column {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .ui.grid .ui.stackable.grid, .ui.segment:not(.vertical) .ui.stackable.page.grid {
        margin-left: -1rem !important;
        margin-right: -1rem !important
    }

    .ui.stackable.divided.grid > .row:first-child > .column:first-child, .ui.stackable.celled.grid > .row:first-child > .column:first-child, .ui.stackable.divided.grid > .column:not(.row):first-child, .ui.stackable.celled.grid > .column:not(.row):first-child {
        border-top: none !important
    }

    .ui.inverted.stackable.celled.grid > .column:not(.row), .ui.inverted.stackable.divided.grid > .column:not(.row), .ui.inverted.stackable.celled.grid > .row > .column, .ui.inverted.stackable.divided.grid > .row > .column {
        border-top: 1px solid rgba(255, 255, 255, 0.1)
    }

    .ui.stackable.celled.grid > .column:not(.row), .ui.stackable.divided:not(.vertically).grid > .column:not(.row), .ui.stackable.celled.grid > .row > .column, .ui.stackable.divided:not(.vertically).grid > .row > .column {
        border-top: 1px solid rgba(34, 36, 38, 0.15);
        box-shadow: none !important;
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .ui.stackable.celled.grid > .row {
        box-shadow: none !important
    }

    .ui.stackable.divided:not(.vertically).grid > .column:not(.row), .ui.stackable.divided:not(.vertically).grid > .row > .column {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media only screen and (max-width: 767px) {
    .ui[class*="tablet only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile), .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) {
        display: none !important
    }

    .ui[class*="computer only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile), .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) {
        display: none !important
    }

    .ui[class*="large screen only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
        display: none !important
    }

    .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
        display: none !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui[class*="mobile only"].grid.grid.grid:not(.tablet), .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet), .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet), .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) {
        display: none !important
    }

    .ui[class*="computer only"].grid.grid.grid:not(.tablet), .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet), .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet), .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) {
        display: none !important
    }

    .ui[class*="large screen only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
        display: none !important
    }

    .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
        display: none !important
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ui[class*="mobile only"].grid.grid.grid:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
        display: none !important
    }

    .ui[class*="tablet only"].grid.grid.grid:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
        display: none !important
    }

    .ui[class*="large screen only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
        display: none !important
    }

    .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
        display: none !important
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
    .ui[class*="mobile only"].grid.grid.grid:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
        display: none !important
    }

    .ui[class*="tablet only"].grid.grid.grid:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
        display: none !important
    }

    .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
        display: none !important
    }
}

@media only screen and (min-width: 1920px) {
    .ui[class*="mobile only"].grid.grid.grid:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
        display: none !important
    }

    .ui[class*="tablet only"].grid.grid.grid:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
        display: none !important
    }
}

.ui.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1rem 0;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    background: #FFF;
    font-weight: normal;
    border: 1px solid rgba(34, 36, 38, 0.15);
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
    border-radius: 0.28571429rem;
    min-height: 2.85714286em
}

.ui.menu:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui.menu:first-child {
    margin-top: 0rem
}

.ui.menu:last-child {
    margin-bottom: 0rem
}

.ui.menu .menu {
    margin: 0
}

.ui.menu:not(.vertical) > .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui.menu:not(.vertical) .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ui.menu .item {
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    padding: 0.92857143em 1.14285714em;
    text-transform: none;
    color: rgba(0, 0, 0, 0.87);
    font-weight: normal;
    -webkit-transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
    transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease
}

.ui.menu > .item:first-child {
    border-radius: 0.28571429rem 0 0 0.28571429rem
}

.ui.menu .item:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background: rgba(34, 36, 38, 0.1)
}

.ui.menu .text.item > *, .ui.menu .item > a:not(.ui), .ui.menu .item > p:only-child {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    line-height: 1.3
}

.ui.menu .item > p:first-child {
    margin-top: 0
}

.ui.menu .item > p:last-child {
    margin-bottom: 0
}

.ui.menu .item > i.icon {
    opacity: 0.9;
    float: none;
    margin: 0 0.35714286em 0 0
}

.ui.menu:not(.vertical) .item > .button {
    position: relative;
    top: 0;
    margin: -0.5em 0;
    padding-bottom: 0.78571429em;
    padding-top: 0.78571429em;
    font-size: 1em
}

.ui.menu > .grid, .ui.menu > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: inherit;
    flex-direction: inherit
}

.ui.menu .item > .input {
    width: 100%
}

.ui.menu:not(.vertical) .item > .input {
    position: relative;
    top: 0;
    margin: -0.5em 0
}

.ui.menu .item > .input input {
    font-size: 1em;
    padding-top: 0.57142857em;
    padding-bottom: 0.57142857em
}

.ui.menu .header.item, .ui.vertical.menu .header.item {
    margin: 0;
    background: '';
    text-transform: normal;
    font-weight: bold
}

.ui.vertical.menu .item > .header:not(.ui) {
    margin: 0 0 0.5em;
    font-size: 1em;
    font-weight: bold
}

.ui.menu .item > i.dropdown.icon {
    padding: 0;
    float: right;
    margin: 0 0 0 1em
}

.ui.menu .dropdown.item .menu {
    left: 0;
    min-width: calc(100% - 1px);
    border-radius: 0 0 0.28571429rem 0.28571429rem;
    background: #FFF;
    margin: 0 0 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.ui.menu .ui.dropdown .menu > .item {
    margin: 0;
    text-align: left;
    font-size: 1em !important;
    padding: 0.78571429em 1.14285714em !important;
    background: transparent !important;
    color: rgba(0, 0, 0, 0.87) !important;
    text-transform: none !important;
    font-weight: normal !important;
    box-shadow: none !important;
    -webkit-transition: none !important;
    transition: none !important
}

.ui.menu .ui.dropdown .menu > .item:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    color: rgba(0, 0, 0, 0.95) !important
}

.ui.menu .ui.dropdown .menu > .selected.item {
    background: rgba(0, 0, 0, 0.05) !important;
    color: rgba(0, 0, 0, 0.95) !important
}

.ui.menu .ui.dropdown .menu > .active.item {
    background: rgba(0, 0, 0, 0.03) !important;
    font-weight: bold !important;
    color: rgba(0, 0, 0, 0.95) !important
}

.ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
    display: block
}

.ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) {
    display: inline-block;
    font-size: 1em !important;
    float: none;
    margin: 0 0.75em 0 0
}

.ui.secondary.menu .dropdown.item > .menu, .ui.text.menu .dropdown.item > .menu {
    border-radius: 0.28571429rem;
    margin-top: 0.35714286em
}

.ui.menu .pointing.dropdown.item .menu {
    margin-top: 0.75em
}

.ui.inverted.menu .search.dropdown.item > .search, .ui.inverted.menu .search.dropdown.item > .text {
    color: rgba(255, 255, 255, 0.9)
}

.ui.vertical.menu .dropdown.item > .icon {
    float: right;
    content: "\f0da";
    margin-left: 1em
}

.ui.vertical.menu .dropdown.item .menu {
    left: 100%;
    min-width: 0;
    margin: 0 0 0 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    border-radius: 0 0.28571429rem 0.28571429rem 0.28571429rem
}

.ui.vertical.menu .dropdown.item.upward .menu {
    bottom: 0
}

.ui.vertical.menu .dropdown.item:not(.upward) .menu {
    top: 0
}

.ui.vertical.menu .active.dropdown.item {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui.vertical.menu .dropdown.active.item {
    box-shadow: none
}

.ui.item.menu .dropdown .menu .item {
    width: 100%
}

.ui.menu .item > .label {
    background: #999999;
    color: #FFF;
    margin-left: 1em;
    padding: 0.3em 0.78571429em
}

.ui.vertical.menu .item > .label {
    background: #999999;
    color: #FFF;
    margin-top: -0.15em;
    margin-bottom: -0.15em;
    padding: 0.3em 0.78571429em
}

.ui.menu .item > .floating.label {
    padding: 0.3em 0.78571429em
}

.ui.menu .item > img:not(.ui) {
    display: inline-block;
    vertical-align: middle;
    margin: -0.3em 0;
    width: 2.5em
}

.ui.vertical.menu .item > img:not(.ui):only-child {
    display: block;
    max-width: 100%;
    width: auto
}

.ui.vertical.sidebar.menu > .item:first-child:before {
    display: block !important
}

.ui.vertical.sidebar.menu > .item::before {
    top: auto;
    bottom: 0
}

@media only screen and (max-width: 767px) {
    .ui.menu > .ui.container {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media only screen and (min-width: 768px) {
    .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
        border-left: 1px solid rgba(34, 36, 38, 0.1)
    }
}

.ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.95)
}

.ui.link.menu .item:active, .ui.menu .link.item:active, .ui.menu a.item:active {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.95)
}

.ui.menu .active.item {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95);
    font-weight: normal;
    box-shadow: none
}

.ui.menu .active.item > i.icon {
    opacity: 1
}

.ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95)
}

.ui.menu .item.disabled, .ui.menu .item.disabled:hover {
    cursor: default;
    background-color: transparent !important;
    color: rgba(40, 40, 40, 0.3)
}

.ui.menu:not(.vertical) .left.item, .ui.menu:not(.vertical) .left.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto !important
}

.ui.menu:not(.vertical) .right.item, .ui.menu:not(.vertical) .right.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto !important
}

.ui.menu .right.item::before, .ui.menu .right.menu > .item::before {
    right: auto;
    left: 0
}

.ui.vertical.menu {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15)
}

.ui.vertical.menu .item {
    display: block;
    background: none;
    border-top: none;
    border-right: none
}

.ui.vertical.menu > .item:first-child {
    border-radius: 0.28571429rem 0.28571429rem 0 0
}

.ui.vertical.menu > .item:last-child {
    border-radius: 0 0 0.28571429rem 0.28571429rem
}

.ui.vertical.menu .item > .label {
    float: right;
    text-align: center
}

.ui.vertical.menu .item > i.icon {
    width: 1.18em;
    float: right;
    margin: 0 0 0 0.5em
}

.ui.vertical.menu .item > .label + i.icon {
    float: none;
    margin: 0 0.5em 0 0
}

.ui.vertical.menu .item:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(34, 36, 38, 0.1)
}

.ui.vertical.menu .item:first-child:before {
    display: none !important
}

.ui.vertical.menu .item > .menu {
    margin: 0.5em -1.14285714em 0
}

.ui.vertical.menu .menu .item {
    background: none;
    padding: 0.5em 1.33333333em;
    font-size: 0.85714286em;
    color: rgba(0, 0, 0, 0.5)
}

.ui.vertical.menu .item .menu a.item:hover, .ui.vertical.menu .item .menu .link.item:hover {
    color: rgba(0, 0, 0, 0.85)
}

.ui.vertical.menu .menu .item:before {
    display: none
}

.ui.vertical.menu .active.item {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 0;
    box-shadow: none
}

.ui.vertical.menu > .active.item:first-child {
    border-radius: 0.28571429rem 0.28571429rem 0 0
}

.ui.vertical.menu > .active.item:last-child {
    border-radius: 0 0 0.28571429rem 0.28571429rem
}

.ui.vertical.menu > .active.item:only-child {
    border-radius: 0.28571429rem
}

.ui.vertical.menu .active.item .menu .active.item {
    border-left: none
}

.ui.vertical.menu .item .menu .active.item {
    background-color: transparent;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.95)
}

.ui.tabular.menu {
    border-radius: 0;
    box-shadow: none !important;
    border: none;
    background: none transparent;
    border-bottom: 1px solid #D4D4D5
}

.ui.tabular.fluid.menu {
    width: calc(100% + 2px) !important
}

.ui.tabular.menu .item {
    background: transparent;
    border-bottom: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 2px solid transparent;
    padding: 0.92857143em 1.42857143em;
    color: rgba(0, 0, 0, 0.87)
}

.ui.tabular.menu .item:before {
    display: none
}

.ui.tabular.menu .item:hover {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.8)
}

.ui.tabular.menu .active.item {
    background: none #FFF;
    color: rgba(0, 0, 0, 0.95);
    border-top-width: 1px;
    border-color: #D4D4D5;
    font-weight: bold;
    margin-bottom: -1px;
    box-shadow: none;
    border-radius: 0.28571429rem 0.28571429rem 0 0 !important
}

.ui.tabular.menu + .attached:not(.top).segment, .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
    border-top: none;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    width: 100%
}

.top.attached.segment + .ui.bottom.tabular.menu {
    position: relative;
    width: calc(100% + 2px);
    left: -1px
}

.ui.bottom.tabular.menu {
    background: none transparent;
    border-radius: 0;
    box-shadow: none !important;
    border-bottom: none;
    border-top: 1px solid #D4D4D5
}

.ui.bottom.tabular.menu .item {
    background: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top: none
}

.ui.bottom.tabular.menu .active.item {
    background: none #FFF;
    color: rgba(0, 0, 0, 0.95);
    border-color: #D4D4D5;
    margin: -1px 0 0 0;
    border-radius: 0 0 0.28571429rem 0.28571429rem !important
}

.ui.vertical.tabular.menu {
    background: none transparent;
    border-radius: 0;
    box-shadow: none !important;
    border-bottom: none;
    border-right: 1px solid #D4D4D5
}

.ui.vertical.tabular.menu .item {
    background: none;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    border-right: none
}

.ui.vertical.tabular.menu .active.item {
    background: none #FFF;
    color: rgba(0, 0, 0, 0.95);
    border-color: #D4D4D5;
    margin: 0 -1px 0 0;
    border-radius: 0.28571429rem 0 0 0.28571429rem !important
}

.ui.vertical.right.tabular.menu {
    background: none transparent;
    border-radius: 0;
    box-shadow: none !important;
    border-bottom: none;
    border-right: none;
    border-left: 1px solid #D4D4D5
}

.ui.vertical.right.tabular.menu .item {
    background: none;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    border-left: none
}

.ui.vertical.right.tabular.menu .active.item {
    background: none #FFF;
    color: rgba(0, 0, 0, 0.95);
    border-color: #D4D4D5;
    margin: 0 0 0 -1px;
    border-radius: 0 0.28571429rem 0.28571429rem 0 !important
}

.ui.tabular.menu .active.dropdown.item {
    margin-bottom: 0;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 2px solid transparent;
    border-bottom: none
}

.ui.pagination.menu {
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.ui.pagination.menu .item:last-child {
    border-radius: 0 0.28571429rem 0.28571429rem 0
}

.ui.compact.menu .item:last-child {
    border-radius: 0 0.28571429rem 0.28571429rem 0
}

.ui.pagination.menu .item:last-child:before {
    display: none
}

.ui.pagination.menu .item {
    min-width: 3em;
    text-align: center
}

.ui.pagination.menu .icon.item i.icon {
    vertical-align: top
}

.ui.pagination.menu .active.item {
    border-top: none;
    padding-top: 0.92857143em;
    background-color: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95);
    box-shadow: none
}

.ui.secondary.menu {
    background: none;
    margin-left: -0.35714286em;
    margin-right: -0.35714286em;
    border-radius: 0;
    border: none;
    box-shadow: none
}

.ui.secondary.menu .item {
    -ms-flex-item-align: center;
    align-self: center;
    box-shadow: none;
    border: none;
    padding: 0.78571429em 0.92857143em;
    margin: 0 0.35714286em;
    background: none;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease;
    border-radius: 0.28571429rem
}

.ui.secondary.menu .item:before {
    display: none !important
}

.ui.secondary.menu .header.item {
    border-radius: 0;
    border-right: none;
    background: none transparent
}

.ui.secondary.menu .item > img:not(.ui) {
    margin: 0
}

.ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu .link.item:hover, .ui.secondary.menu a.item:hover {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95)
}

.ui.secondary.menu .active.item {
    box-shadow: none;
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95);
    border-radius: 0.28571429rem
}

.ui.secondary.menu .active.item:hover {
    box-shadow: none;
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95)
}

.ui.secondary.inverted.menu .link.item, .ui.secondary.inverted.menu a.item {
    color: rgba(255, 255, 255, 0.7) !important
}

.ui.secondary.inverted.menu .dropdown.item:hover, .ui.secondary.inverted.menu .link.item:hover, .ui.secondary.inverted.menu a.item:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #fff !important
}

.ui.secondary.inverted.menu .active.item {
    background: rgba(255, 255, 255, 0.15);
    color: #fff !important
}

.ui.secondary.item.menu {
    margin-left: 0;
    margin-right: 0
}

.ui.secondary.item.menu .item:last-child {
    margin-right: 0
}

.ui.secondary.attached.menu {
    box-shadow: none
}

.ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
    margin: 0 -0.92857143em
}

.ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {
    margin: 0;
    padding: 0.5em 1.33333333em
}

.ui.secondary.vertical.menu > .item {
    border: none;
    margin: 0 0 0.35714286em;
    border-radius: 0.28571429rem !important
}

.ui.secondary.vertical.menu > .header.item {
    border-radius: 0
}

.ui.vertical.secondary.menu .item > .menu .item {
    background-color: transparent
}

.ui.secondary.inverted.menu {
    background-color: transparent
}

.ui.secondary.pointing.menu {
    margin-left: 0;
    margin-right: 0;
    border-bottom: 2px solid rgba(34, 36, 38, 0.15)
}

.ui.secondary.pointing.menu .item {
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-radius: 0;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 0 0 -2px;
    padding: 0.85714286em 1.14285714em;
    border-bottom-width: 2px;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease
}

.ui.secondary.pointing.menu .header.item {
    color: rgba(0, 0, 0, 0.85) !important
}

.ui.secondary.pointing.menu .text.item {
    box-shadow: none !important
}

.ui.secondary.pointing.menu .item:after {
    display: none
}

.ui.secondary.pointing.menu .dropdown.item:hover, .ui.secondary.pointing.menu .link.item:hover, .ui.secondary.pointing.menu a.item:hover {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.87)
}

.ui.secondary.pointing.menu .dropdown.item:active, .ui.secondary.pointing.menu .link.item:active, .ui.secondary.pointing.menu a.item:active {
    background-color: transparent;
    border-color: rgba(34, 36, 38, 0.15)
}

.ui.secondary.pointing.menu .active.item {
    background-color: transparent;
    box-shadow: none;
    border-color: #1B1C1D;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.95)
}

.ui.secondary.pointing.menu .active.item:hover {
    border-color: #1B1C1D;
    color: rgba(0, 0, 0, 0.95)
}

.ui.secondary.pointing.menu .active.dropdown.item {
    border-color: transparent
}

.ui.secondary.vertical.pointing.menu {
    border-bottom-width: 0;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: rgba(34, 36, 38, 0.15)
}

.ui.secondary.vertical.pointing.menu .item {
    border-bottom: none;
    border-right-style: solid;
    border-right-color: transparent;
    border-radius: 0 !important;
    margin: 0 -2px 0 0;
    border-right-width: 2px
}

.ui.secondary.vertical.pointing.menu .active.item {
    border-color: #1B1C1D
}

.ui.secondary.inverted.pointing.menu {
    border-color: rgba(255, 255, 255, 0.1)
}

.ui.secondary.inverted.pointing.menu {
    border-width: 2px;
    border-color: rgba(34, 36, 38, 0.15)
}

.ui.secondary.inverted.pointing.menu .item {
    color: rgba(255, 255, 255, 0.9)
}

.ui.secondary.inverted.pointing.menu .header.item {
    color: #FFF !important
}

.ui.secondary.inverted.pointing.menu .link.item:hover, .ui.secondary.inverted.pointing.menu a.item:hover {
    color: rgba(0, 0, 0, 0.95)
}

.ui.secondary.inverted.pointing.menu .active.item {
    border-color: #FFF;
    color: #fff
}

.ui.text.menu {
    background: none transparent;
    border-radius: 0;
    box-shadow: none;
    border: none;
    margin: 1em -0.5em
}

.ui.text.menu .item {
    border-radius: 0;
    box-shadow: none;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0 0;
    padding: 0.35714286em 0.5em;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.6);
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease
}

.ui.text.menu .item:before, .ui.text.menu .menu .item:before {
    display: none !important
}

.ui.text.menu .header.item {
    background-color: transparent;
    opacity: 1;
    color: rgba(0, 0, 0, 0.85);
    font-size: 0.92857143em;
    text-transform: uppercase;
    font-weight: bold
}

.ui.text.menu .item > img:not(.ui) {
    margin: 0
}

.ui.text.item.menu .item {
    margin: 0
}

.ui.vertical.text.menu {
    margin: 1em 0
}

.ui.vertical.text.menu:first-child {
    margin-top: 0rem
}

.ui.vertical.text.menu:last-child {
    margin-bottom: 0rem
}

.ui.vertical.text.menu .item {
    margin: 0.57142857em 0;
    padding-left: 0;
    padding-right: 0
}

.ui.vertical.text.menu .item > i.icon {
    float: none;
    margin: 0 0.35714286em 0 0
}

.ui.vertical.text.menu .header.item {
    margin: 0.57142857em 0 0.71428571em
}

.ui.vertical.text.menu .item:not(.dropdown) > .menu {
    margin: 0
}

.ui.vertical.text.menu .item:not(.dropdown) > .menu > .item {
    margin: 0;
    padding: 0.5em 0
}

.ui.text.menu .item:hover {
    opacity: 1;
    background-color: transparent
}

.ui.text.menu .active.item {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.95)
}

.ui.text.menu .active.item:hover {
    background-color: transparent
}

.ui.text.pointing.menu .active.item:after {
    box-shadow: none
}

.ui.text.attached.menu {
    box-shadow: none
}

.ui.inverted.text.menu, .ui.inverted.text.menu .item, .ui.inverted.text.menu .item:hover, .ui.inverted.text.menu .active.item {
    background-color: transparent !important
}

.ui.fluid.text.menu {
    margin-left: 0;
    margin-right: 0
}

.ui.vertical.icon.menu {
    display: inline-block;
    width: auto
}

.ui.icon.menu .item {
    height: auto;
    text-align: center;
    color: #1B1C1D
}

.ui.icon.menu .item > .icon:not(.dropdown) {
    margin: 0;
    opacity: 1
}

.ui.icon.menu .icon:before {
    opacity: 1
}

.ui.menu .icon.item > .icon {
    width: auto;
    margin: 0 auto
}

.ui.vertical.icon.menu .item > .icon:not(.dropdown) {
    display: block;
    opacity: 1;
    margin: 0 auto;
    float: none
}

.ui.inverted.icon.menu .item {
    color: #FFF
}

.ui.labeled.icon.menu {
    text-align: center
}

.ui.labeled.icon.menu .item {
    min-width: 6em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ui.labeled.icon.menu .item > .icon:not(.dropdown) {
    height: 1em;
    display: block;
    font-size: 1.71428571em !important;
    margin: 0 auto 0.5rem !important
}

.ui.fluid.labeled.icon.menu > .item {
    min-width: 0
}

@media only screen and (max-width: 767px) {
    .ui.stackable.menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ui.stackable.menu .item {
        width: 100% !important
    }

    .ui.stackable.menu .item:before {
        position: absolute;
        content: '';
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(34, 36, 38, 0.1)
    }

    .ui.stackable.menu .left.menu, .ui.stackable.menu .left.item {
        margin-right: 0 !important
    }

    .ui.stackable.menu .right.menu, .ui.stackable.menu .right.item {
        margin-left: 0 !important
    }
}

.ui.menu .red.active.item, .ui.red.menu .active.item {
    border-color: #DB2828 !important;
    color: #DB2828 !important
}

.ui.menu .orange.active.item, .ui.orange.menu .active.item {
    border-color: #F2711C !important;
    color: #F2711C !important
}

.ui.menu .yellow.active.item, .ui.yellow.menu .active.item {
    border-color: #FBBD08 !important;
    color: #FBBD08 !important
}

.ui.menu .olive.active.item, .ui.olive.menu .active.item {
    border-color: #B5CC18 !important;
    color: #B5CC18 !important
}

.ui.menu .green.active.item, .ui.green.menu .active.item {
    border-color: #21BA45 !important;
    color: #21BA45 !important
}

.ui.menu .teal.active.item, .ui.teal.menu .active.item {
    border-color: #00B5AD !important;
    color: #00B5AD !important
}

.ui.menu .blue.active.item, .ui.blue.menu .active.item {
    border-color: #2185D0 !important;
    color: #2185D0 !important
}

.ui.menu .violet.active.item, .ui.violet.menu .active.item {
    border-color: #6435C9 !important;
    color: #6435C9 !important
}

.ui.menu .purple.active.item, .ui.purple.menu .active.item {
    border-color: #A333C8 !important;
    color: #A333C8 !important
}

.ui.menu .pink.active.item, .ui.pink.menu .active.item {
    border-color: #E03997 !important;
    color: #E03997 !important
}

.ui.menu .brown.active.item, .ui.brown.menu .active.item {
    border-color: #A5673F !important;
    color: #A5673F !important
}

.ui.menu .grey.active.item, .ui.grey.menu .active.item {
    border-color: #767676 !important;
    color: #767676 !important
}

.ui.inverted.menu {
    border: 0 solid transparent;
    background: #1B1C1D;
    box-shadow: none
}

.ui.inverted.menu .item, .ui.inverted.menu .item > a:not(.ui) {
    background: transparent;
    color: rgba(255, 255, 255, 0.9)
}

.ui.inverted.menu .item.menu {
    background: transparent
}

.ui.inverted.menu .item:before {
    background: rgba(255, 255, 255, 0.08)
}

.ui.vertical.inverted.menu .item:before {
    background: rgba(255, 255, 255, 0.08)
}

.ui.vertical.inverted.menu .menu .item, .ui.vertical.inverted.menu .menu .item a:not(.ui) {
    color: rgba(255, 255, 255, 0.5)
}

.ui.inverted.menu .header.item {
    margin: 0;
    background: transparent;
    box-shadow: none
}

.ui.inverted.menu .item.disabled, .ui.inverted.menu .item.disabled:hover {
    color: rgba(225, 225, 225, 0.3)
}

.ui.link.inverted.menu .item:hover, .ui.inverted.menu .dropdown.item:hover, .ui.inverted.menu .link.item:hover, .ui.inverted.menu a.item:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #fff
}

.ui.vertical.inverted.menu .item .menu a.item:hover, .ui.vertical.inverted.menu .item .menu .link.item:hover {
    background: transparent;
    color: #fff
}

.ui.inverted.menu a.item:active, .ui.inverted.menu .link.item:active {
    background: rgba(255, 255, 255, 0.08);
    color: #fff
}

.ui.inverted.menu .active.item {
    background: rgba(255, 255, 255, 0.15);
    color: #fff !important
}

.ui.inverted.vertical.menu .item .menu .active.item {
    background: transparent;
    color: #FFF
}

.ui.inverted.pointing.menu .active.item:after {
    background: #3D3E3F !important;
    margin: 0 !important;
    box-shadow: none !important;
    border: none !important
}

.ui.inverted.menu .active.item:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #FFF !important
}

.ui.inverted.pointing.menu .active.item:hover:after {
    background: #3D3E3F !important
}

.ui.floated.menu {
    float: left;
    margin: 0rem 0.5rem 0rem 0rem
}

.ui.floated.menu .item:last-child:before {
    display: none
}

.ui.right.floated.menu {
    float: right;
    margin: 0rem 0rem 0rem 0.5rem
}

.ui.inverted.menu .red.active.item, .ui.inverted.red.menu {
    background-color: #DB2828
}

.ui.inverted.red.menu .item:before {
    background-color: rgba(34, 36, 38, 0.1)
}

.ui.inverted.red.menu .active.item {
    background-color: rgba(0, 0, 0, 0.1) !important
}

.ui.inverted.menu .orange.active.item, .ui.inverted.orange.menu {
    background-color: #F2711C
}

.ui.inverted.orange.menu .item:before {
    background-color: rgba(34, 36, 38, 0.1)
}

.ui.inverted.orange.menu .active.item {
    background-color: rgba(0, 0, 0, 0.1) !important
}

.ui.inverted.menu .yellow.active.item, .ui.inverted.yellow.menu {
    background-color: #FBBD08
}

.ui.inverted.yellow.menu .item:before {
    background-color: rgba(34, 36, 38, 0.1)
}

.ui.inverted.yellow.menu .active.item {
    background-color: rgba(0, 0, 0, 0.1) !important
}

.ui.inverted.menu .olive.active.item, .ui.inverted.olive.menu {
    background-color: #B5CC18
}

.ui.inverted.olive.menu .item:before {
    background-color: rgba(34, 36, 38, 0.1)
}

.ui.inverted.olive.menu .active.item {
    background-color: rgba(0, 0, 0, 0.1) !important
}

.ui.inverted.menu .green.active.item, .ui.inverted.green.menu {
    background-color: #21BA45
}

.ui.inverted.green.menu .item:before {
    background-color: rgba(34, 36, 38, 0.1)
}

.ui.inverted.green.menu .active.item {
    background-color: rgba(0, 0, 0, 0.1) !important
}

.ui.inverted.menu .teal.active.item, .ui.inverted.teal.menu {
    background-color: #00B5AD
}

.ui.inverted.teal.menu .item:before {
    background-color: rgba(34, 36, 38, 0.1)
}

.ui.inverted.teal.menu .active.item {
    background-color: rgba(0, 0, 0, 0.1) !important
}

.ui.inverted.menu .blue.active.item, .ui.inverted.blue.menu {
    background-color: #2185D0
}

.ui.inverted.blue.menu .item:before {
    background-color: rgba(34, 36, 38, 0.1)
}

.ui.inverted.blue.menu .active.item {
    background-color: rgba(0, 0, 0, 0.1) !important
}

.ui.inverted.menu .violet.active.item, .ui.inverted.violet.menu {
    background-color: #6435C9
}

.ui.inverted.violet.menu .item:before {
    background-color: rgba(34, 36, 38, 0.1)
}

.ui.inverted.violet.menu .active.item {
    background-color: rgba(0, 0, 0, 0.1) !important
}

.ui.inverted.menu .purple.active.item, .ui.inverted.purple.menu {
    background-color: #A333C8
}

.ui.inverted.purple.menu .item:before {
    background-color: rgba(34, 36, 38, 0.1)
}

.ui.inverted.purple.menu .active.item {
    background-color: rgba(0, 0, 0, 0.1) !important
}

.ui.inverted.menu .pink.active.item, .ui.inverted.pink.menu {
    background-color: #E03997
}

.ui.inverted.pink.menu .item:before {
    background-color: rgba(34, 36, 38, 0.1)
}

.ui.inverted.pink.menu .active.item {
    background-color: rgba(0, 0, 0, 0.1) !important
}

.ui.inverted.menu .brown.active.item, .ui.inverted.brown.menu {
    background-color: #A5673F
}

.ui.inverted.brown.menu .item:before {
    background-color: rgba(34, 36, 38, 0.1)
}

.ui.inverted.brown.menu .active.item {
    background-color: rgba(0, 0, 0, 0.1) !important
}

.ui.inverted.menu .grey.active.item, .ui.inverted.grey.menu {
    background-color: #767676
}

.ui.inverted.grey.menu .item:before {
    background-color: rgba(34, 36, 38, 0.1)
}

.ui.inverted.grey.menu .active.item {
    background-color: rgba(0, 0, 0, 0.1) !important
}

.ui.fitted.menu .item, .ui.fitted.menu .item .menu .item, .ui.menu .fitted.item {
    padding: 0
}

.ui.horizontally.fitted.menu .item, .ui.horizontally.fitted.menu .item .menu .item, .ui.menu .horizontally.fitted.item {
    padding-top: 0.92857143em;
    padding-bottom: 0.92857143em
}

.ui.vertically.fitted.menu .item, .ui.vertically.fitted.menu .item .menu .item, .ui.menu .vertically.fitted.item {
    padding-left: 1.14285714em;
    padding-right: 1.14285714em
}

.ui.borderless.menu .item:before, .ui.borderless.menu .item .menu .item:before, .ui.menu .borderless.item:before {
    background: none !important
}

.ui.compact.menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    vertical-align: middle
}

.ui.compact.vertical.menu {
    display: inline-block
}

.ui.compact.menu .item:last-child {
    border-radius: 0 0.28571429rem 0.28571429rem 0
}

.ui.compact.menu .item:last-child:before {
    display: none
}

.ui.compact.vertical.menu {
    width: auto !important
}

.ui.compact.vertical.menu .item:last-child::before {
    display: block
}

.ui.menu.fluid, .ui.vertical.menu.fluid {
    width: 100% !important
}

.ui.item.menu, .ui.item.menu .item {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui.item.menu .item:last-child:before {
    display: none
}

.ui.menu.two.item .item {
    width: 50%
}

.ui.menu.three.item .item {
    width: 33.333%
}

.ui.menu.four.item .item {
    width: 25%
}

.ui.menu.five.item .item {
    width: 20%
}

.ui.menu.six.item .item {
    width: 16.666%
}

.ui.menu.seven.item .item {
    width: 14.285%
}

.ui.menu.eight.item .item {
    width: 12.500%
}

.ui.menu.nine.item .item {
    width: 11.11%
}

.ui.menu.ten.item .item {
    width: 10.0%
}

.ui.menu.eleven.item .item {
    width: 9.09%
}

.ui.menu.twelve.item .item {
    width: 8.333%
}

.ui.menu.fixed {
    position: fixed;
    z-index: 101;
    margin: 0;
    width: 100%
}

.ui.menu.fixed, .ui.menu.fixed .item:first-child, .ui.menu.fixed .item:last-child {
    border-radius: 0 !important
}

.ui.fixed.menu, .ui[class*="top fixed"].menu {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto
}

.ui[class*="top fixed"].menu {
    border-top: none;
    border-left: none;
    border-right: none
}

.ui[class*="right fixed"].menu {
    border-top: none;
    border-bottom: none;
    border-right: none;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    width: auto;
    height: 100%
}

.ui[class*="bottom fixed"].menu {
    border-bottom: none;
    border-left: none;
    border-right: none;
    bottom: 0;
    left: 0;
    top: auto;
    right: auto
}

.ui[class*="left fixed"].menu {
    border-top: none;
    border-bottom: none;
    border-left: none;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    width: auto;
    height: 100%
}

.ui.fixed.menu + .ui.grid {
    padding-top: 2.75rem
}

.ui.pointing.menu .item:after {
    visibility: hidden;
    position: absolute;
    content: '';
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    background: none;
    margin: 0.5px 0 0;
    width: 0.57142857em;
    height: 0.57142857em;
    border: none;
    border-bottom: 1px solid #D4D4D5;
    border-right: 1px solid #D4D4D5;
    z-index: 2;
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease
}

.ui.vertical.pointing.menu .item:after {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
    transform: translateX(50%) translateY(-50%) rotate(45deg);
    margin: 0 -0.5px 0 0;
    border: none;
    border-top: 1px solid #D4D4D5;
    border-right: 1px solid #D4D4D5
}

.ui.pointing.menu .active.item:after {
    visibility: visible
}

.ui.pointing.menu .active.dropdown.item:after {
    visibility: hidden
}

.ui.pointing.menu .dropdown.active.item:after, .ui.pointing.menu .active.item .menu .active.item:after {
    display: none
}

.ui.pointing.menu .active.item:hover:after {
    background-color: #F2F2F2
}

.ui.pointing.menu .active.item:after {
    background-color: #F2F2F2
}

.ui.pointing.menu .active.item:hover:after {
    background-color: #F2F2F2
}

.ui.vertical.pointing.menu .active.item:hover:after {
    background-color: #F2F2F2
}

.ui.vertical.pointing.menu .active.item:after {
    background-color: #F2F2F2
}

.ui.vertical.pointing.menu .menu .active.item:after {
    background-color: #FFF
}

.ui.attached.menu {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0 -1px;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    box-shadow: none
}

.ui.attached + .ui.attached.menu:not(.top) {
    border-top: none
}

.ui[class*="top attached"].menu {
    bottom: 0;
    margin-bottom: 0;
    top: 0;
    margin-top: 1rem;
    border-radius: 0.28571429rem 0.28571429rem 0 0
}

.ui.menu[class*="top attached"]:first-child {
    margin-top: 0
}

.ui[class*="bottom attached"].menu {
    bottom: 0;
    margin-top: 0;
    top: 0;
    margin-bottom: 1rem;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
    border-radius: 0 0 0.28571429rem 0.28571429rem
}

.ui[class*="bottom attached"].menu:last-child {
    margin-bottom: 0
}

.ui.top.attached.menu > .item:first-child {
    border-radius: 0.28571429rem 0 0 0
}

.ui.bottom.attached.menu > .item:first-child {
    border-radius: 0 0 0 0.28571429rem
}

.ui.attached.menu:not(.tabular) {
    border: 1px solid #D4D4D5
}

.ui.attached.inverted.menu {
    border: none
}

.ui.attached.tabular.menu {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.ui.mini.menu {
    font-size: 0.78571429rem
}

.ui.mini.vertical.menu {
    width: 9rem
}

.ui.tiny.menu {
    font-size: 0.85714286rem
}

.ui.tiny.vertical.menu {
    width: 11rem
}

.ui.small.menu {
    font-size: 0.92857143rem
}

.ui.small.vertical.menu {
    width: 13rem
}

.ui.menu {
    font-size: 1rem
}

.ui.vertical.menu {
    width: 15rem
}

.ui.large.menu {
    font-size: 1.07142857rem
}

.ui.large.vertical.menu {
    width: 18rem
}

.ui.huge.menu {
    font-size: 1.14285714rem
}

.ui.huge.vertical.menu {
    width: 20rem
}

.ui.big.menu {
    font-size: 1.21428571rem
}

.ui.big.vertical.menu {
    width: 22rem
}

.ui.massive.menu {
    font-size: 1.28571429rem
}

.ui.massive.vertical.menu {
    width: 25rem
}

.ui.message {
    position: relative;
    min-height: 1em;
    margin: 1em 0;
    background: #F8F8F9;
    padding: 1em 1.5em;
    line-height: 1.4285em;
    color: rgba(0, 0, 0, 0.87);
    -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
    transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
    border-radius: 0.28571429rem;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0px 0 0 0 transparent
}

.ui.message:first-child {
    margin-top: 0
}

.ui.message:last-child {
    margin-bottom: 0
}

.ui.message .header {
    display: block;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: -0.14285em 0 0rem 0
}

.ui.message .header:not(.ui) {
    font-size: 1.14285714em
}

.ui.message p {
    opacity: 0.85;
    margin: 0.75em 0
}

.ui.message p:first-child {
    margin-top: 0
}

.ui.message p:last-child {
    margin-bottom: 0
}

.ui.message .header + p {
    margin-top: 0.25em
}

.ui.message .list:not(.ui) {
    text-align: left;
    padding: 0;
    opacity: 0.85;
    list-style-position: inside;
    margin: 0.5em 0 0
}

.ui.message .list:not(.ui):first-child {
    margin-top: 0
}

.ui.message .list:not(.ui):last-child {
    margin-bottom: 0
}

.ui.message .list:not(.ui) li {
    position: relative;
    list-style-type: none;
    margin: 0 0 0.3em 1em;
    padding: 0
}

.ui.message .list:not(.ui) li:before {
    position: absolute;
    content: '•';
    left: -1em;
    height: 100%;
    vertical-align: baseline
}

.ui.message .list:not(.ui) li:last-child {
    margin-bottom: 0
}

.ui.message > .icon {
    margin-right: 0.6em
}

.ui.message > .close.icon {
    cursor: pointer;
    position: absolute;
    margin: 0;
    top: 0.78575em;
    right: 0.5em;
    opacity: 0.7;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease
}

.ui.message > .close.icon:hover {
    opacity: 1
}

.ui.message > :first-child {
    margin-top: 0
}

.ui.message > :last-child {
    margin-bottom: 0
}

.ui.dropdown .menu > .message {
    margin: 0 -1px
}

.ui.visible.visible.visible.visible.message {
    display: block
}

.ui.icon.visible.visible.visible.visible.message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui.hidden.hidden.hidden.hidden.message {
    display: none
}

.ui.compact.message {
    display: inline-block
}

.ui.attached.message {
    margin-bottom: -1px;
    border-radius: 0.28571429rem 0.28571429rem 0 0;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
    margin-left: -1px;
    margin-right: -1px
}

.ui.attached + .ui.attached.message:not(.top):not(.bottom) {
    margin-top: -1px;
    border-radius: 0
}

.ui.bottom.attached.message {
    margin-top: -1px;
    border-radius: 0 0 0.28571429rem 0.28571429rem;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15)
}

.ui.bottom.attached.message:not(:last-child) {
    margin-bottom: 1em
}

.ui.attached.icon.message {
    width: auto
}

.ui.icon.message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ui.icon.message > .icon:not(.close) {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    line-height: 1;
    vertical-align: middle;
    font-size: 3em;
    opacity: 0.8
}

.ui.icon.message > .content {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    vertical-align: middle
}

.ui.icon.message .icon:not(.close) + .content {
    padding-left: 0rem
}

.ui.icon.message .circular.icon {
    width: 1em
}

.ui.floating.message {
    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0 rgba(34, 36, 38, 0.12), 0px 2px 10px 0 rgba(34, 36, 38, 0.15)
}

.ui.black.message {
    background-color: #1B1C1D;
    color: rgba(255, 255, 255, 0.9)
}

.ui.positive.message {
    background-color: #FCFFF5;
    color: #2C662D
}

.ui.positive.message, .ui.attached.positive.message {
    box-shadow: 0 0 0 1px #A3C293 inset, 0px 0 0 0 transparent
}

.ui.positive.message .header {
    color: #1A531B
}

.ui.negative.message {
    background-color: #FFF6F6;
    color: #9F3A38
}

.ui.negative.message, .ui.attached.negative.message {
    box-shadow: 0 0 0 1px #E0B4B4 inset, 0px 0 0 0 transparent
}

.ui.negative.message .header {
    color: #912D2B
}

.ui.info.message {
    background-color: #F8FFFF;
    color: #276F86
}

.ui.info.message, .ui.attached.info.message {
    box-shadow: 0 0 0 1px #A9D5DE inset, 0px 0 0 0 transparent
}

.ui.info.message .header {
    color: #0E566C
}

.ui.warning.message {
    background-color: #FFFAF3;
    color: #573A08
}

.ui.warning.message, .ui.attached.warning.message {
    box-shadow: 0 0 0 1px #C9BA9B inset, 0px 0 0 0 transparent
}

.ui.warning.message .header {
    color: #794B02
}

.ui.error.message {
    background-color: #FFF6F6;
    color: #9F3A38
}

.ui.error.message, .ui.attached.error.message {
    box-shadow: 0 0 0 1px #E0B4B4 inset, 0px 0 0 0 transparent
}

.ui.error.message .header {
    color: #912D2B
}

.ui.success.message {
    background-color: #FCFFF5;
    color: #2C662D
}

.ui.success.message, .ui.attached.success.message {
    box-shadow: 0 0 0 1px #A3C293 inset, 0px 0 0 0 transparent
}

.ui.success.message .header {
    color: #1A531B
}

.ui.inverted.message, .ui.black.message {
    background-color: #1B1C1D;
    color: rgba(255, 255, 255, 0.9)
}

.ui.red.message {
    background-color: #FFE8E6;
    color: #DB2828;
    box-shadow: 0 0 0 1px #DB2828 inset, 0px 0 0 0 transparent
}

.ui.red.message .header {
    color: #c82121
}

.ui.orange.message {
    background-color: #FFEDDE;
    color: #F2711C;
    box-shadow: 0 0 0 1px #F2711C inset, 0px 0 0 0 transparent
}

.ui.orange.message .header {
    color: #e7640d
}

.ui.yellow.message {
    background-color: #FFF8DB;
    color: #B58105;
    box-shadow: 0 0 0 1px #B58105 inset, 0px 0 0 0 transparent
}

.ui.yellow.message .header {
    color: #9c6f04
}

.ui.olive.message {
    background-color: #FBFDEF;
    color: #8ABC1E;
    box-shadow: 0 0 0 1px #8ABC1E inset, 0px 0 0 0 transparent
}

.ui.olive.message .header {
    color: #7aa61a
}

.ui.green.message {
    background-color: #E5F9E7;
    color: #1EBC30;
    box-shadow: 0 0 0 1px #1EBC30 inset, 0px 0 0 0 transparent
}

.ui.green.message .header {
    color: #1aa62a
}

.ui.teal.message {
    background-color: #E1F7F7;
    color: #10A3A3;
    box-shadow: 0 0 0 1px #10A3A3 inset, 0px 0 0 0 transparent
}

.ui.teal.message .header {
    color: #0e8c8c
}

.ui.blue.message {
    background-color: #DFF0FF;
    color: #2185D0;
    box-shadow: 0 0 0 1px #2185D0 inset, 0px 0 0 0 transparent
}

.ui.blue.message .header {
    color: #1e77ba
}

.ui.violet.message {
    background-color: #EAE7FF;
    color: #6435C9;
    box-shadow: 0 0 0 1px #6435C9 inset, 0px 0 0 0 transparent
}

.ui.violet.message .header {
    color: #5a30b5
}

.ui.purple.message {
    background-color: #F6E7FF;
    color: #A333C8;
    box-shadow: 0 0 0 1px #A333C8 inset, 0px 0 0 0 transparent
}

.ui.purple.message .header {
    color: #922eb4
}

.ui.pink.message {
    background-color: #FFE3FB;
    color: #E03997;
    box-shadow: 0 0 0 1px #E03997 inset, 0px 0 0 0 transparent
}

.ui.pink.message .header {
    color: #dd238b
}

.ui.brown.message {
    background-color: #F1E2D3;
    color: #A5673F;
    box-shadow: 0 0 0 1px #A5673F inset, 0px 0 0 0 transparent
}

.ui.brown.message .header {
    color: #935b38
}

.ui.mini.message {
    font-size: 0.78571429em
}

.ui.tiny.message {
    font-size: 0.85714286em
}

.ui.small.message {
    font-size: 0.92857143em
}

.ui.message {
    font-size: 1em
}

.ui.large.message {
    font-size: 1.14285714em
}

.ui.big.message {
    font-size: 1.28571429em
}

.ui.huge.message {
    font-size: 1.42857143em
}

.ui.massive.message {
    font-size: 1.71428571em
}

.ui.table {
    width: 100%;
    background: #FFF;
    margin: 1em 0;
    border: 1px solid rgba(34, 36, 38, 0.15);
    box-shadow: none;
    border-radius: 0.28571429rem;
    text-align: left;
    color: rgba(0, 0, 0, 0.87);
    border-collapse: separate;
    border-spacing: 0
}

.ui.table:first-child {
    margin-top: 0
}

.ui.table:last-child {
    margin-bottom: 0
}

.ui.table th, .ui.table td {
    -webkit-transition: background 0.1s ease, color 0.1s ease;
    transition: background 0.1s ease, color 0.1s ease
}

.ui.table thead {
    box-shadow: none
}

.ui.table thead th {
    cursor: auto;
    background: #F9FAFB;
    text-align: inherit;
    color: rgba(0, 0, 0, 0.87);
    padding: 0.92857143em 0.78571429em;
    vertical-align: inherit;
    font-style: none;
    font-weight: bold;
    text-transform: none;
    border-bottom: 1px solid rgba(34, 36, 38, 0.1);
    border-left: none
}

.ui.table thead tr > th:first-child {
    border-left: none
}

.ui.table thead tr:first-child > th:first-child {
    border-radius: 0.28571429rem 0 0 0
}

.ui.table thead tr:first-child > th:last-child {
    border-radius: 0 0.28571429rem 0 0
}

.ui.table thead tr:first-child > th:only-child {
    border-radius: 0.28571429rem 0.28571429rem 0 0
}

.ui.table tfoot {
    box-shadow: none
}

.ui.table tfoot th {
    cursor: auto;
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    background: #F9FAFB;
    text-align: inherit;
    color: rgba(0, 0, 0, 0.87);
    padding: 0.78571429em 0.78571429em;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    text-transform: none
}

.ui.table tfoot tr > th:first-child {
    border-left: none
}

.ui.table tfoot tr:first-child > th:first-child {
    border-radius: 0 0 0 0.28571429rem
}

.ui.table tfoot tr:first-child > th:last-child {
    border-radius: 0 0 0.28571429rem 0
}

.ui.table tfoot tr:first-child > th:only-child {
    border-radius: 0 0 0.28571429rem 0.28571429rem
}

.ui.table tr td {
    border-top: 1px solid rgba(34, 36, 38, 0.1)
}

.ui.table tr:first-child td {
    border-top: none
}

.ui.table td {
    padding: 0.78571429em 0.78571429em;
    text-align: inherit
}

.ui.table > .icon {
    vertical-align: baseline
}

.ui.table > .icon:only-child {
    margin: 0
}

.ui.table.segment {
    padding: 0
}

.ui.table.segment:after {
    display: none
}

.ui.table.segment.stacked:after {
    display: block
}

@media only screen and (max-width: 767px) {
    .ui.table:not(.unstackable) {
        width: 100%
    }

    .ui.table:not(.unstackable) tbody, .ui.table:not(.unstackable) tr, .ui.table:not(.unstackable) tr > th, .ui.table:not(.unstackable) tr > td {
        width: auto !important;
        display: block !important
    }

    .ui.table:not(.unstackable) {
        padding: 0
    }

    .ui.table:not(.unstackable) thead {
        display: block
    }

    .ui.table:not(.unstackable) tfoot {
        display: block
    }

    .ui.table:not(.unstackable) tr {
        padding-top: 1em;
        padding-bottom: 1em;
        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important
    }

    .ui.table:not(.unstackable) tr > th, .ui.table:not(.unstackable) tr > td {
        background: none;
        border: none !important;
        padding: 0.25em 0.75em !important;
        box-shadow: none !important
    }

    .ui.table:not(.unstackable) th:first-child, .ui.table:not(.unstackable) td:first-child {
        font-weight: bold
    }

    .ui.definition.table:not(.unstackable) thead th:first-child {
        box-shadow: none !important
    }
}

.ui.table th .image, .ui.table th .image img, .ui.table td .image, .ui.table td .image img {
    max-width: none
}

.ui.structured.table {
    border-collapse: collapse
}

.ui.structured.table thead th {
    border-left: none;
    border-right: none
}

.ui.structured.sortable.table thead th {
    border-left: 1px solid rgba(34, 36, 38, 0.15);
    border-right: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.structured.basic.table th {
    border-left: none;
    border-right: none
}

.ui.structured.celled.table tr th, .ui.structured.celled.table tr td {
    border-left: 1px solid rgba(34, 36, 38, 0.1);
    border-right: 1px solid rgba(34, 36, 38, 0.1)
}

.ui.definition.table thead:not(.full-width) th:first-child {
    pointer-events: none;
    background: transparent;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.4);
    box-shadow: -1px -1px 0 1px #FFF
}

.ui.definition.table tfoot:not(.full-width) th:first-child {
    pointer-events: none;
    background: transparent;
    font-weight: rgba(0, 0, 0, 0.4);
    color: normal;
    box-shadow: 1px 1px 0 1px #FFF
}

.ui.celled.definition.table thead:not(.full-width) th:first-child {
    box-shadow: 0 -1px 0 1px #FFF
}

.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
    box-shadow: 0 1px 0 1px #FFF
}

.ui.definition.table tr td:first-child:not(.ignored), .ui.definition.table tr td.definition {
    background: rgba(0, 0, 0, 0.03);
    font-weight: bold;
    color: rgba(0, 0, 0, 0.95);
    text-transform: '';
    box-shadow: '';
    text-align: '';
    font-size: 1em;
    padding-left: '';
    padding-right: ''
}

.ui.definition.table thead:not(.full-width) th:nth-child(2) {
    border-left: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
    border-left: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.definition.table td:nth-child(2) {
    border-left: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.table tr.positive, .ui.table td.positive {
    box-shadow: 0 0 0 #A3C293 inset
}

.ui.table tr.positive, .ui.table td.positive {
    background: #FCFFF5 !important;
    color: #2C662D !important
}

.ui.table tr.negative, .ui.table td.negative {
    box-shadow: 0 0 0 #E0B4B4 inset
}

.ui.table tr.negative, .ui.table td.negative {
    background: #FFF6F6 !important;
    color: #9F3A38 !important
}

.ui.table tr.error, .ui.table td.error {
    box-shadow: 0 0 0 #E0B4B4 inset
}

.ui.table tr.error, .ui.table td.error {
    background: #FFF6F6 !important;
    color: #9F3A38 !important
}

.ui.table tr.warning, .ui.table td.warning {
    box-shadow: 0 0 0 #C9BA9B inset
}

.ui.table tr.warning, .ui.table td.warning {
    background: #FFFAF3 !important;
    color: #573A08 !important
}

.ui.table tr.active, .ui.table td.active {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.87) inset
}

.ui.table tr.active, .ui.table td.active {
    background: #E0E0E0 !important;
    color: rgba(0, 0, 0, 0.87) !important
}

.ui.table tr.disabled td, .ui.table tr td.disabled, .ui.table tr.disabled:hover, .ui.table tr:hover td.disabled {
    pointer-events: none;
    color: rgba(40, 40, 40, 0.3)
}

@media only screen and (max-width: 991px) {
    .ui[class*="tablet stackable"].table, .ui[class*="tablet stackable"].table tbody, .ui[class*="tablet stackable"].table tr, .ui[class*="tablet stackable"].table tr > th, .ui[class*="tablet stackable"].table tr > td {
        width: 100% !important;
        display: block !important
    }

    .ui[class*="tablet stackable"].table {
        padding: 0
    }

    .ui[class*="tablet stackable"].table thead {
        display: block
    }

    .ui[class*="tablet stackable"].table tfoot {
        display: block
    }

    .ui[class*="tablet stackable"].table tr {
        padding-top: 1em;
        padding-bottom: 1em;
        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important
    }

    .ui[class*="tablet stackable"].table tr > th, .ui[class*="tablet stackable"].table tr > td {
        background: none;
        border: none !important;
        padding: 0.25em 0.75em;
        box-shadow: none !important
    }

    .ui.definition[class*="tablet stackable"].table thead th:first-child {
        box-shadow: none !important
    }
}

.ui.table[class*="left aligned"], .ui.table [class*="left aligned"] {
    text-align: left
}

.ui.table[class*="center aligned"], .ui.table [class*="center aligned"] {
    text-align: center
}

.ui.table[class*="right aligned"], .ui.table [class*="right aligned"] {
    text-align: right
}

.ui.table[class*="top aligned"], .ui.table [class*="top aligned"] {
    vertical-align: top
}

.ui.table[class*="middle aligned"], .ui.table [class*="middle aligned"] {
    vertical-align: middle
}

.ui.table[class*="bottom aligned"], .ui.table [class*="bottom aligned"] {
    vertical-align: bottom
}

.ui.table th.collapsing, .ui.table td.collapsing {
    width: 1px;
    white-space: nowrap
}

.ui.fixed.table {
    table-layout: fixed
}

.ui.fixed.table th, .ui.fixed.table td {
    overflow: hidden;
    text-overflow: ellipsis
}

.ui.selectable.table tbody tr:hover, .ui.table tbody tr td.selectable:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    color: rgba(0, 0, 0, 0.95) !important
}

.ui.selectable.inverted.table tbody tr:hover, .ui.inverted.table tbody tr td.selectable:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important
}

.ui.table tbody tr td.selectable {
    padding: 0
}

.ui.table tbody tr td.selectable > a:not(.ui) {
    display: block;
    color: inherit;
    padding: 0.78571429em 0.78571429em
}

.ui.selectable.table tr.error:hover, .ui.table tr td.selectable.error:hover, .ui.selectable.table tr:hover td.error {
    background: #ffe7e7 !important;
    color: #943634 !important
}

.ui.selectable.table tr.warning:hover, .ui.table tr td.selectable.warning:hover, .ui.selectable.table tr:hover td.warning {
    background: #fff4e4 !important;
    color: #493107 !important
}

.ui.selectable.table tr.active:hover, .ui.table tr td.selectable.active:hover, .ui.selectable.table tr:hover td.active {
    background: #E0E0E0 !important;
    color: rgba(0, 0, 0, 0.87) !important
}

.ui.selectable.table tr.positive:hover, .ui.table tr td.selectable.positive:hover, .ui.selectable.table tr:hover td.positive {
    background: #f7ffe6 !important;
    color: #275b28 !important
}

.ui.selectable.table tr.negative:hover, .ui.table tr td.selectable.negative:hover, .ui.selectable.table tr:hover td.negative {
    background: #ffe7e7 !important;
    color: #943634 !important
}

.ui.attached.table {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0 -1px;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    box-shadow: none;
    border: 1px solid #D4D4D5
}

.ui.attached + .ui.attached.table:not(.top) {
    border-top: none
}

.ui[class*="top attached"].table {
    bottom: 0;
    margin-bottom: 0;
    top: 0;
    margin-top: 1em;
    border-radius: 0.28571429rem 0.28571429rem 0 0
}

.ui.table[class*="top attached"]:first-child {
    margin-top: 0
}

.ui[class*="bottom attached"].table {
    bottom: 0;
    margin-top: 0;
    top: 0;
    margin-bottom: 1em;
    box-shadow: none, none;
    border-radius: 0 0 0.28571429rem 0.28571429rem
}

.ui[class*="bottom attached"].table:last-child {
    margin-bottom: 0
}

.ui.striped.table > tr:nth-child(2n), .ui.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(0, 0, 50, 0.02)
}

.ui.inverted.striped.table > tr:nth-child(2n), .ui.inverted.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.05)
}

.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
    background: #EFEFEF !important;
    color: rgba(0, 0, 0, 0.95) !important
}

.ui.table[class*="single line"], .ui.table [class*="single line"] {
    white-space: nowrap
}

.ui.table[class*="single line"], .ui.table [class*="single line"] {
    white-space: nowrap
}

.ui.red.table {
    border-top: 0.2em solid #DB2828
}

.ui.inverted.red.table {
    background-color: #DB2828 !important;
    color: #FFF !important
}

.ui.orange.table {
    border-top: 0.2em solid #F2711C
}

.ui.inverted.orange.table {
    background-color: #F2711C !important;
    color: #FFF !important
}

.ui.yellow.table {
    border-top: 0.2em solid #FBBD08
}

.ui.inverted.yellow.table {
    background-color: #FBBD08 !important;
    color: #FFF !important
}

.ui.olive.table {
    border-top: 0.2em solid #B5CC18
}

.ui.inverted.olive.table {
    background-color: #B5CC18 !important;
    color: #FFF !important
}

.ui.green.table {
    border-top: 0.2em solid #21BA45
}

.ui.inverted.green.table {
    background-color: #21BA45 !important;
    color: #FFF !important
}

.ui.teal.table {
    border-top: 0.2em solid #00B5AD
}

.ui.inverted.teal.table {
    background-color: #00B5AD !important;
    color: #FFF !important
}

.ui.blue.table {
    border-top: 0.2em solid #2185D0
}

.ui.inverted.blue.table {
    background-color: #2185D0 !important;
    color: #FFF !important
}

.ui.violet.table {
    border-top: 0.2em solid #6435C9
}

.ui.inverted.violet.table {
    background-color: #6435C9 !important;
    color: #FFF !important
}

.ui.purple.table {
    border-top: 0.2em solid #A333C8
}

.ui.inverted.purple.table {
    background-color: #A333C8 !important;
    color: #FFF !important
}

.ui.pink.table {
    border-top: 0.2em solid #E03997
}

.ui.inverted.pink.table {
    background-color: #E03997 !important;
    color: #FFF !important
}

.ui.brown.table {
    border-top: 0.2em solid #A5673F
}

.ui.inverted.brown.table {
    background-color: #A5673F !important;
    color: #FFF !important
}

.ui.grey.table {
    border-top: 0.2em solid #767676
}

.ui.inverted.grey.table {
    background-color: #767676 !important;
    color: #FFF !important
}

.ui.black.table {
    border-top: 0.2em solid #1B1C1D
}

.ui.inverted.black.table {
    background-color: #1B1C1D !important;
    color: #FFF !important
}

.ui.one.column.table td {
    width: 100%
}

.ui.two.column.table td {
    width: 50%
}

.ui.three.column.table td {
    width: 33.33333333%
}

.ui.four.column.table td {
    width: 25%
}

.ui.five.column.table td {
    width: 20%
}

.ui.six.column.table td {
    width: 16.66666667%
}

.ui.seven.column.table td {
    width: 14.28571429%
}

.ui.eight.column.table td {
    width: 12.5%
}

.ui.nine.column.table td {
    width: 11.11111111%
}

.ui.ten.column.table td {
    width: 10%
}

.ui.eleven.column.table td {
    width: 9.09090909%
}

.ui.twelve.column.table td {
    width: 8.33333333%
}

.ui.thirteen.column.table td {
    width: 7.69230769%
}

.ui.fourteen.column.table td {
    width: 7.14285714%
}

.ui.fifteen.column.table td {
    width: 6.66666667%
}

.ui.sixteen.column.table td {
    width: 6.25%
}

.ui.table th.one.wide, .ui.table td.one.wide {
    width: 6.25%
}

.ui.table th.two.wide, .ui.table td.two.wide {
    width: 12.5%
}

.ui.table th.three.wide, .ui.table td.three.wide {
    width: 18.75%
}

.ui.table th.four.wide, .ui.table td.four.wide {
    width: 25%
}

.ui.table th.five.wide, .ui.table td.five.wide {
    width: 31.25%
}

.ui.table th.six.wide, .ui.table td.six.wide {
    width: 37.5%
}

.ui.table th.seven.wide, .ui.table td.seven.wide {
    width: 43.75%
}

.ui.table th.eight.wide, .ui.table td.eight.wide {
    width: 50%
}

.ui.table th.nine.wide, .ui.table td.nine.wide {
    width: 56.25%
}

.ui.table th.ten.wide, .ui.table td.ten.wide {
    width: 62.5%
}

.ui.table th.eleven.wide, .ui.table td.eleven.wide {
    width: 68.75%
}

.ui.table th.twelve.wide, .ui.table td.twelve.wide {
    width: 75%
}

.ui.table th.thirteen.wide, .ui.table td.thirteen.wide {
    width: 81.25%
}

.ui.table th.fourteen.wide, .ui.table td.fourteen.wide {
    width: 87.5%
}

.ui.table th.fifteen.wide, .ui.table td.fifteen.wide {
    width: 93.75%
}

.ui.table th.sixteen.wide, .ui.table td.sixteen.wide {
    width: 100%
}

.ui.sortable.table thead th {
    cursor: pointer;
    white-space: nowrap;
    border-left: 1px solid rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87)
}

.ui.sortable.table thead th:first-child {
    border-left: none
}

.ui.sortable.table thead th.sorted, .ui.sortable.table thead th.sorted:hover {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui.sortable.table thead th:after {
    display: none;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: '';
    height: 1em;
    width: auto;
    opacity: 0.8;
    margin: 0 0 0 0.5em;
    font-family: 'Icons'
}

.ui.sortable.table thead th.ascending:after {
    content: '\f0d8'
}

.ui.sortable.table thead th.descending:after {
    content: '\f0d7'
}

.ui.sortable.table th.disabled:hover {
    cursor: auto;
    color: rgba(40, 40, 40, 0.3)
}

.ui.sortable.table thead th:hover {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.8)
}

.ui.sortable.table thead th.sorted {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95)
}

.ui.sortable.table thead th.sorted:after {
    display: inline-block
}

.ui.sortable.table thead th.sorted:hover {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95)
}

.ui.inverted.sortable.table thead th.sorted {
    background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    color: #fff
}

.ui.inverted.sortable.table thead th:hover {
    background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    color: #fff
}

.ui.inverted.sortable.table thead th {
    border-left-color: transparent;
    border-right-color: transparent
}

.ui.inverted.table {
    background: #333;
    color: rgba(255, 255, 255, 0.9);
    border: none
}

.ui.inverted.table th {
    background-color: rgba(0, 0, 0, 0.15);
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.9)
}

.ui.inverted.table tr td {
    border-color: rgba(255, 255, 255, 0.1) !important
}

.ui.inverted.table tr.disabled td, .ui.inverted.table tr td.disabled, .ui.inverted.table tr.disabled:hover td, .ui.inverted.table tr:hover td.disabled {
    pointer-events: none;
    color: rgba(225, 225, 225, 0.3)
}

.ui.inverted.definition.table tfoot:not(.full-width) th:first-child, .ui.inverted.definition.table thead:not(.full-width) th:first-child {
    background: #FFF
}

.ui.inverted.definition.table tr td:first-child {
    background: rgba(255, 255, 255, 0.02);
    color: #fff
}

.ui.collapsing.table {
    width: auto
}

.ui.basic.table {
    background: transparent;
    border: 1px solid rgba(34, 36, 38, 0.15);
    box-shadow: none
}

.ui.basic.table thead, .ui.basic.table tfoot {
    box-shadow: none
}

.ui.basic.table th {
    background: transparent;
    border-left: none
}

.ui.basic.table tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.ui.basic.table td {
    background: transparent
}

.ui.basic.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0.05) !important
}

.ui[class*="very basic"].table {
    border: none
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) th, .ui[class*="very basic"].table:not(.sortable):not(.striped) td {
    padding: ''
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
    padding-left: 0
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
    padding-right: 0
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
    padding-top: 0
}

.ui.celled.table tr th, .ui.celled.table tr td {
    border-left: 1px solid rgba(34, 36, 38, 0.1)
}

.ui.celled.table tr th:first-child, .ui.celled.table tr td:first-child {
    border-left: none
}

.ui.padded.table th {
    padding-left: 1em;
    padding-right: 1em
}

.ui.padded.table th, .ui.padded.table td {
    padding: 1em 1em
}

.ui[class*="very padded"].table th {
    padding-left: 1.5em;
    padding-right: 1.5em
}

.ui[class*="very padded"].table td {
    padding: 1.5em 1.5em
}

.ui.compact.table th {
    padding-left: 0.7em;
    padding-right: 0.7em
}

.ui.compact.table td {
    padding: 0.5em 0.7em
}

.ui[class*="very compact"].table th {
    padding-left: 0.6em;
    padding-right: 0.6em
}

.ui[class*="very compact"].table td {
    padding: 0.4em 0.6em
}

.ui.small.table {
    font-size: 0.9em
}

.ui.table {
    font-size: 1em
}

.ui.large.table {
    font-size: 1.1em
}

.ui.ad {
    display: block;
    overflow: hidden;
    margin: 1em 0
}

.ui.ad:first-child {
    margin: 0
}

.ui.ad:last-child {
    margin: 0
}

.ui.ad iframe {
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden
}

.ui.leaderboard.ad {
    width: 728px;
    height: 90px
}

.ui[class*="medium rectangle"].ad {
    width: 300px;
    height: 250px
}

.ui[class*="large rectangle"].ad {
    width: 336px;
    height: 280px
}

.ui[class*="half page"].ad {
    width: 300px;
    height: 600px
}

.ui.square.ad {
    width: 250px;
    height: 250px
}

.ui[class*="small square"].ad {
    width: 200px;
    height: 200px
}

.ui[class*="small rectangle"].ad {
    width: 180px;
    height: 150px
}

.ui[class*="vertical rectangle"].ad {
    width: 240px;
    height: 400px
}

.ui.button.ad {
    width: 120px;
    height: 90px
}

.ui[class*="square button"].ad {
    width: 125px;
    height: 125px
}

.ui[class*="small button"].ad {
    width: 120px;
    height: 60px
}

.ui.skyscraper.ad {
    width: 120px;
    height: 600px
}

.ui[class*="wide skyscraper"].ad {
    width: 160px
}

.ui.banner.ad {
    width: 468px;
    height: 60px
}

.ui[class*="vertical banner"].ad {
    width: 120px;
    height: 240px
}

.ui[class*="top banner"].ad {
    width: 930px;
    height: 180px
}

.ui[class*="half banner"].ad {
    width: 234px;
    height: 60px
}

.ui[class*="large leaderboard"].ad {
    width: 970px;
    height: 90px
}

.ui.billboard.ad {
    width: 970px;
    height: 250px
}

.ui.panorama.ad {
    width: 980px;
    height: 120px
}

.ui.netboard.ad {
    width: 580px;
    height: 400px
}

.ui[class*="large mobile banner"].ad {
    width: 320px;
    height: 100px
}

.ui[class*="mobile leaderboard"].ad {
    width: 320px;
    height: 50px
}

.ui.mobile.ad {
    display: none
}

@media only screen and (max-width: 767px) {
    .ui.mobile.ad {
        display: block
    }
}

.ui.centered.ad {
    margin-left: auto;
    margin-right: auto
}

.ui.test.ad {
    position: relative;
    background: #545454
}

.ui.test.ad:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    content: 'Ad';
    color: #FFF;
    font-size: 1em;
    font-weight: bold
}

.ui.mobile.test.ad:after {
    font-size: 0.85714286em
}

.ui.test.ad[data-text]:after {
    content: attr(data-text)
}

.ui.cards > .card, .ui.card {
    max-width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 290px;
    min-height: 0;
    background: #FFF;
    padding: 0;
    border: none;
    border-radius: 0.28571429rem;
    box-shadow: 0 1px 3px 0 #D4D4D5, 0px 0 0 1px #D4D4D5;
    -webkit-transition: box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition: box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition: box-shadow 0.1s ease, transform 0.1s ease;
    transition: box-shadow 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease;
    z-index: ''
}

.ui.card {
    margin: 1em 0
}

.ui.cards > .card a, .ui.card a {
    cursor: pointer
}

.ui.card:first-child {
    margin-top: 0
}

.ui.card:last-child {
    margin-bottom: 0
}

.ui.cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -0.875em -0.5em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ui.cards > .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.875em 0.5em;
    float: none
}

.ui.cards:after, .ui.card:after {
    display: block;
    content: ' ';
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.cards ~ .ui.cards {
    margin-top: 0.875em
}

.ui.cards > .card > :first-child, .ui.card > :first-child {
    border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
    border-top: none !important
}

.ui.cards > .card > :last-child, .ui.card > :last-child {
    border-radius: 0 0 0.28571429rem 0.28571429rem !important
}

.ui.cards > .card > :only-child, .ui.card > :only-child {
    border-radius: 0.28571429rem !important
}

.ui.cards > .card > .image, .ui.card > .image {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0;
    background: rgba(0, 0, 0, 0.05)
}

.ui.cards > .card > .image > img, .ui.card > .image > img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit
}

.ui.cards > .card > .image:not(.ui) > img, .ui.card > .image:not(.ui) > img {
    border: none
}

.ui.cards > .card > .content, .ui.card > .content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, 0.1);
    background: none;
    margin: 0;
    padding: 1em 1em;
    box-shadow: none;
    font-size: 1em;
    border-radius: 0
}

.ui.cards > .card > .content:after, .ui.card > .content:after {
    display: block;
    content: ' ';
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.cards > .card > .content > .header, .ui.card > .content > .header {
    display: block;
    margin: '';
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color: rgba(0, 0, 0, 0.85)
}

.ui.cards > .card > .content > .header:not(.ui), .ui.card > .content > .header:not(.ui) {
    font-weight: bold;
    font-size: 1.28571429em;
    margin-top: -0.21425em;
    line-height: 1.2857em
}

.ui.cards > .card > .content > .meta + .description, .ui.cards > .card > .content > .header + .description, .ui.card > .content > .meta + .description, .ui.card > .content > .header + .description {
    margin-top: 0.5em
}

.ui.cards > .card [class*="left floated"], .ui.card [class*="left floated"] {
    float: left
}

.ui.cards > .card [class*="right floated"], .ui.card [class*="right floated"] {
    float: right
}

.ui.cards > .card [class*="left aligned"], .ui.card [class*="left aligned"] {
    text-align: left
}

.ui.cards > .card [class*="center aligned"], .ui.card [class*="center aligned"] {
    text-align: center
}

.ui.cards > .card [class*="right aligned"], .ui.card [class*="right aligned"] {
    text-align: right
}

.ui.cards > .card .content img, .ui.card .content img {
    display: inline-block;
    vertical-align: middle;
    width: ''
}

.ui.cards > .card img.avatar, .ui.cards > .card .avatar img, .ui.card img.avatar, .ui.card .avatar img {
    width: 2em;
    height: 2em;
    border-radius: 500rem
}

.ui.cards > .card > .content > .description, .ui.card > .content > .description {
    clear: both;
    color: rgba(0, 0, 0, 0.68)
}

.ui.cards > .card > .content p, .ui.card > .content p {
    margin: 0 0 0.5em
}

.ui.cards > .card > .content p:last-child, .ui.card > .content p:last-child {
    margin-bottom: 0
}

.ui.cards > .card .meta, .ui.card .meta {
    font-size: 1em;
    color: rgba(0, 0, 0, 0.4)
}

.ui.cards > .card .meta *, .ui.card .meta * {
    margin-right: 0.3em
}

.ui.cards > .card .meta :last-child, .ui.card .meta :last-child {
    margin-right: 0
}

.ui.cards > .card .meta [class*="right floated"], .ui.card .meta [class*="right floated"] {
    margin-right: 0;
    margin-left: 0.3em
}

.ui.cards > .card > .content a:not(.ui), .ui.card > .content a:not(.ui) {
    color: '';
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease
}

.ui.cards > .card > .content a:not(.ui):hover, .ui.card > .content a:not(.ui):hover {
    color: ''
}

.ui.cards > .card > .content > a.header, .ui.card > .content > a.header {
    color: rgba(0, 0, 0, 0.85)
}

.ui.cards > .card > .content > a.header:hover, .ui.card > .content > a.header:hover {
    color: #1e70bf
}

.ui.cards > .card .meta > a:not(.ui), .ui.card .meta > a:not(.ui) {
    color: rgba(0, 0, 0, 0.4)
}

.ui.cards > .card .meta > a:not(.ui):hover, .ui.card .meta > a:not(.ui):hover {
    color: rgba(0, 0, 0, 0.87)
}

.ui.cards > .card > .buttons, .ui.card > .buttons, .ui.cards > .card > .button, .ui.card > .button {
    margin: 0 -1px;
    width: calc(100% + 2px)
}

.ui.cards > .card .dimmer, .ui.card .dimmer {
    background-color: '';
    z-index: 10
}

.ui.cards > .card > .content .star.icon, .ui.card > .content .star.icon {
    cursor: pointer;
    opacity: 0.75;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease
}

.ui.cards > .card > .content .star.icon:hover, .ui.card > .content .star.icon:hover {
    opacity: 1;
    color: #FFB70A
}

.ui.cards > .card > .content .active.star.icon, .ui.card > .content .active.star.icon {
    color: #FFE623
}

.ui.cards > .card > .content .like.icon, .ui.card > .content .like.icon {
    cursor: pointer;
    opacity: 0.75;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease
}

.ui.cards > .card > .content .like.icon:hover, .ui.card > .content .like.icon:hover {
    opacity: 1;
    color: #FF2733
}

.ui.cards > .card > .content .active.like.icon, .ui.card > .content .active.like.icon {
    color: #FF2733
}

.ui.cards > .card > .extra, .ui.card > .extra {
    max-width: 100%;
    min-height: 0 !important;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
    position: static;
    background: none;
    width: auto;
    margin: 0 0;
    padding: 0.75em 1em;
    top: 0;
    left: 0;
    color: rgba(0, 0, 0, 0.4);
    box-shadow: none;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease
}

.ui.cards > .card > .extra a:not(.ui), .ui.card > .extra a:not(.ui) {
    color: rgba(0, 0, 0, 0.4)
}

.ui.cards > .card > .extra a:not(.ui):hover, .ui.card > .extra a:not(.ui):hover {
    color: #1e70bf
}

.ui.raised.cards > .card, .ui.raised.card {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 4px 0 rgba(34, 36, 38, 0.12), 0px 2px 10px 0 rgba(34, 36, 38, 0.15)
}

.ui.raised.cards a.card:hover, .ui.link.cards .raised.card:hover, a.ui.raised.card:hover, .ui.link.raised.card:hover {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 4px 0 rgba(34, 36, 38, 0.15), 0px 2px 10px 0 rgba(34, 36, 38, 0.25)
}

.ui.raised.cards > .card, .ui.raised.card {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 4px 0 rgba(34, 36, 38, 0.12), 0px 2px 10px 0 rgba(34, 36, 38, 0.15)
}

.ui.centered.cards {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui.centered.card {
    margin-left: auto;
    margin-right: auto
}

.ui.fluid.card {
    width: 100%;
    max-width: 9999px
}

.ui.cards a.card, .ui.link.cards .card, a.ui.card, .ui.link.card {
    -webkit-transform: none;
    transform: none
}

.ui.cards a.card:hover, .ui.link.cards .card:hover, a.ui.card:hover, .ui.link.card:hover {
    cursor: pointer;
    z-index: 5;
    background: #FFF;
    border: none;
    box-shadow: 0 1px 3px 0 #BCBDBD, 0px 0 0 1px #D4D4D5;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

.ui.red.cards > .card, .ui.cards > .red.card, .ui.red.card {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #DB2828, 0px 1px 3px 0 #D4D4D5
}

.ui.red.cards > .card:hover, .ui.cards > .red.card:hover, .ui.red.card:hover {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #d01919, 0px 1px 3px 0 #BCBDBD
}

.ui.orange.cards > .card, .ui.cards > .orange.card, .ui.orange.card {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #F2711C, 0px 1px 3px 0 #D4D4D5
}

.ui.orange.cards > .card:hover, .ui.cards > .orange.card:hover, .ui.orange.card:hover {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #f26202, 0px 1px 3px 0 #BCBDBD
}

.ui.yellow.cards > .card, .ui.cards > .yellow.card, .ui.yellow.card {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #FBBD08, 0px 1px 3px 0 #D4D4D5
}

.ui.yellow.cards > .card:hover, .ui.cards > .yellow.card:hover, .ui.yellow.card:hover {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #eaae00, 0px 1px 3px 0 #BCBDBD
}

.ui.olive.cards > .card, .ui.cards > .olive.card, .ui.olive.card {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #B5CC18, 0px 1px 3px 0 #D4D4D5
}

.ui.olive.cards > .card:hover, .ui.cards > .olive.card:hover, .ui.olive.card:hover {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #a7bd0d, 0px 1px 3px 0 #BCBDBD
}

.ui.green.cards > .card, .ui.cards > .green.card, .ui.green.card {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #21BA45, 0px 1px 3px 0 #D4D4D5
}

.ui.green.cards > .card:hover, .ui.cards > .green.card:hover, .ui.green.card:hover {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #16ab39, 0px 1px 3px 0 #BCBDBD
}

.ui.teal.cards > .card, .ui.cards > .teal.card, .ui.teal.card {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #00B5AD, 0px 1px 3px 0 #D4D4D5
}

.ui.teal.cards > .card:hover, .ui.cards > .teal.card:hover, .ui.teal.card:hover {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #009c95, 0px 1px 3px 0 #BCBDBD
}

.ui.blue.cards > .card, .ui.cards > .blue.card, .ui.blue.card {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #2185D0, 0px 1px 3px 0 #D4D4D5
}

.ui.blue.cards > .card:hover, .ui.cards > .blue.card:hover, .ui.blue.card:hover {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #1678c2, 0px 1px 3px 0 #BCBDBD
}

.ui.violet.cards > .card, .ui.cards > .violet.card, .ui.violet.card {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #6435C9, 0px 1px 3px 0 #D4D4D5
}

.ui.violet.cards > .card:hover, .ui.cards > .violet.card:hover, .ui.violet.card:hover {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #5829bb, 0px 1px 3px 0 #BCBDBD
}

.ui.purple.cards > .card, .ui.cards > .purple.card, .ui.purple.card {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #A333C8, 0px 1px 3px 0 #D4D4D5
}

.ui.purple.cards > .card:hover, .ui.cards > .purple.card:hover, .ui.purple.card:hover {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #9627ba, 0px 1px 3px 0 #BCBDBD
}

.ui.pink.cards > .card, .ui.cards > .pink.card, .ui.pink.card {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #E03997, 0px 1px 3px 0 #D4D4D5
}

.ui.pink.cards > .card:hover, .ui.cards > .pink.card:hover, .ui.pink.card:hover {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #e61a8d, 0px 1px 3px 0 #BCBDBD
}

.ui.brown.cards > .card, .ui.cards > .brown.card, .ui.brown.card {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #A5673F, 0px 1px 3px 0 #D4D4D5
}

.ui.brown.cards > .card:hover, .ui.cards > .brown.card:hover, .ui.brown.card:hover {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #975b33, 0px 1px 3px 0 #BCBDBD
}

.ui.grey.cards > .card, .ui.cards > .grey.card, .ui.grey.card {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #767676, 0px 1px 3px 0 #D4D4D5
}

.ui.grey.cards > .card:hover, .ui.cards > .grey.card:hover, .ui.grey.card:hover {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #838383, 0px 1px 3px 0 #BCBDBD
}

.ui.black.cards > .card, .ui.cards > .black.card, .ui.black.card {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #1B1C1D, 0px 1px 3px 0 #D4D4D5
}

.ui.black.cards > .card:hover, .ui.cards > .black.card:hover, .ui.black.card:hover {
    box-shadow: 0 0 0 1px #D4D4D5, 0px 2px 0 0 #27292a, 0px 1px 3px 0 #BCBDBD
}

.ui.one.cards {
    margin-left: 0;
    margin-right: 0
}

.ui.one.cards > .card {
    width: 100%
}

.ui.two.cards {
    margin-left: -1em;
    margin-right: -1em
}

.ui.two.cards > .card {
    width: calc(50% - 2em);
    margin-left: 1em;
    margin-right: 1em
}

.ui.three.cards {
    margin-left: -1em;
    margin-right: -1em
}

.ui.three.cards > .card {
    width: calc(33.33333333% - 2em);
    margin-left: 1em;
    margin-right: 1em
}

.ui.four.cards {
    margin-left: -0.75em;
    margin-right: -0.75em
}

.ui.four.cards > .card {
    width: calc(25% - 1.5em);
    margin-left: 0.75em;
    margin-right: 0.75em
}

.ui.five.cards {
    margin-left: -0.75em;
    margin-right: -0.75em
}

.ui.five.cards > .card {
    width: calc(20% - 1.5em);
    margin-left: 0.75em;
    margin-right: 0.75em
}

.ui.six.cards {
    margin-left: -0.75em;
    margin-right: -0.75em
}

.ui.six.cards > .card {
    width: calc(16.66666667% - 1.5em);
    margin-left: 0.75em;
    margin-right: 0.75em
}

.ui.seven.cards {
    margin-left: -0.5em;
    margin-right: -0.5em
}

.ui.seven.cards > .card {
    width: calc(14.28571429% - 1em);
    margin-left: 0.5em;
    margin-right: 0.5em
}

.ui.eight.cards {
    margin-left: -0.5em;
    margin-right: -0.5em
}

.ui.eight.cards > .card {
    width: calc(12.5% - 1em);
    margin-left: 0.5em;
    margin-right: 0.5em;
    font-size: 11px
}

.ui.nine.cards {
    margin-left: -0.5em;
    margin-right: -0.5em
}

.ui.nine.cards > .card {
    width: calc(11.11111111% - 1em);
    margin-left: 0.5em;
    margin-right: 0.5em;
    font-size: 10px
}

.ui.ten.cards {
    margin-left: -0.5em;
    margin-right: -0.5em
}

.ui.ten.cards > .card {
    width: calc(10% - 1em);
    margin-left: 0.5em;
    margin-right: 0.5em
}

@media only screen and (max-width: 767px) {
    .ui.two.doubling.cards {
        margin-left: 0;
        margin-right: 0
    }

    .ui.two.doubling.cards .card {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .ui.three.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.three.doubling.cards .card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.four.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.four.doubling.cards .card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.five.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.five.doubling.cards .card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.six.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.six.doubling.cards .card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.seven.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.seven.doubling.cards .card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.eight.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.eight.doubling.cards .card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.nine.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.nine.doubling.cards .card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.ten.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.ten.doubling.cards .card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.two.doubling.cards {
        margin-left: 0;
        margin-right: 0
    }

    .ui.two.doubling.cards .card {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .ui.three.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.three.doubling.cards .card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.four.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.four.doubling.cards .card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.five.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.five.doubling.cards .card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.six.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.six.doubling.cards .card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.eight.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.eight.doubling.cards .card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.eight.doubling.cards {
        margin-left: -0.75em;
        margin-right: -0.75em
    }

    .ui.eight.doubling.cards .card {
        width: calc(25% - 1.5em);
        margin-left: 0.75em;
        margin-right: 0.75em
    }

    .ui.nine.doubling.cards {
        margin-left: -0.75em;
        margin-right: -0.75em
    }

    .ui.nine.doubling.cards .card {
        width: calc(25% - 1.5em);
        margin-left: 0.75em;
        margin-right: 0.75em
    }

    .ui.ten.doubling.cards {
        margin-left: -0.75em;
        margin-right: -0.75em
    }

    .ui.ten.doubling.cards .card {
        width: calc(20% - 1.5em);
        margin-left: 0.75em;
        margin-right: 0.75em
    }
}

@media only screen and (max-width: 767px) {
    .ui.stackable.cards {
        display: block !important
    }

    .ui.stackable.cards .card:first-child {
        margin-top: 0 !important
    }

    .ui.stackable.cards > .card {
        display: block !important;
        height: auto !important;
        margin: 1em 1em;
        padding: 0 !important;
        width: calc(100% - 2em) !important
    }
}

.ui.cards > .card {
    font-size: 1em
}

.ui.comments {
    margin: 1.5em 0;
    max-width: 650px
}

.ui.comments:first-child {
    margin-top: 0
}

.ui.comments:last-child {
    margin-bottom: 0
}

.ui.comments .comment {
    position: relative;
    background: none;
    margin: 0.5em 0 0;
    padding: 0.5em 0 0;
    border: none;
    border-top: none;
    line-height: 1.2
}

.ui.comments .comment:first-child {
    margin-top: 0;
    padding-top: 0
}

.ui.comments .comment .comments {
    margin: 0 0 0.5em 0.5em;
    padding: 1em 0 1em 1em
}

.ui.comments .comment .comments:before {
    position: absolute;
    top: 0;
    left: 0
}

.ui.comments .comment .comments .comment {
    border: none;
    border-top: none;
    background: none
}

.ui.comments .comment .avatar {
    display: block;
    width: 2.5em;
    height: auto;
    float: left;
    margin: 0.2em 0 0
}

.ui.comments .comment img.avatar, .ui.comments .comment .avatar img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border-radius: 0.25rem
}

.ui.comments .comment > .content {
    display: block
}

.ui.comments .comment > .avatar ~ .content {
    margin-left: 3.5em
}

.ui.comments .comment .author {
    font-size: 1em;
    color: rgba(0, 0, 0, 0.87);
    font-weight: bold
}

.ui.comments .comment a.author {
    cursor: pointer
}

.ui.comments .comment a.author:hover {
    color: #1e70bf
}

.ui.comments .comment .metadata {
    display: inline-block;
    margin-left: 0.5em;
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.875em
}

.ui.comments .comment .metadata > * {
    display: inline-block;
    margin: 0 0.5em 0 0
}

.ui.comments .comment .metadata > :last-child {
    margin-right: 0
}

.ui.comments .comment .text {
    margin: 0.25em 0 0.5em;
    font-size: 1em;
    word-wrap: break-word;
    color: rgba(0, 0, 0, 0.87);
    line-height: 1.3
}

.ui.comments .comment .actions {
    font-size: 0.875em
}

.ui.comments .comment .actions a {
    cursor: pointer;
    display: inline-block;
    margin: 0 0.75em 0 0;
    color: rgba(0, 0, 0, 0.4)
}

.ui.comments .comment .actions a:last-child {
    margin-right: 0
}

.ui.comments .comment .actions a.active, .ui.comments .comment .actions a:hover {
    color: rgba(0, 0, 0, 0.8)
}

.ui.comments > .reply.form {
    margin-top: 1em
}

.ui.comments .comment .reply.form {
    width: 100%;
    margin-top: 1em
}

.ui.comments .reply.form textarea {
    font-size: 1em;
    height: 12em
}

.ui.collapsed.comments, .ui.comments .collapsed.comments, .ui.comments .collapsed.comment {
    display: none
}

.ui.threaded.comments .comment .comments {
    margin: -1.5em 0 -1em 1.25em;
    padding: 3em 0 2em 2.25em;
    box-shadow: -1px 0 0 rgba(34, 36, 38, 0.15)
}

.ui.minimal.comments .comment .actions {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.ui.minimal.comments .comment > .content:hover > .actions {
    opacity: 1
}

.ui.mini.comments {
    font-size: 0.78571429rem
}

.ui.tiny.comments {
    font-size: 0.85714286rem
}

.ui.small.comments {
    font-size: 0.9em
}

.ui.comments {
    font-size: 1em
}

.ui.large.comments {
    font-size: 1.1em
}

.ui.big.comments {
    font-size: 1.28571429rem
}

.ui.huge.comments {
    font-size: 1.2em
}

.ui.massive.comments {
    font-size: 1.71428571rem
}

.ui.feed {
    margin: 1em 0
}

.ui.feed:first-child {
    margin-top: 0
}

.ui.feed:last-child {
    margin-bottom: 0
}

.ui.feed > .event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: 0.21428571rem 0;
    margin: 0;
    background: none;
    border-top: none
}

.ui.feed > .event:first-child {
    border-top: 0;
    padding-top: 0
}

.ui.feed > .event:last-child {
    padding-bottom: 0
}

.ui.feed > .event > .label {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 2.5em;
    height: auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    text-align: left
}

.ui.feed > .event > .label .icon {
    opacity: 1;
    font-size: 1.5em;
    width: 100%;
    padding: 0.25em;
    background: none;
    border: none;
    border-radius: none;
    color: rgba(0, 0, 0, 0.6)
}

.ui.feed > .event > .label img {
    width: 100%;
    height: auto;
    border-radius: 500rem
}

.ui.feed > .event > .label + .content {
    margin: 0.5em 0 0.35714286em 1.14285714em
}

.ui.feed > .event > .content {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    text-align: left;
    word-wrap: break-word
}

.ui.feed > .event:last-child > .content {
    padding-bottom: 0
}

.ui.feed > .event > .content a {
    cursor: pointer
}

.ui.feed > .event > .content .date {
    margin: -0.5rem 0 0;
    padding: 0;
    font-weight: normal;
    font-size: 1em;
    font-style: normal;
    color: rgba(0, 0, 0, 0.4)
}

.ui.feed > .event > .content .summary {
    margin: 0;
    font-size: 1em;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.87)
}

.ui.feed > .event > .content .summary img {
    display: inline-block;
    width: auto;
    height: 10em;
    margin: -0.25em 0.25em 0 0;
    border-radius: 0.25em;
    vertical-align: middle
}

.ui.feed > .event > .content .user {
    display: inline-block;
    font-weight: bold;
    margin-right: 0;
    vertical-align: baseline
}

.ui.feed > .event > .content .user img {
    margin: -0.25em 0.25em 0 0;
    width: auto;
    height: 10em;
    vertical-align: middle
}

.ui.feed > .event > .content .summary > .date {
    display: inline-block;
    float: none;
    font-weight: normal;
    font-size: 0.85714286em;
    font-style: normal;
    margin: 0 0 0 0.5em;
    padding: 0;
    color: rgba(0, 0, 0, 0.4)
}

.ui.feed > .event > .content .extra {
    margin: 0.5em 0 0;
    background: none;
    padding: 0;
    color: rgba(0, 0, 0, 0.87)
}

.ui.feed > .event > .content .extra.images img {
    display: inline-block;
    margin: 0 0.25em 0 0;
    width: 6em
}

.ui.feed > .event > .content .extra.text {
    padding: 0;
    border-left: none;
    font-size: 1em;
    max-width: 500px;
    line-height: 1.4285em
}

.ui.feed > .event > .content .meta {
    display: inline-block;
    font-size: 0.85714286em;
    margin: 0.5em 0 0;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    color: rgba(0, 0, 0, 0.6)
}

.ui.feed > .event > .content .meta > * {
    position: relative;
    margin-left: 0.75em
}

.ui.feed > .event > .content .meta > *:after {
    content: '';
    color: rgba(0, 0, 0, 0.2);
    top: 0;
    left: -1em;
    opacity: 1;
    position: absolute;
    vertical-align: top
}

.ui.feed > .event > .content .meta .like {
    color: '';
    -webkit-transition: 0.2s color ease;
    transition: 0.2s color ease
}

.ui.feed > .event > .content .meta .like:hover .icon {
    color: #FF2733
}

.ui.feed > .event > .content .meta .active.like .icon {
    color: #EF404A
}

.ui.feed > .event > .content .meta > :first-child {
    margin-left: 0
}

.ui.feed > .event > .content .meta > :first-child::after {
    display: none
}

.ui.feed > .event > .content .meta a, .ui.feed > .event > .content .meta > .icon {
    cursor: pointer;
    opacity: 1;
    color: rgba(0, 0, 0, 0.5);
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease
}

.ui.feed > .event > .content .meta a:hover, .ui.feed > .event > .content .meta a:hover .icon, .ui.feed > .event > .content .meta > .icon:hover {
    color: rgba(0, 0, 0, 0.95)
}

.ui.small.feed {
    font-size: 0.92857143rem
}

.ui.feed {
    font-size: 1rem
}

.ui.large.feed {
    font-size: 1.14285714rem
}

.ui.items > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1em 0;
    width: 100%;
    min-height: 0;
    background: transparent;
    padding: 0;
    border: none;
    border-radius: 0rem;
    box-shadow: none;
    -webkit-transition: box-shadow 0.1s ease;
    transition: box-shadow 0.1s ease;
    z-index: ''
}

.ui.items > .item a {
    cursor: pointer
}

.ui.items {
    margin: 1.5em 0
}

.ui.items:first-child {
    margin-top: 0 !important
}

.ui.items:last-child {
    margin-bottom: 0 !important
}

.ui.items > .item:after {
    display: block;
    content: ' ';
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.items > .item:first-child {
    margin-top: 0
}

.ui.items > .item:last-child {
    margin-bottom: 0
}

.ui.items > .item > .image {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    max-height: '';
    -ms-flex-item-align: top;
    align-self: top
}

.ui.items > .item > .image > img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0.125rem;
    border: none
}

.ui.items > .item > .image:only-child > img {
    border-radius: 0rem
}

.ui.items > .item > .content {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    font-size: 1em;
    border: none;
    border-radius: 0
}

.ui.items > .item > .content:after {
    display: block;
    content: ' ';
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.items > .item > .image + .content {
    min-width: 0;
    width: auto;
    display: block;
    margin-left: 0;
    -ms-flex-item-align: top;
    align-self: top;
    padding-left: 1.5em
}

.ui.items > .item > .content > .header {
    display: inline-block;
    margin: -0.21425em 0 0;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85)
}

.ui.items > .item > .content > .header:not(.ui) {
    font-size: 1.28571429em
}

.ui.items > .item [class*="left floated"] {
    float: left
}

.ui.items > .item [class*="right floated"] {
    float: right
}

.ui.items > .item .content img {
    -ms-flex-item-align: middle;
    align-self: middle;
    width: ''
}

.ui.items > .item img.avatar, .ui.items > .item .avatar img {
    width: '';
    height: '';
    border-radius: 500rem
}

.ui.items > .item > .content > .description {
    margin-top: 0.6em;
    max-width: auto;
    font-size: 1em;
    line-height: 1.4285em;
    color: rgba(0, 0, 0, 0.87)
}

.ui.items > .item > .content p {
    margin: 0 0 0.5em
}

.ui.items > .item > .content p:last-child {
    margin-bottom: 0
}

.ui.items > .item .meta {
    margin: 0.5em 0 0.5em;
    font-size: 1em;
    line-height: 1em;
    color: rgba(0, 0, 0, 0.6)
}

.ui.items > .item .meta * {
    margin-right: 0.3em
}

.ui.items > .item .meta :last-child {
    margin-right: 0
}

.ui.items > .item .meta [class*="right floated"] {
    margin-right: 0;
    margin-left: 0.3em
}

.ui.items > .item > .content a:not(.ui) {
    color: '';
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease
}

.ui.items > .item > .content a:not(.ui):hover {
    color: ''
}

.ui.items > .item > .content > a.header {
    color: rgba(0, 0, 0, 0.85)
}

.ui.items > .item > .content > a.header:hover {
    color: #1e70bf
}

.ui.items > .item .meta > a:not(.ui) {
    color: rgba(0, 0, 0, 0.4)
}

.ui.items > .item .meta > a:not(.ui):hover {
    color: rgba(0, 0, 0, 0.87)
}

.ui.items > .item > .content .favorite.icon {
    cursor: pointer;
    opacity: 0.75;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease
}

.ui.items > .item > .content .favorite.icon:hover {
    opacity: 1;
    color: #FFB70A
}

.ui.items > .item > .content .active.favorite.icon {
    color: #FFE623
}

.ui.items > .item > .content .like.icon {
    cursor: pointer;
    opacity: 0.75;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease
}

.ui.items > .item > .content .like.icon:hover {
    opacity: 1;
    color: #FF2733
}

.ui.items > .item > .content .active.like.icon {
    color: #FF2733
}

.ui.items > .item .extra {
    display: block;
    position: relative;
    background: none;
    margin: 0.5rem 0 0;
    width: 100%;
    padding: 0 0 0;
    top: 0;
    left: 0;
    color: rgba(0, 0, 0, 0.4);
    box-shadow: none;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease;
    border-top: none
}

.ui.items > .item .extra > * {
    margin: 0.25rem 0.5rem 0.25rem 0
}

.ui.items > .item .extra > [class*="right floated"] {
    margin: 0.25rem 0 0.25rem 0.5rem
}

.ui.items > .item .extra:after {
    display: block;
    content: ' ';
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.items > .item > .image:not(.ui) {
    width: 175px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.items > .item {
        margin: 1em 0
    }

    .ui.items > .item > .image:not(.ui) {
        width: 150px
    }

    .ui.items > .item > .image + .content {
        display: block;
        padding: 0 0 0 1em
    }
}

@media only screen and (max-width: 767px) {
    .ui.items > .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 2em 0
    }

    .ui.items > .item > .image {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .ui.items > .item > .image, .ui.items > .item > .image > img {
        max-width: 100% !important;
        width: auto !important;
        max-height: 250px !important
    }

    .ui.items > .item > .image + .content {
        display: block;
        padding: 1.5em 0 0
    }
}

.ui.items > .item > .image + [class*="top aligned"].content {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.ui.items > .item > .image + [class*="middle aligned"].content {
    -ms-flex-item-align: center;
    align-self: center
}

.ui.items > .item > .image + [class*="bottom aligned"].content {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.ui.relaxed.items > .item {
    margin: 1.5em 0
}

.ui[class*="very relaxed"].items > .item {
    margin: 2em 0
}

.ui.divided.items > .item {
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    margin: 0;
    padding: 1em 0
}

.ui.divided.items > .item:first-child {
    border-top: none;
    margin-top: 0 !important;
    padding-top: 0 !important
}

.ui.divided.items > .item:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.ui.relaxed.divided.items > .item {
    margin: 0;
    padding: 1.5em 0
}

.ui[class*="very relaxed"].divided.items > .item {
    margin: 0;
    padding: 2em 0
}

.ui.items a.item:hover, .ui.link.items > .item:hover {
    cursor: pointer
}

.ui.items a.item:hover .content .header, .ui.link.items > .item:hover .content .header {
    color: #1e70bf
}

.ui.items > .item {
    font-size: 1em
}

.ui.statistic {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 1em 0;
    max-width: auto
}

.ui.statistic + .ui.statistic {
    margin: 0 0 0 1.5em
}

.ui.statistic:first-child {
    margin-top: 0
}

.ui.statistic:last-child {
    margin-bottom: 0
}

.ui.statistics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ui.statistics > .statistic {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 1.5em 2em;
    max-width: auto
}

.ui.statistics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1em -1.5em -2em
}

.ui.statistics:after {
    display: block;
    content: ' ';
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.statistics:first-child {
    margin-top: 0
}

.ui.statistics:last-child {
    margin-bottom: 0
}

.ui.statistics .statistic > .value, .ui.statistic > .value {
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 4rem;
    font-weight: normal;
    line-height: 1em;
    color: #1B1C1D;
    text-transform: uppercase;
    text-align: center
}

.ui.statistics .statistic > .label, .ui.statistic > .label {
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.87);
    text-transform: uppercase;
    text-align: center
}

.ui.statistics .statistic > .label ~ .value, .ui.statistic > .label ~ .value {
    margin-top: 0rem
}

.ui.statistics .statistic > .value ~ .label, .ui.statistic > .value ~ .label {
    margin-top: 0rem
}

.ui.statistics .statistic > .value .icon, .ui.statistic > .value .icon {
    opacity: 1;
    width: auto;
    margin: 0
}

.ui.statistics .statistic > .text.value, .ui.statistic > .text.value {
    line-height: 1em;
    min-height: 2em;
    font-weight: bold;
    text-align: center
}

.ui.statistics .statistic > .text.value + .label, .ui.statistic > .text.value + .label {
    text-align: center
}

.ui.statistics .statistic > .value img, .ui.statistic > .value img {
    max-height: 3rem;
    vertical-align: baseline
}

.ui.ten.statistics {
    margin: 0 0 -2em
}

.ui.ten.statistics .statistic {
    min-width: 10%;
    margin: 0 0 2em
}

.ui.nine.statistics {
    margin: 0 0 -2em
}

.ui.nine.statistics .statistic {
    min-width: 11.11111111%;
    margin: 0 0 2em
}

.ui.eight.statistics {
    margin: 0 0 -2em
}

.ui.eight.statistics .statistic {
    min-width: 12.5%;
    margin: 0 0 2em
}

.ui.seven.statistics {
    margin: 0 0 -2em
}

.ui.seven.statistics .statistic {
    min-width: 14.28571429%;
    margin: 0 0 2em
}

.ui.six.statistics {
    margin: 0 0 -2em
}

.ui.six.statistics .statistic {
    min-width: 16.66666667%;
    margin: 0 0 2em
}

.ui.five.statistics {
    margin: 0 0 -2em
}

.ui.five.statistics .statistic {
    min-width: 20%;
    margin: 0 0 2em
}

.ui.four.statistics {
    margin: 0 0 -2em
}

.ui.four.statistics .statistic {
    min-width: 25%;
    margin: 0 0 2em
}

.ui.three.statistics {
    margin: 0 0 -2em
}

.ui.three.statistics .statistic {
    min-width: 33.33333333%;
    margin: 0 0 2em
}

.ui.two.statistics {
    margin: 0 0 -2em
}

.ui.two.statistics .statistic {
    min-width: 50%;
    margin: 0 0 2em
}

.ui.one.statistics {
    margin: 0 0 -2em
}

.ui.one.statistics .statistic {
    min-width: 100%;
    margin: 0 0 2em
}

.ui.horizontal.statistic {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.ui.horizontal.statistics {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    max-width: none
}

.ui.horizontal.statistics .statistic {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    max-width: none;
    margin: 1em 0
}

.ui.horizontal.statistic > .text.value, .ui.horizontal.statistics > .statistic > .text.value {
    min-height: 0 !important
}

.ui.horizontal.statistics .statistic > .value .icon, .ui.horizontal.statistic > .value .icon {
    width: 1.18em
}

.ui.horizontal.statistics .statistic > .value, .ui.horizontal.statistic > .value {
    display: inline-block;
    vertical-align: middle
}

.ui.horizontal.statistics .statistic > .label, .ui.horizontal.statistic > .label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 0.75em
}

.ui.red.statistics .statistic > .value, .ui.statistics .red.statistic > .value, .ui.red.statistic > .value {
    color: #DB2828
}

.ui.orange.statistics .statistic > .value, .ui.statistics .orange.statistic > .value, .ui.orange.statistic > .value {
    color: #F2711C
}

.ui.yellow.statistics .statistic > .value, .ui.statistics .yellow.statistic > .value, .ui.yellow.statistic > .value {
    color: #FBBD08
}

.ui.olive.statistics .statistic > .value, .ui.statistics .olive.statistic > .value, .ui.olive.statistic > .value {
    color: #B5CC18
}

.ui.green.statistics .statistic > .value, .ui.statistics .green.statistic > .value, .ui.green.statistic > .value {
    color: #21BA45
}

.ui.teal.statistics .statistic > .value, .ui.statistics .teal.statistic > .value, .ui.teal.statistic > .value {
    color: #00B5AD
}

.ui.blue.statistics .statistic > .value, .ui.statistics .blue.statistic > .value, .ui.blue.statistic > .value {
    color: #2185D0
}

.ui.violet.statistics .statistic > .value, .ui.statistics .violet.statistic > .value, .ui.violet.statistic > .value {
    color: #6435C9
}

.ui.purple.statistics .statistic > .value, .ui.statistics .purple.statistic > .value, .ui.purple.statistic > .value {
    color: #A333C8
}

.ui.pink.statistics .statistic > .value, .ui.statistics .pink.statistic > .value, .ui.pink.statistic > .value {
    color: #E03997
}

.ui.brown.statistics .statistic > .value, .ui.statistics .brown.statistic > .value, .ui.brown.statistic > .value {
    color: #A5673F
}

.ui.grey.statistics .statistic > .value, .ui.statistics .grey.statistic > .value, .ui.grey.statistic > .value {
    color: #767676
}

.ui.inverted.statistics .statistic > .value, .ui.inverted.statistic .value {
    color: #FFF
}

.ui.inverted.statistics .statistic > .label, .ui.inverted.statistic .label {
    color: rgba(255, 255, 255, 0.9)
}

.ui.inverted.red.statistics .statistic > .value, .ui.statistics .inverted.red.statistic > .value, .ui.inverted.red.statistic > .value {
    color: #FF695E
}

.ui.inverted.orange.statistics .statistic > .value, .ui.statistics .inverted.orange.statistic > .value, .ui.inverted.orange.statistic > .value {
    color: #FF851B
}

.ui.inverted.yellow.statistics .statistic > .value, .ui.statistics .inverted.yellow.statistic > .value, .ui.inverted.yellow.statistic > .value {
    color: #FFE21F
}

.ui.inverted.olive.statistics .statistic > .value, .ui.statistics .inverted.olive.statistic > .value, .ui.inverted.olive.statistic > .value {
    color: #D9E778
}

.ui.inverted.green.statistics .statistic > .value, .ui.statistics .inverted.green.statistic > .value, .ui.inverted.green.statistic > .value {
    color: #2ECC40
}

.ui.inverted.teal.statistics .statistic > .value, .ui.statistics .inverted.teal.statistic > .value, .ui.inverted.teal.statistic > .value {
    color: #6DFFFF
}

.ui.inverted.blue.statistics .statistic > .value, .ui.statistics .inverted.blue.statistic > .value, .ui.inverted.blue.statistic > .value {
    color: #54C8FF
}

.ui.inverted.violet.statistics .statistic > .value, .ui.statistics .inverted.violet.statistic > .value, .ui.inverted.violet.statistic > .value {
    color: #A291FB
}

.ui.inverted.purple.statistics .statistic > .value, .ui.statistics .inverted.purple.statistic > .value, .ui.inverted.purple.statistic > .value {
    color: #DC73FF
}

.ui.inverted.pink.statistics .statistic > .value, .ui.statistics .inverted.pink.statistic > .value, .ui.inverted.pink.statistic > .value {
    color: #FF8EDF
}

.ui.inverted.brown.statistics .statistic > .value, .ui.statistics .inverted.brown.statistic > .value, .ui.inverted.brown.statistic > .value {
    color: #D67C1C
}

.ui.inverted.grey.statistics .statistic > .value, .ui.statistics .inverted.grey.statistic > .value, .ui.inverted.grey.statistic > .value {
    color: #DCDDDE
}

.ui[class*="left floated"].statistic {
    float: left;
    margin: 0 2em 1em 0
}

.ui[class*="right floated"].statistic {
    float: right;
    margin: 0 0 1em 2em
}

.ui.floated.statistic:last-child {
    margin-bottom: 0
}

.ui.mini.statistics .statistic > .value, .ui.mini.statistic > .value {
    font-size: 1.5rem !important
}

.ui.mini.horizontal.statistics .statistic > .value, .ui.mini.horizontal.statistic > .value {
    font-size: 1.5rem !important
}

.ui.mini.statistics .statistic > .text.value, .ui.mini.statistic > .text.value {
    font-size: 1rem !important
}

.ui.tiny.statistics .statistic > .value, .ui.tiny.statistic > .value {
    font-size: 2rem !important
}

.ui.tiny.horizontal.statistics .statistic > .value, .ui.tiny.horizontal.statistic > .value {
    font-size: 2rem !important
}

.ui.tiny.statistics .statistic > .text.value, .ui.tiny.statistic > .text.value {
    font-size: 1rem !important
}

.ui.small.statistics .statistic > .value, .ui.small.statistic > .value {
    font-size: 3rem !important
}

.ui.small.horizontal.statistics .statistic > .value, .ui.small.horizontal.statistic > .value {
    font-size: 2rem !important
}

.ui.small.statistics .statistic > .text.value, .ui.small.statistic > .text.value {
    font-size: 1rem !important
}

.ui.statistics .statistic > .value, .ui.statistic > .value {
    font-size: 4rem !important
}

.ui.horizontal.statistics .statistic > .value, .ui.horizontal.statistic > .value {
    font-size: 3rem !important
}

.ui.statistics .statistic > .text.value, .ui.statistic > .text.value {
    font-size: 2rem !important
}

.ui.large.statistics .statistic > .value, .ui.large.statistic > .value {
    font-size: 5rem !important
}

.ui.large.horizontal.statistics .statistic > .value, .ui.large.horizontal.statistic > .value {
    font-size: 4rem !important
}

.ui.large.statistics .statistic > .text.value, .ui.large.statistic > .text.value {
    font-size: 2.5rem !important
}

.ui.huge.statistics .statistic > .value, .ui.huge.statistic > .value {
    font-size: 6rem !important
}

.ui.huge.horizontal.statistics .statistic > .value, .ui.huge.horizontal.statistic > .value {
    font-size: 5rem !important
}

.ui.huge.statistics .statistic > .text.value, .ui.huge.statistic > .text.value {
    font-size: 2.5rem !important
}

.ui.accordion, .ui.accordion .accordion {
    max-width: 100%
}

.ui.accordion .accordion {
    margin: 1em 0 0;
    padding: 0
}

.ui.accordion .title, .ui.accordion .accordion .title {
    cursor: pointer
}

.ui.accordion .title:not(.ui) {
    padding: 0.5em 0;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: rgba(0, 0, 0, 0.87)
}

.ui.accordion .title ~ .content, .ui.accordion .accordion .title ~ .content {
    display: none
}

.ui.accordion:not(.styled) .title ~ .content:not(.ui), .ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
    margin: '';
    padding: 0.5em 0 1em
}

.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
    padding-bottom: 0
}

.ui.accordion .title .dropdown.icon, .ui.accordion .accordion .title .dropdown.icon {
    display: inline-block;
    float: none;
    opacity: 1;
    width: 1.25em;
    height: 1em;
    margin: 0 0.25rem 0 0rem;
    padding: 0;
    font-size: 1em;
    -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
    transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
    transition: transform 0.1s ease, opacity 0.1s ease;
    transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;
    vertical-align: baseline;
    -webkit-transform: none;
    transform: none
}

.ui.accordion.menu .item .title {
    display: block;
    padding: 0
}

.ui.accordion.menu .item .title > .dropdown.icon {
    float: right;
    margin: 0.21425em 0 0 1em;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ui.accordion .ui.header .dropdown.icon {
    font-size: 1em;
    margin: 0 0.25rem 0 0rem
}

.ui.accordion .active.title .dropdown.icon, .ui.accordion .accordion .active.title .dropdown.icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ui.accordion.menu .item .active.title > .dropdown.icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ui.styled.accordion {
    width: 600px
}

.ui.styled.accordion, .ui.styled.accordion .accordion {
    border-radius: 0.28571429rem;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0 0 1px rgba(34, 36, 38, 0.15)
}

.ui.styled.accordion .title, .ui.styled.accordion .accordion .title {
    margin: 0;
    padding: 0.75em 1em;
    color: rgba(0, 0, 0, 0.4);
    font-weight: bold;
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    -webkit-transition: background 0.1s ease, color 0.1s ease;
    transition: background 0.1s ease, color 0.1s ease
}

.ui.styled.accordion > .title:first-child, .ui.styled.accordion .accordion .title:first-child {
    border-top: none
}

.ui.styled.accordion .content, .ui.styled.accordion .accordion .content {
    margin: 0;
    padding: 0.5em 1em 1.5em
}

.ui.styled.accordion .accordion .content {
    padding: 0;
    padding: 0.5em 1em 1.5em
}

.ui.styled.accordion .title:hover, .ui.styled.accordion .active.title, .ui.styled.accordion .accordion .title:hover, .ui.styled.accordion .accordion .active.title {
    background: transparent;
    color: rgba(0, 0, 0, 0.87)
}

.ui.styled.accordion .accordion .title:hover, .ui.styled.accordion .accordion .active.title {
    background: transparent;
    color: rgba(0, 0, 0, 0.87)
}

.ui.styled.accordion .active.title {
    background: transparent;
    color: rgba(0, 0, 0, 0.95)
}

.ui.styled.accordion .accordion .active.title {
    background: transparent;
    color: rgba(0, 0, 0, 0.95)
}

.ui.accordion .active.content, .ui.accordion .accordion .active.content {
    display: block
}

.ui.fluid.accordion, .ui.fluid.accordion .accordion {
    width: 100%
}

.ui.inverted.accordion .title:not(.ui) {
    color: rgba(255, 255, 255, 0.9)
}

@font-face {
    font-family: 'Accordion';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
    font-weight: normal;
    font-style: normal
}

.ui.accordion .title .dropdown.icon, .ui.accordion .accordion .title .dropdown.icon {
    font-family: Accordion;
    line-height: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: normal;
    font-style: normal;
    text-align: center
}

.ui.accordion .title .dropdown.icon:before, .ui.accordion .accordion .title .dropdown.icon:before {
    content: '\f0da'
}

.ui.checkbox {
    position: relative;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: none;
    vertical-align: baseline;
    font-style: normal;
    min-height: 17px;
    font-size: 1rem;
    line-height: 17px;
    min-width: 17px
}

.ui.checkbox input[type="checkbox"], .ui.checkbox input[type="radio"] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0 !important;
    outline: none;
    z-index: 3;
    width: 17px;
    height: 17px
}

.ui.checkbox .box, .ui.checkbox label {
    cursor: auto;
    position: relative;
    display: block;
    padding-left: 1.85714em;
    outline: none;
    font-size: 1em
}

.ui.checkbox .box:before, .ui.checkbox label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    content: '';
    background: #FFF;
    border-radius: 0.21428571rem;
    -webkit-transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
    transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    border: 1px solid #D4D4D5
}

.ui.checkbox .box:after, .ui.checkbox label:after {
    position: absolute;
    font-size: 14px;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    text-align: center;
    opacity: 0;
    color: rgba(0, 0, 0, 0.87);
    -webkit-transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
    transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease
}

.ui.checkbox label, .ui.checkbox + label {
    color: rgba(0, 0, 0, 0.87);
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease
}

.ui.checkbox + label {
    vertical-align: middle
}

.ui.checkbox .box:hover::before, .ui.checkbox label:hover::before {
    background: #FFF;
    border-color: rgba(34, 36, 38, 0.35)
}

.ui.checkbox label:hover, .ui.checkbox + label:hover {
    color: rgba(0, 0, 0, 0.8)
}

.ui.checkbox .box:active::before, .ui.checkbox label:active::before {
    background: #F9FAFB;
    border-color: rgba(34, 36, 38, 0.35)
}

.ui.checkbox .box:active::after, .ui.checkbox label:active::after {
    color: rgba(0, 0, 0, 0.95)
}

.ui.checkbox input:active ~ label {
    color: rgba(0, 0, 0, 0.95)
}

.ui.checkbox input:focus ~ .box:before, .ui.checkbox input:focus ~ label:before {
    background: #FFF;
    border-color: #96C8DA
}

.ui.checkbox input:focus ~ .box:after, .ui.checkbox input:focus ~ label:after {
    color: rgba(0, 0, 0, 0.95)
}

.ui.checkbox input:focus ~ label {
    color: rgba(0, 0, 0, 0.95)
}

.ui.checkbox input:checked ~ .box:before, .ui.checkbox input:checked ~ label:before {
    background: #FFF;
    border-color: rgba(34, 36, 38, 0.35)
}

.ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {
    opacity: 1;
    color: rgba(0, 0, 0, 0.95)
}

.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before, .ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
    background: #FFF;
    border-color: rgba(34, 36, 38, 0.35)
}

.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after, .ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
    opacity: 1;
    color: rgba(0, 0, 0, 0.95)
}

.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before, .ui.checkbox input:checked:focus ~ .box:before, .ui.checkbox input:checked:focus ~ label:before {
    background: #FFF;
    border-color: #96C8DA
}

.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after, .ui.checkbox input:checked:focus ~ .box:after, .ui.checkbox input:checked:focus ~ label:after {
    color: rgba(0, 0, 0, 0.95)
}

.ui.read-only.checkbox, .ui.read-only.checkbox label {
    cursor: default
}

.ui.disabled.checkbox .box:after, .ui.disabled.checkbox label, .ui.checkbox input[disabled] ~ .box:after, .ui.checkbox input[disabled] ~ label {
    cursor: default !important;
    opacity: 0.5;
    color: #000
}

.ui.checkbox input.hidden {
    z-index: -1
}

.ui.checkbox input.hidden + label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui.radio.checkbox {
    min-height: 15px
}

.ui.radio.checkbox .box, .ui.radio.checkbox label {
    padding-left: 1.85714em
}

.ui.radio.checkbox .box:before, .ui.radio.checkbox label:before {
    content: '';
    -webkit-transform: none;
    transform: none;
    width: 15px;
    height: 15px;
    border-radius: 500rem;
    top: 1px;
    left: 0
}

.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {
    border: none;
    content: '' !important;
    width: 15px;
    height: 15px;
    line-height: 15px
}

.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {
    top: 1px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 500rem;
    -webkit-transform: scale(0.46667);
    transform: scale(0.46667);
    background-color: rgba(0, 0, 0, 0.87)
}

.ui.radio.checkbox input:focus ~ .box:before, .ui.radio.checkbox input:focus ~ label:before {
    background-color: #FFF
}

.ui.radio.checkbox input:focus ~ .box:after, .ui.radio.checkbox input:focus ~ label:after {
    background-color: rgba(0, 0, 0, 0.95)
}

.ui.radio.checkbox input:indeterminate ~ .box:after, .ui.radio.checkbox input:indeterminate ~ label:after {
    opacity: 0
}

.ui.radio.checkbox input:checked ~ .box:before, .ui.radio.checkbox input:checked ~ label:before {
    background-color: #FFF
}

.ui.radio.checkbox input:checked ~ .box:after, .ui.radio.checkbox input:checked ~ label:after {
    background-color: rgba(0, 0, 0, 0.95)
}

.ui.radio.checkbox input:focus:checked ~ .box:before, .ui.radio.checkbox input:focus:checked ~ label:before {
    background-color: #FFF
}

.ui.radio.checkbox input:focus:checked ~ .box:after, .ui.radio.checkbox input:focus:checked ~ label:after {
    background-color: rgba(0, 0, 0, 0.95)
}

.ui.slider.checkbox {
    min-height: 1.25rem
}

.ui.slider.checkbox input {
    width: 3.5rem;
    height: 1.25rem
}

.ui.slider.checkbox .box, .ui.slider.checkbox label {
    padding-left: 4.5rem;
    line-height: 1rem;
    color: rgba(0, 0, 0, 0.4)
}

.ui.slider.checkbox .box:before, .ui.slider.checkbox label:before {
    display: block;
    position: absolute;
    content: '';
    border: none !important;
    left: 0;
    z-index: 1;
    top: 0.4rem;
    background-color: rgba(0, 0, 0, 0.05);
    width: 3.5rem;
    height: 0.21428571rem;
    -webkit-transform: none;
    transform: none;
    border-radius: 500rem;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease
}

.ui.slider.checkbox .box:after, .ui.slider.checkbox label:after {
    background: #FFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background: #FFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    position: absolute;
    content: '' !important;
    opacity: 1;
    z-index: 2;
    border: none;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0 0 1px rgba(34, 36, 38, 0.15) inset;
    width: 1.5rem;
    height: 1.5rem;
    top: -0.25rem;
    left: 0;
    -webkit-transform: none;
    transform: none;
    border-radius: 500rem;
    -webkit-transition: left 0.3s ease;
    transition: left 0.3s ease
}

.ui.slider.checkbox input:focus ~ .box:before, .ui.slider.checkbox input:focus ~ label:before {
    background-color: rgba(0, 0, 0, 0.15);
    border: none
}

.ui.slider.checkbox .box:hover, .ui.slider.checkbox label:hover {
    color: rgba(0, 0, 0, 0.8)
}

.ui.slider.checkbox .box:hover::before, .ui.slider.checkbox label:hover::before {
    background: rgba(0, 0, 0, 0.15)
}

.ui.slider.checkbox input:checked ~ .box, .ui.slider.checkbox input:checked ~ label {
    color: rgba(0, 0, 0, 0.95) !important
}

.ui.slider.checkbox input:checked ~ .box:before, .ui.slider.checkbox input:checked ~ label:before {
    background-color: #545454 !important
}

.ui.slider.checkbox input:checked ~ .box:after, .ui.slider.checkbox input:checked ~ label:after {
    left: 2rem
}

.ui.slider.checkbox input:focus:checked ~ .box, .ui.slider.checkbox input:focus:checked ~ label {
    color: rgba(0, 0, 0, 0.95) !important
}

.ui.slider.checkbox input:focus:checked ~ .box:before, .ui.slider.checkbox input:focus:checked ~ label:before {
    background-color: #000 !important
}

.ui.toggle.checkbox {
    min-height: 1.5rem
}

.ui.toggle.checkbox input {
    width: 3.5rem;
    height: 1.5rem
}

.ui.toggle.checkbox .box, .ui.toggle.checkbox label {
    min-height: 1.5rem;
    padding-left: 4.5rem;
    color: rgba(0, 0, 0, 0.87)
}

.ui.toggle.checkbox label {
    padding-top: 0.15em
}

.ui.toggle.checkbox .box:before, .ui.toggle.checkbox label:before {
    display: block;
    position: absolute;
    content: '';
    z-index: 1;
    -webkit-transform: none;
    transform: none;
    border: none;
    top: 0rem;
    background: rgba(0, 0, 0, 0.05);
    width: 3.5rem;
    height: 1.5rem;
    border-radius: 500rem
}

.ui.toggle.checkbox .box:after, .ui.toggle.checkbox label:after {
    background: #FFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background: #FFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    position: absolute;
    content: '' !important;
    opacity: 1;
    z-index: 2;
    border: none;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0 0 1px rgba(34, 36, 38, 0.15) inset;
    width: 1.5rem;
    height: 1.5rem;
    top: 0rem;
    left: 0;
    border-radius: 500rem;
    -webkit-transition: background 0.3s ease, left 0.3s ease;
    transition: background 0.3s ease, left 0.3s ease
}

.ui.toggle.checkbox input ~ .box:after, .ui.toggle.checkbox input ~ label:after {
    left: -0.05rem
}

.ui.toggle.checkbox input:focus ~ .box:before, .ui.toggle.checkbox input:focus ~ label:before {
    background-color: rgba(0, 0, 0, 0.15);
    border: none
}

.ui.toggle.checkbox .box:hover::before, .ui.toggle.checkbox label:hover::before {
    background-color: rgba(0, 0, 0, 0.15);
    border: none
}

.ui.toggle.checkbox input:checked ~ .box, .ui.toggle.checkbox input:checked ~ label {
    color: rgba(0, 0, 0, 0.95) !important
}

.ui.toggle.checkbox input:checked ~ .box:before, .ui.toggle.checkbox input:checked ~ label:before {
    background-color: #2185D0 !important
}

.ui.toggle.checkbox input:checked ~ .box:after, .ui.toggle.checkbox input:checked ~ label:after {
    left: 2.15rem
}

.ui.toggle.checkbox input:focus:checked ~ .box, .ui.toggle.checkbox input:focus:checked ~ label {
    color: rgba(0, 0, 0, 0.95) !important
}

.ui.toggle.checkbox input:focus:checked ~ .box:before, .ui.toggle.checkbox input:focus:checked ~ label:before {
    background-color: #0d71bb !important
}

.ui.fitted.checkbox .box, .ui.fitted.checkbox label {
    padding-left: 0 !important
}

.ui.fitted.toggle.checkbox, .ui.fitted.toggle.checkbox {
    width: 3.5rem
}

.ui.fitted.slider.checkbox, .ui.fitted.slider.checkbox {
    width: 3.5rem
}

@font-face {
    font-family: 'Checkbox';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype")
}

.ui.checkbox label:after, .ui.checkbox .box:after {
    font-family: 'Checkbox'
}

.ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {
    content: '\e800'
}

.ui.checkbox input:indeterminate ~ .box:after, .ui.checkbox input:indeterminate ~ label:after {
    font-size: 12px;
    content: '\e801'
}

.dimmable:not(.body) {
    position: relative
}

.ui.dimmer {
    display: none;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0.85);
    opacity: 0;
    line-height: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: opacity;
    z-index: 1000
}

.ui.dimmer > .content {
    width: 100%;
    height: 100%;
    display: table;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.ui.dimmer > .content > * {
    display: table-cell;
    vertical-align: middle;
    color: #FFF
}

.ui.segment > .ui.dimmer {
    border-radius: inherit !important
}

.animating.dimmable:not(body), .dimmed.dimmable:not(body) {
    overflow: hidden
}

.dimmed.dimmable > .ui.animating.dimmer, .dimmed.dimmable > .ui.visible.dimmer, .ui.active.dimmer {
    display: block;
    opacity: 1
}

.ui.disabled.dimmer {
    width: 0 !important;
    height: 0 !important
}

.ui.page.dimmer {
    position: fixed;
    -webkit-transform-style: '';
    transform-style: '';
    -webkit-perspective: 2000px;
    perspective: 2000px;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

body.animating.in.dimmable, body.dimmed.dimmable {
    overflow: hidden
}

body.dimmable > .dimmer {
    position: fixed
}

.blurring.dimmable > :not(.dimmer) {
    -webkit-filter: blur(0px) grayscale(0);
    filter: blur(0px) grayscale(0);
    -webkit-transition: 800ms -webkit-filter ease;
    transition: 800ms -webkit-filter ease;
    transition: 800ms filter ease;
    transition: 800ms filter ease, 800ms -webkit-filter ease
}

.blurring.dimmed.dimmable > :not(.dimmer) {
    -webkit-filter: blur(5px) grayscale(0.7);
    filter: blur(5px) grayscale(0.7)
}

.blurring.dimmable > .dimmer {
    background-color: rgba(0, 0, 0, 0.6)
}

.blurring.dimmable > .inverted.dimmer {
    background-color: rgba(255, 255, 255, 0.6)
}

.ui.dimmer > .top.aligned.content > * {
    vertical-align: top
}

.ui.dimmer > .bottom.aligned.content > * {
    vertical-align: bottom
}

.ui.inverted.dimmer {
    background-color: rgba(255, 255, 255, 0.85)
}

.ui.inverted.dimmer > .content > * {
    color: #FFF
}

.ui.simple.dimmer {
    display: block;
    overflow: hidden;
    opacity: 1;
    width: 0;
    height: 0;
    z-index: -100;
    background-color: transparent
}

.dimmed.dimmable > .ui.simple.dimmer {
    overflow: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 1
}

.ui.simple.inverted.dimmer {
    background-color: rgba(255, 255, 255, 0)
}

.dimmed.dimmable > .ui.simple.inverted.dimmer {
    background-color: rgba(255, 255, 255, 0.85)
}

.ui.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: none;
    text-align: left;
    -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
    transition: box-shadow 0.1s ease, width 0.1s ease;
    -webkit-tap-highlight-color: transparent
}

.ui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    outline: none;
    top: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0 0;
    background: #FFF;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-radius: 0.28571429rem;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
    z-index: 11;
    will-change: transform, opacity
}

.ui.dropdown .menu > * {
    white-space: nowrap
}

.ui.dropdown > input:not(.search):first-child, .ui.dropdown > select {
    display: none !important
}

.ui.dropdown > .dropdown.icon {
    position: relative;
    width: auto;
    font-size: 0.85714286em;
    margin: 0 0 0 1em
}

.ui.dropdown .menu > .item .dropdown.icon {
    width: auto;
    float: right;
    margin: 0 0 0 1em
}

.ui.dropdown .menu > .item .dropdown.icon + .text {
    margin-right: 1em
}

.ui.dropdown > .text {
    display: inline-block;
    -webkit-transition: none;
    transition: none
}

.ui.dropdown .menu > .item {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: rgba(0, 0, 0, 0.87);
    padding: 0.78571429rem 1.14285714rem !important;
    font-size: 1rem;
    text-transform: none;
    font-weight: normal;
    box-shadow: none;
    -webkit-touch-callout: none
}

.ui.dropdown .menu > .item:first-child {
    border-top-width: 0
}

.ui.dropdown > .text > [class*="right floated"], .ui.dropdown .menu .item > [class*="right floated"] {
    float: right !important;
    margin-right: 0 !important;
    margin-left: 1em !important
}

.ui.dropdown > .text > [class*="left floated"], .ui.dropdown .menu .item > [class*="left floated"] {
    float: left !important;
    margin-left: 0 !important;
    margin-right: 1em !important
}

.ui.dropdown .menu .item > .icon.floated, .ui.dropdown .menu .item > .flag.floated, .ui.dropdown .menu .item > .image.floated, .ui.dropdown .menu .item > img.floated {
    margin-top: 0
}

.ui.dropdown .menu > .header {
    margin: 1rem 0rem 0.75rem;
    padding: 0 1.14285714rem;
    color: rgba(0, 0, 0, 0.85);
    font-size: 0.78571429em;
    font-weight: bold;
    text-transform: uppercase
}

.ui.dropdown .menu > .divider {
    border-top: 1px solid rgba(34, 36, 38, 0.1);
    height: 0;
    margin: 0.5em 0
}

.ui.dropdown .menu > .input {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1.14285714rem 0.78571429rem;
    min-width: 10rem
}

.ui.dropdown .menu > .header + .input {
    margin-top: 0
}

.ui.dropdown .menu > .input:not(.transparent) input {
    padding: 0.5em 1em
}

.ui.dropdown .menu > .input:not(.transparent) .button, .ui.dropdown .menu > .input:not(.transparent) .icon, .ui.dropdown .menu > .input:not(.transparent) .label {
    padding-top: 0.5em;
    padding-bottom: 0.5em
}

.ui.dropdown > .text > .description, .ui.dropdown .menu > .item > .description {
    float: right;
    margin: 0 0 0 1em;
    color: rgba(0, 0, 0, 0.4)
}

.ui.dropdown .menu > .message {
    padding: 0.78571429rem 1.14285714rem;
    font-weight: normal
}

.ui.dropdown .menu > .message:not(.ui) {
    color: rgba(0, 0, 0, 0.4)
}

.ui.dropdown .menu .menu {
    top: 0 !important;
    left: 100% !important;
    right: auto !important;
    margin: 0 0 0 -0.5em !important;
    border-radius: 0.28571429rem !important;
    z-index: 21 !important
}

.ui.dropdown .menu .menu:after {
    display: none
}

.ui.dropdown > .text > .icon, .ui.dropdown > .text > .label, .ui.dropdown > .text > .flag, .ui.dropdown > .text > img, .ui.dropdown > .text > .image {
    margin-top: 0
}

.ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img {
    margin-top: 0
}

.ui.dropdown > .text > .icon, .ui.dropdown > .text > .label, .ui.dropdown > .text > .flag, .ui.dropdown > .text > img, .ui.dropdown > .text > .image, .ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img {
    margin-left: 0;
    float: none;
    margin-right: 0.78571429rem
}

.ui.dropdown > .text > img, .ui.dropdown > .text > .image, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    max-height: 2em
}

.ui.dropdown .ui.menu > .item:before, .ui.menu .ui.dropdown .menu > .item:before {
    display: none
}

.ui.menu .ui.dropdown .menu .active.item {
    border-left: none
}

.ui.menu .right.menu .dropdown:last-child .menu, .ui.menu .right.dropdown.item .menu, .ui.buttons > .ui.dropdown:last-child .menu {
    left: auto;
    right: 0
}

.ui.label.dropdown .menu {
    min-width: 100%
}

.ui.dropdown.icon.button > .dropdown.icon {
    margin: 0
}

.ui.button.dropdown .menu {
    min-width: 100%
}

.ui.selection.dropdown {
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    outline: 0;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    min-width: 14em;
    min-height: 2.7142em;
    background: #FFF;
    display: inline-block;
    padding: 0.78571429em 2.1em 0.78571429em 1em;
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-radius: 0.28571429rem;
    -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
    transition: box-shadow 0.1s ease, width 0.1s ease
}

.ui.selection.dropdown.visible, .ui.selection.dropdown.active {
    z-index: 10
}

select.ui.dropdown {
    height: 38px;
    padding: 0.5em;
    border: 1px solid rgba(34, 36, 38, 0.15);
    visibility: visible
}

.ui.selection.dropdown > .search.icon, .ui.selection.dropdown > .delete.icon, .ui.selection.dropdown > .dropdown.icon {
    cursor: pointer;
    position: absolute;
    width: auto;
    height: auto;
    line-height: 1.2142em;
    top: 0.78571429em;
    right: 1em;
    z-index: 3;
    margin: -0.78571429em;
    padding: 0.78571429em;
    opacity: 0.8;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease
}

.ui.compact.selection.dropdown {
    min-width: 0
}

.ui.selection.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    border-top-width: 0 !important;
    width: auto;
    outline: none;
    margin: 0 -1px;
    min-width: calc(100% + 2px);
    width: calc(100% + 2px);
    border-radius: 0 0 0.28571429rem 0.28571429rem;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease
}

.ui.selection.dropdown .menu:after, .ui.selection.dropdown .menu:before {
    display: none
}

.ui.selection.dropdown .menu > .message {
    padding: 0.78571429rem 1.14285714rem
}

@media only screen and (max-width: 767px) {
    .ui.selection.dropdown .menu {
        max-height: 8.01428571rem
    }
}

@media only screen and (min-width: 768px) {
    .ui.selection.dropdown .menu {
        max-height: 10.68571429rem
    }
}

@media only screen and (min-width: 992px) {
    .ui.selection.dropdown .menu {
        max-height: 16.02857143rem
    }
}

@media only screen and (min-width: 1920px) {
    .ui.selection.dropdown .menu {
        max-height: 21.37142857rem
    }
}

.ui.selection.dropdown .menu > .item {
    border-top: 1px solid #FAFAFA;
    padding: 0.78571429rem 1.14285714rem !important;
    white-space: normal;
    word-wrap: normal
}

.ui.selection.dropdown .menu > .hidden.addition.item {
    display: none
}

.ui.selection.dropdown:hover {
    border-color: rgba(34, 36, 38, 0.35);
    box-shadow: none
}

.ui.selection.active.dropdown {
    border-color: #96C8DA;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15)
}

.ui.selection.active.dropdown .menu {
    border-color: #96C8DA;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15)
}

.ui.selection.dropdown:focus {
    border-color: #96C8DA;
    box-shadow: none
}

.ui.selection.dropdown:focus .menu {
    border-color: #96C8DA;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15)
}

.ui.selection.visible.dropdown > .text:not(.default) {
    font-weight: normal;
    color: rgba(0, 0, 0, 0.8)
}

.ui.selection.active.dropdown:hover {
    border-color: #96C8DA;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15)
}

.ui.selection.active.dropdown:hover .menu {
    border-color: #96C8DA;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15)
}

.ui.active.selection.dropdown > .dropdown.icon, .ui.visible.selection.dropdown > .dropdown.icon {
    opacity: 1;
    z-index: 3
}

.ui.active.selection.dropdown {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.ui.active.empty.selection.dropdown {
    border-radius: 0.28571429rem !important;
    box-shadow: none !important
}

.ui.active.empty.selection.dropdown .menu {
    border: none !important;
    box-shadow: none !important
}

.ui.search.dropdown {
    min-width: ''
}

.ui.search.dropdown > input.search {
    background: none transparent !important;
    border: none !important;
    box-shadow: none !important;
    cursor: text;
    top: 0;
    left: 1px;
    width: 100%;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    padding: inherit
}

.ui.search.dropdown > input.search {
    position: absolute;
    z-index: 2
}

.ui.search.dropdown > .text {
    cursor: text;
    position: relative;
    left: 1px;
    z-index: 3
}

.ui.search.selection.dropdown > input.search {
    line-height: 1.2142em;
    padding: 0.67861429em 2.1em 0.67861429em 1em
}

.ui.search.selection.dropdown > span.sizer {
    line-height: 1.2142em;
    padding: 0.67861429em 2.1em 0.67861429em 1em;
    display: none;
    white-space: pre
}

.ui.search.dropdown.active > input.search, .ui.search.dropdown.visible > input.search {
    cursor: auto
}

.ui.search.dropdown.active > .text, .ui.search.dropdown.visible > .text {
    pointer-events: none
}

.ui.active.search.dropdown input.search:focus + .text .icon, .ui.active.search.dropdown input.search:focus + .text .flag {
    opacity: 0.45
}

.ui.active.search.dropdown input.search:focus + .text {
    color: rgba(115, 115, 115, 0.87) !important
}

.ui.search.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

@media only screen and (max-width: 767px) {
    .ui.search.dropdown .menu {
        max-height: 8.01428571rem
    }
}

@media only screen and (min-width: 768px) {
    .ui.search.dropdown .menu {
        max-height: 10.68571429rem
    }
}

@media only screen and (min-width: 992px) {
    .ui.search.dropdown .menu {
        max-height: 16.02857143rem
    }
}

@media only screen and (min-width: 1920px) {
    .ui.search.dropdown .menu {
        max-height: 21.37142857rem
    }
}

.ui.multiple.dropdown {
    padding: 0.22620476em 2.1em 0.22620476em 0.35714286em
}

.ui.multiple.dropdown .menu {
    cursor: auto
}

.ui.multiple.search.dropdown, .ui.multiple.search.dropdown > input.search {
    cursor: text
}

.ui.multiple.dropdown > .label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 1em;
    padding: 0.35714286em 0.78571429em;
    margin: 0.14285714rem 0.28571429rem 0.14285714rem 0;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset
}

.ui.multiple.dropdown .dropdown.icon {
    margin: '';
    padding: ''
}

.ui.multiple.dropdown > .text {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: 0.45240952em 0 0.45240952em 0.64285714em;
    line-height: 1.21428571em
}

.ui.multiple.dropdown > .label ~ input.search {
    margin-left: 0.14285714em !important
}

.ui.multiple.dropdown > .label ~ .text {
    display: none
}

.ui.multiple.search.dropdown > .text {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: inherit;
    margin: 0.45240952em 0 0.45240952em 0.64285714em;
    line-height: 1.21428571em
}

.ui.multiple.search.dropdown > .label ~ .text {
    display: none
}

.ui.multiple.search.dropdown > input.search {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: 0.45240952em 0 0.45240952em 0.64285714em;
    width: 2.2em;
    line-height: 1.21428571em
}

.ui.inline.dropdown {
    cursor: pointer;
    display: inline-block;
    color: inherit
}

.ui.inline.dropdown .dropdown.icon {
    margin: 0 0.5em 0 0.21428571em;
    vertical-align: baseline
}

.ui.inline.dropdown > .text {
    font-weight: bold
}

.ui.inline.dropdown .menu {
    cursor: auto;
    margin-top: 0.21428571em;
    border-radius: 0.28571429rem
}

.ui.dropdown .menu .active.item {
    background: transparent;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.95);
    box-shadow: none;
    z-index: 12
}

.ui.dropdown .menu > .item:hover {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95);
    z-index: 13
}

.ui.loading.dropdown > i.icon {
    height: 1em !important;
    padding: 1.14285714em 1.07142857em !important
}

.ui.loading.dropdown > i.icon:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285714em 0 0 -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1)
}

.ui.loading.dropdown > i.icon:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    box-shadow: 0 0 0 1px transparent;
    margin: -0.64285714em 0 0 -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: dropdown-spin 0.6s linear;
    animation: dropdown-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: 0.2em
}

.ui.loading.dropdown.button > i.icon:before, .ui.loading.dropdown.button > i.icon:after {
    display: none
}

@-webkit-keyframes dropdown-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes dropdown-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui.dropdown:not(.button) > .default.text, .ui.default.dropdown:not(.button) > .text {
    color: rgba(191, 191, 191, 0.87)
}

.ui.dropdown:not(.button) > input:focus + .default.text, .ui.default.dropdown:not(.button) > input:focus + .text {
    color: rgba(115, 115, 115, 0.87)
}

.ui.loading.dropdown > .text {
    -webkit-transition: none;
    transition: none
}

.ui.dropdown .loading.menu {
    display: block;
    visibility: hidden;
    z-index: -1
}

.ui.dropdown.selected, .ui.dropdown .menu .selected.item {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.95)
}

.ui.dropdown > .filtered.text {
    visibility: hidden
}

.ui.dropdown .filtered.item {
    display: none !important
}

.ui.dropdown.error, .ui.dropdown.error > .text, .ui.dropdown.error > .default.text {
    color: #9F3A38
}

.ui.selection.dropdown.error {
    background: #FFF6F6;
    border-color: #E0B4B4
}

.ui.selection.dropdown.error:hover {
    border-color: #E0B4B4
}

.ui.dropdown.error > .menu, .ui.dropdown.error > .menu .menu {
    border-color: #E0B4B4
}

.ui.dropdown.error > .menu > .item {
    color: #9F3A38
}

.ui.multiple.selection.error.dropdown > .label {
    border-color: #E0B4B4
}

.ui.dropdown.error > .menu > .item:hover {
    background-color: #FFF2F2
}

.ui.dropdown.error > .menu .active.item {
    background-color: #FDCFCF
}

.ui.disabled.dropdown, .ui.dropdown .menu > .disabled.item {
    cursor: default;
    pointer-events: none;
    opacity: 0.45
}

.ui.dropdown .menu {
    left: 0
}

.ui.dropdown .right.menu > .menu, .ui.dropdown .menu .right.menu {
    left: 100% !important;
    right: auto !important;
    border-radius: 0.28571429rem !important
}

.ui.dropdown > .left.menu .menu, .ui.dropdown .menu .left.menu {
    left: auto !important;
    right: 100% !important;
    border-radius: 0.28571429rem !important
}

.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon {
    width: auto;
    float: left;
    margin: 0 0.78571429rem 0 0
}

.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon {
    width: auto;
    float: left;
    margin: 0 0.78571429rem 0 0
}

.ui.dropdown .item .left.dropdown.icon + .text, .ui.dropdown .left.menu .item .dropdown.icon + .text {
    margin-left: 1em
}

.ui.upward.dropdown > .menu {
    top: auto;
    bottom: 100%;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
    border-radius: 0.28571429rem 0.28571429rem 0 0
}

.ui.dropdown .upward.menu {
    top: auto !important;
    bottom: 0 !important
}

.ui.simple.upward.active.dropdown, .ui.simple.upward.dropdown:hover {
    border-radius: 0.28571429rem 0.28571429rem 0 0 !important
}

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
    border-radius: 0.28571429rem 0.28571429rem 0 0
}

.ui.upward.selection.dropdown .menu {
    border-top-width: 1px !important;
    border-bottom-width: 0 !important;
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08)
}

.ui.upward.selection.dropdown:hover {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05)
}

.ui.active.upward.selection.dropdown {
    border-radius: 0 0 0.28571429rem 0.28571429rem !important
}

.ui.upward.selection.dropdown.visible {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
    border-radius: 0 0 0.28571429rem 0.28571429rem !important
}

.ui.upward.active.selection.dropdown:hover {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05)
}

.ui.upward.active.selection.dropdown:hover .menu {
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08)
}

.ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu {
    overflow-x: hidden;
    overflow-y: auto
}

.ui.scrolling.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    min-width: 100% !important;
    width: auto !important
}

.ui.dropdown .scrolling.menu {
    position: static;
    overflow-y: auto;
    border: none;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    min-width: 100% !important;
    width: auto !important;
    border-top: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.scrolling.dropdown .menu .item.item.item, .ui.dropdown .scrolling.menu > .item.item.item {
    border-top: none;
    padding-right: calc(1.14285714rem + 17px) !important
}

.ui.scrolling.dropdown .menu .item:first-child, .ui.dropdown .scrolling.menu .item:first-child {
    border-top: none
}

.ui.dropdown > .animating.menu .scrolling.menu, .ui.dropdown > .visible.menu .scrolling.menu {
    display: block
}

@media all and (-ms-high-contrast: none) {
    .ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu {
        min-width: calc(100% - 17px)
    }
}

@media only screen and (max-width: 767px) {
    .ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu {
        max-height: 10.28571429rem
    }
}

@media only screen and (min-width: 768px) {
    .ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu {
        max-height: 15.42857143rem
    }
}

@media only screen and (min-width: 992px) {
    .ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu {
        max-height: 20.57142857rem
    }
}

@media only screen and (min-width: 1920px) {
    .ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu {
        max-height: 20.57142857rem
    }
}

.ui.simple.dropdown .menu:before, .ui.simple.dropdown .menu:after {
    display: none
}

.ui.simple.dropdown .menu {
    position: absolute;
    display: block;
    overflow: hidden;
    top: -9999px !important;
    opacity: 0;
    width: 0;
    height: 0;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease
}

.ui.simple.active.dropdown, .ui.simple.dropdown:hover {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.ui.simple.active.dropdown > .menu, .ui.simple.dropdown:hover > .menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 100% !important;
    opacity: 1
}

.ui.simple.dropdown > .menu > .item:active > .menu, .ui.simple.dropdown:hover > .menu > .item:hover > .menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 0 !important;
    left: 100% !important;
    opacity: 1
}

.ui.simple.disabled.dropdown:hover .menu {
    display: none;
    height: 0;
    width: 0;
    overflow: hidden
}

.ui.simple.visible.dropdown > .menu {
    display: block
}

.ui.fluid.dropdown {
    display: block;
    width: 100%;
    min-width: 0
}

.ui.fluid.dropdown > .dropdown.icon {
    float: right
}

.ui.floating.dropdown .menu {
    left: 0;
    right: auto;
    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0px 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
    border-radius: 0.28571429rem !important
}

.ui.floating.dropdown > .menu {
    margin-top: 0.5em !important;
    border-radius: 0.28571429rem !important
}

.ui.pointing.dropdown > .menu {
    top: 100%;
    margin-top: 0.78571429rem;
    border-radius: 0.28571429rem
}

.ui.pointing.dropdown > .menu:after {
    display: block;
    position: absolute;
    pointer-events: none;
    content: '';
    visibility: visible;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 0.5em;
    height: 0.5em;
    box-shadow: -1px -1px 0 1px rgba(34, 36, 38, 0.15);
    background: #FFF;
    z-index: 2
}

.ui.pointing.dropdown > .menu:after {
    top: -0.25em;
    left: 50%;
    margin: 0 0 0 -0.25em
}

.ui.top.left.pointing.dropdown > .menu {
    top: 100%;
    bottom: auto;
    left: 0;
    right: auto;
    margin: 1em 0 0
}

.ui.top.left.pointing.dropdown > .menu {
    top: 100%;
    bottom: auto;
    left: 0;
    right: auto;
    margin: 1em 0 0
}

.ui.top.left.pointing.dropdown > .menu:after {
    top: -0.25em;
    left: 1em;
    right: auto;
    margin: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ui.top.right.pointing.dropdown > .menu {
    top: 100%;
    bottom: auto;
    right: 0;
    left: auto;
    margin: 1em 0 0
}

.ui.top.right.pointing.dropdown > .menu:after {
    top: -0.25em;
    left: auto;
    right: 1em;
    margin: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ui.left.pointing.dropdown > .menu {
    top: 0;
    left: 100%;
    right: auto;
    margin: 0 0 0 1em
}

.ui.left.pointing.dropdown > .menu:after {
    top: 1em;
    left: -0.25em;
    margin: 0 0 0 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ui.right.pointing.dropdown > .menu {
    top: 0;
    left: auto;
    right: 100%;
    margin: 0 1em 0 0
}

.ui.right.pointing.dropdown > .menu:after {
    top: 1em;
    left: auto;
    right: -0.25em;
    margin: 0 0 0 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.ui.bottom.pointing.dropdown > .menu {
    top: auto;
    bottom: 100%;
    left: 0;
    right: auto;
    margin: 0 0 1em
}

.ui.bottom.pointing.dropdown > .menu:after {
    top: auto;
    bottom: -0.25em;
    right: auto;
    margin: 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.ui.bottom.pointing.dropdown > .menu .menu {
    top: auto !important;
    bottom: 0 !important
}

.ui.bottom.left.pointing.dropdown > .menu {
    left: 0;
    right: auto
}

.ui.bottom.left.pointing.dropdown > .menu:after {
    left: 1em;
    right: auto
}

.ui.bottom.right.pointing.dropdown > .menu {
    right: 0;
    left: auto
}

.ui.bottom.right.pointing.dropdown > .menu:after {
    left: auto;
    right: 1em
}

.ui.upward.pointing.dropdown > .menu, .ui.upward.top.pointing.dropdown > .menu {
    top: auto;
    bottom: 100%;
    margin: 0 0 0.78571429rem;
    border-radius: 0.28571429rem
}

.ui.upward.pointing.dropdown > .menu:after, .ui.upward.top.pointing.dropdown > .menu:after {
    top: 100%;
    bottom: auto;
    box-shadow: 1px 1px 0 1px rgba(34, 36, 38, 0.15);
    margin: -0.25em 0 0
}

@font-face {
    font-family: 'Dropdown';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
    font-weight: normal;
    font-style: normal
}

.ui.dropdown > .dropdown.icon {
    font-family: 'Dropdown';
    line-height: 1;
    height: 1em;
    width: 1.23em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: normal;
    font-style: normal;
    text-align: center
}

.ui.dropdown > .dropdown.icon {
    width: auto
}

.ui.dropdown > .dropdown.icon:before {
    content: '\f0d7'
}

.ui.dropdown .menu .item .dropdown.icon:before {
    content: '\f0da'
}

.ui.dropdown .item .left.dropdown.icon:before, .ui.dropdown .left.menu .item .dropdown.icon:before {
    content: "\f0d9"
}

.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
    content: "\f0da"
}

.ui.embed {
    position: relative;
    max-width: 100%;
    height: 0;
    overflow: hidden;
    background: #DCDDDE;
    padding-bottom: 56.25%
}

.ui.embed iframe, .ui.embed embed, .ui.embed object {
    position: absolute;
    border: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0
}

.ui.embed > .embed {
    display: none
}

.ui.embed > .placeholder {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3))
}

.ui.embed > .icon {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.ui.embed > .icon:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    content: '';
    background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
    background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
    opacity: 0.5;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}

.ui.embed > .icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #FFF;
    font-size: 6rem;
    text-shadow: 0 2px 10px rgba(34, 36, 38, 0.2);
    -webkit-transition: opacity 0.5s ease, color 0.5s ease;
    transition: opacity 0.5s ease, color 0.5s ease;
    z-index: 10
}

.ui.embed .icon:hover:after {
    background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
    background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
    opacity: 1
}

.ui.embed .icon:hover:before {
    color: #FFF
}

.ui.active.embed > .icon, .ui.active.embed > .placeholder {
    display: none
}

.ui.active.embed > .embed {
    display: block
}

.ui.square.embed {
    padding-bottom: 100%
}

.ui[class*="4:3"].embed {
    padding-bottom: 75%
}

.ui[class*="16:9"].embed {
    padding-bottom: 56.25%
}

.ui[class*="21:9"].embed {
    padding-bottom: 42.85714286%
}

.ui.modal {
    display: none;
    position: fixed;
    z-index: 1001;
    top: 50%;
    left: 50%;
    text-align: left;
    background: #FFF;
    border: none;
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform-origin: 50% 25%;
    transform-origin: 50% 25%;
    border-radius: 0.28571429rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    will-change: top, left, margin, transform, opacity
}

.ui.modal > :first-child:not(.icon), .ui.modal > .icon:first-child + * {
    border-top-left-radius: 0.28571429rem;
    border-top-right-radius: 0.28571429rem
}

.ui.modal > :last-child {
    border-bottom-left-radius: 0.28571429rem;
    border-bottom-right-radius: 0.28571429rem
}

.ui.modal > .close {
    cursor: pointer;
    position: absolute;
    top: -2.5rem;
    right: -2.5rem;
    z-index: 1;
    opacity: 0.8;
    font-size: 1.25em;
    color: #FFF;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0.625rem 0rem 0rem 0rem
}

.ui.modal > .close:hover {
    opacity: 1
}

.ui.modal > .header {
    display: block;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    background: #FFF;
    margin: 0;
    padding: 1.25rem 1.5rem;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.85);
    border-bottom: 1px solid rgba(34, 36, 38, 0.15)
}

.ui.modal > .header:not(.ui) {
    font-size: 1.42857143rem;
    line-height: 1.2857em;
    font-weight: bold
}

.ui.modal > .content {
    display: block;
    width: 100%;
    font-size: 1em;
    line-height: 1.4;
    padding: 1.5rem;
    background: #FFF
}

.ui.modal > .image.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.ui.modal > .content > .image {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: '';
    -ms-flex-item-align: top;
    align-self: top
}

.ui.modal > [class*="top aligned"] {
    -ms-flex-item-align: top;
    align-self: top
}

.ui.modal > [class*="middle aligned"] {
    -ms-flex-item-align: middle;
    align-self: middle
}

.ui.modal > [class*="stretched"] {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.ui.modal > .content > .description {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: 0;
    -ms-flex-item-align: top;
    align-self: top
}

.ui.modal > .content > .icon + .description, .ui.modal > .content > .image + .description {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: '';
    width: auto;
    padding-left: 2em
}

.ui.modal > .content > .image > i.icon {
    margin: 0;
    opacity: 1;
    width: auto;
    line-height: 1;
    font-size: 8rem
}

.ui.modal > .actions {
    background: #F9FAFB;
    padding: 1rem 1rem;
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    text-align: right
}

.ui.modal .actions > .button {
    margin-left: 0.75em
}

@media only screen and (max-width: 767px) {
    .ui.modal {
        width: 95%;
        margin: 0 0 0 -47.5%
    }
}

@media only screen and (min-width: 768px) {
    .ui.modal {
        width: 88%;
        margin: 0 0 0 -44%
    }
}

@media only screen and (min-width: 992px) {
    .ui.modal {
        width: 850px;
        margin: 0 0 0 -425px
    }
}

@media only screen and (min-width: 1200px) {
    .ui.modal {
        width: 900px;
        margin: 0 0 0 -450px
    }
}

@media only screen and (min-width: 1920px) {
    .ui.modal {
        width: 950px;
        margin: 0 0 0 -475px
    }
}

@media only screen and (max-width: 991px) {
    .ui.modal > .header {
        padding-right: 2.25rem
    }

    .ui.modal > .close {
        top: 1.0535rem;
        right: 1rem;
        color: rgba(0, 0, 0, 0.87)
    }
}

@media only screen and (max-width: 767px) {
    .ui.modal > .header {
        padding: 0.75rem 1rem !important;
        padding-right: 2.25rem !important
    }

    .ui.modal > .content {
        display: block;
        padding: 1rem !important
    }

    .ui.modal > .close {
        top: 0.5rem !important;
        right: 0.5rem !important
    }

    .ui.modal .image.content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ui.modal .content > .image {
        display: block;
        max-width: 100%;
        margin: 0 auto !important;
        text-align: center;
        padding: 0rem 0rem 1rem !important
    }

    .ui.modal > .content > .image > i.icon {
        font-size: 5rem;
        text-align: center
    }

    .ui.modal .content > .description {
        display: block;
        width: 100% !important;
        margin: 0 !important;
        padding: 1rem 0rem !important;
        box-shadow: none
    }

    .ui.modal > .actions {
        padding: 1rem 1rem 0rem !important
    }

    .ui.modal .actions > .buttons, .ui.modal .actions > .button {
        margin-bottom: 1rem
    }
}

.ui.inverted.dimmer > .ui.modal {
    box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2)
}

.ui.basic.modal {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none !important;
    color: #FFF
}

.ui.basic.modal > .header, .ui.basic.modal > .content, .ui.basic.modal > .actions {
    background-color: transparent
}

.ui.basic.modal > .header {
    color: #FFF
}

.ui.basic.modal > .close {
    top: 1rem;
    right: 1.5rem
}

.ui.inverted.dimmer > .basic.modal {
    color: rgba(0, 0, 0, 0.87)
}

.ui.inverted.dimmer > .ui.basic.modal > .header {
    color: rgba(0, 0, 0, 0.85)
}

@media only screen and (max-width: 991px) {
    .ui.basic.modal > .close {
        color: #FFF
    }
}

.ui.active.modal {
    display: block
}

.scrolling.dimmable.dimmed {
    overflow: hidden
}

.scrolling.dimmable.dimmed > .dimmer {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.scrolling.dimmable > .dimmer {
    position: fixed
}

.modals.dimmer .ui.scrolling.modal {
    position: static !important;
    margin: 3.5rem auto !important
}

.scrolling.undetached.dimmable.dimmed {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.scrolling.undetached.dimmable.dimmed > .dimmer {
    overflow: hidden
}

.scrolling.undetached.dimmable .ui.scrolling.modal {
    position: absolute;
    left: 50%;
    margin-top: 3.5rem !important
}

.undetached.dimmable.dimmed > .pusher {
    z-index: auto
}

@media only screen and (max-width: 991px) {
    .modals.dimmer .ui.scrolling.modal {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
}

.ui.fullscreen.modal {
    width: 95% !important;
    left: 2.5% !important;
    margin: 1em auto
}

.ui.fullscreen.scrolling.modal {
    left: 0 !important
}

.ui.fullscreen.modal > .header {
    padding-right: 2.25rem
}

.ui.fullscreen.modal > .close {
    top: 1.0535rem;
    right: 1rem;
    color: rgba(0, 0, 0, 0.87)
}

.ui.modal {
    font-size: 1rem
}

.ui.small.modal > .header:not(.ui) {
    font-size: 1.3em
}

@media only screen and (max-width: 767px) {
    .ui.small.modal {
        width: 95%;
        margin: 0 0 0 -47.5%
    }
}

@media only screen and (min-width: 768px) {
    .ui.small.modal {
        width: 70.4%;
        margin: 0 0 0 -35.2%
    }
}

@media only screen and (min-width: 992px) {
    .ui.small.modal {
        width: 680px;
        margin: 0 0 0 -340px
    }
}

@media only screen and (min-width: 1200px) {
    .ui.small.modal {
        width: 720px;
        margin: 0 0 0 -360px
    }
}

@media only screen and (min-width: 1920px) {
    .ui.small.modal {
        width: 760px;
        margin: 0 0 0 -380px
    }
}

.ui.large.modal > .header {
    font-size: 1.6em
}

@media only screen and (max-width: 767px) {
    .ui.large.modal {
        width: 95%;
        margin: 0 0 0 -47.5%
    }
}

@media only screen and (min-width: 768px) {
    .ui.large.modal {
        width: 88%;
        margin: 0 0 0 -44%
    }
}

@media only screen and (min-width: 992px) {
    .ui.large.modal {
        width: 1020px;
        margin: 0 0 0 -510px
    }
}

@media only screen and (min-width: 1200px) {
    .ui.large.modal {
        width: 1080px;
        margin: 0 0 0 -540px
    }
}

@media only screen and (min-width: 1920px) {
    .ui.large.modal {
        width: 1140px;
        margin: 0 0 0 -570px
    }
}

.ui.nag {
    display: none;
    opacity: 0.95;
    position: relative;
    top: 0;
    left: 0;
    z-index: 999;
    min-height: 0;
    width: 100%;
    margin: 0;
    padding: 0.75em 1em;
    background: #555;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    font-size: 1rem;
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 0 0 0.28571429rem 0.28571429rem;
    -webkit-transition: 0.2s background ease;
    transition: 0.2s background ease
}

a.ui.nag {
    cursor: pointer
}

.ui.nag > .title {
    display: inline-block;
    margin: 0 0.5em;
    color: #FFF
}

.ui.nag > .close.icon {
    cursor: pointer;
    opacity: 0.4;
    position: absolute;
    top: 50%;
    right: 1em;
    font-size: 1em;
    margin: -0.5em 0 0;
    color: #FFF;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}

.ui.nag:hover {
    background: #555;
    opacity: 1
}

.ui.nag .close:hover {
    opacity: 1
}

.ui.overlay.nag {
    position: absolute;
    display: block
}

.ui.fixed.nag {
    position: fixed
}

.ui.bottom.nags, .ui.bottom.nag {
    border-radius: 0.28571429rem 0.28571429rem 0 0;
    top: auto;
    bottom: 0
}

.ui.inverted.nags .nag, .ui.inverted.nag {
    background-color: #F3F4F5;
    color: rgba(0, 0, 0, 0.85)
}

.ui.inverted.nags .nag .close, .ui.inverted.nags .nag .title, .ui.inverted.nag .close, .ui.inverted.nag .title {
    color: rgba(0, 0, 0, 0.4)
}

.ui.nags .nag {
    border-radius: 0 !important
}

.ui.nags .nag:last-child {
    border-radius: 0 0 0.28571429rem 0.28571429rem
}

.ui.bottom.nags .nag:last-child {
    border-radius: 0.28571429rem 0.28571429rem 0 0
}

.ui.popup {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    z-index: 1900;
    border: 1px solid #D4D4D5;
    line-height: 1.4285em;
    max-width: 250px;
    background: #FFF;
    padding: 0.833em 1em;
    font-weight: normal;
    font-style: normal;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 0.28571429rem;
    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0px 2px 10px 0 rgba(34, 36, 38, 0.15)
}

.ui.popup > .header {
    padding: 0;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1.14285714em;
    line-height: 1.2;
    font-weight: bold
}

.ui.popup > .header + .content {
    padding-top: 0.5em
}

.ui.popup:before {
    position: absolute;
    content: '';
    width: 0.71428571em;
    height: 0.71428571em;
    background: #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
    box-shadow: 1px 1px 0 0 #bababc
}

[data-tooltip] {
    position: relative
}

[data-tooltip]:before {
    pointer-events: none;
    position: absolute;
    content: '';
    font-size: 1rem;
    width: 0.71428571em;
    height: 0.71428571em;
    background: #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
    box-shadow: 1px 1px 0 0 #bababc
}

[data-tooltip]:after {
    pointer-events: none;
    content: attr(data-tooltip);
    position: absolute;
    text-transform: none;
    text-align: left;
    white-space: nowrap;
    font-size: 1rem;
    border: 1px solid #D4D4D5;
    line-height: 1.4285em;
    max-width: none;
    background: #FFF;
    padding: 0.833em 1em;
    font-weight: normal;
    font-style: normal;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 0.28571429rem;
    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0px 2px 10px 0 rgba(34, 36, 38, 0.15);
    z-index: 1
}

[data-tooltip]:not([data-position]):before {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 50%;
    background: #FFF;
    margin-left: -0.07142857rem;
    margin-bottom: 0.14285714rem
}

[data-tooltip]:not([data-position]):after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 100%;
    margin-bottom: 0.5em
}

[data-tooltip]:before, [data-tooltip]:after {
    pointer-events: none;
    visibility: hidden
}

[data-tooltip]:before {
    opacity: 0;
    -webkit-transform: rotate(45deg) scale(0) !important;
    transform: rotate(45deg) scale(0) !important;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease
}

[data-tooltip]:after {
    opacity: 1;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease
}

[data-tooltip]:hover:before, [data-tooltip]:hover:after {
    visibility: visible;
    pointer-events: auto
}

[data-tooltip]:hover:before {
    -webkit-transform: rotate(45deg) scale(1) !important;
    transform: rotate(45deg) scale(1) !important;
    opacity: 1
}

[data-tooltip]:after, [data-tooltip][data-position="top center"]:after, [data-tooltip][data-position="bottom center"]:after {
    -webkit-transform: translateX(-50%) scale(0) !important;
    transform: translateX(-50%) scale(0) !important
}

[data-tooltip]:hover:after, [data-tooltip][data-position="bottom center"]:hover:after {
    -webkit-transform: translateX(-50%) scale(1) !important;
    transform: translateX(-50%) scale(1) !important
}

[data-tooltip][data-position="left center"]:after, [data-tooltip][data-position="right center"]:after {
    -webkit-transform: translateY(-50%) scale(0) !important;
    transform: translateY(-50%) scale(0) !important
}

[data-tooltip][data-position="left center"]:hover:after, [data-tooltip][data-position="right center"]:hover:after {
    -webkit-transform: translateY(-50%) scale(1) !important;
    transform: translateY(-50%) scale(1) !important
}

[data-tooltip][data-position="top left"]:after, [data-tooltip][data-position="top right"]:after, [data-tooltip][data-position="bottom left"]:after, [data-tooltip][data-position="bottom right"]:after {
    -webkit-transform: scale(0) !important;
    transform: scale(0) !important
}

[data-tooltip][data-position="top left"]:hover:after, [data-tooltip][data-position="top right"]:hover:after, [data-tooltip][data-position="bottom left"]:hover:after, [data-tooltip][data-position="bottom right"]:hover:after {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important
}

[data-tooltip][data-inverted]:before {
    box-shadow: none !important
}

[data-tooltip][data-inverted]:before {
    background: #1B1C1D
}

[data-tooltip][data-inverted]:after {
    background: #1B1C1D;
    color: #FFF;
    border: none;
    box-shadow: none
}

[data-tooltip][data-inverted]:after .header {
    background-color: none;
    color: #FFF
}

[data-position="top center"][data-tooltip]:after {
    top: auto;
    right: auto;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 0.5em
}

[data-position="top center"][data-tooltip]:before {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 50%;
    background: #FFF;
    margin-left: -0.07142857rem;
    margin-bottom: 0.14285714rem
}

[data-position="top left"][data-tooltip]:after {
    top: auto;
    right: auto;
    left: 0;
    bottom: 100%;
    margin-bottom: 0.5em
}

[data-position="top left"][data-tooltip]:before {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 1em;
    margin-left: -0.07142857rem;
    margin-bottom: 0.14285714rem
}

[data-position="top right"][data-tooltip]:after {
    top: auto;
    left: auto;
    right: 0;
    bottom: 100%;
    margin-bottom: 0.5em
}

[data-position="top right"][data-tooltip]:before {
    top: auto;
    left: auto;
    bottom: 100%;
    right: 1em;
    margin-left: -0.07142857rem;
    margin-bottom: 0.14285714rem
}

[data-position="bottom center"][data-tooltip]:after {
    bottom: auto;
    right: auto;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 0.5em
}

[data-position="bottom center"][data-tooltip]:before {
    bottom: auto;
    right: auto;
    top: 100%;
    left: 50%;
    margin-left: -0.07142857rem;
    margin-top: 0.14285714rem
}

[data-position="bottom left"][data-tooltip]:after {
    left: 0;
    top: 100%;
    margin-top: 0.5em
}

[data-position="bottom left"][data-tooltip]:before {
    bottom: auto;
    right: auto;
    top: 100%;
    left: 1em;
    margin-left: -0.07142857rem;
    margin-top: 0.14285714rem
}

[data-position="bottom right"][data-tooltip]:after {
    right: 0;
    top: 100%;
    margin-top: 0.5em
}

[data-position="bottom right"][data-tooltip]:before {
    bottom: auto;
    left: auto;
    top: 100%;
    right: 1em;
    margin-left: -0.14285714rem;
    margin-top: 0.07142857rem
}

[data-position="left center"][data-tooltip]:after {
    right: 100%;
    top: 50%;
    margin-right: 0.5em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-position="left center"][data-tooltip]:before {
    right: 100%;
    top: 50%;
    margin-top: -0.14285714rem;
    margin-right: -0.07142857rem
}

[data-position="right center"][data-tooltip]:after {
    left: 100%;
    top: 50%;
    margin-left: 0.5em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-position="right center"][data-tooltip]:before {
    left: 100%;
    top: 50%;
    margin-top: -0.07142857rem;
    margin-left: 0.14285714rem
}

[data-position~="bottom"][data-tooltip]:before {
    background: #FFF;
    box-shadow: -1px -1px 0 0 #bababc
}

[data-position="left center"][data-tooltip]:before {
    background: #FFF;
    box-shadow: 1px -1px 0 0 #bababc
}

[data-position="right center"][data-tooltip]:before {
    background: #FFF;
    box-shadow: -1px 1px 0 0 #bababc
}

[data-position~="top"][data-tooltip]:before {
    background: #FFF
}

[data-inverted][data-position~="bottom"][data-tooltip]:before {
    background: #1B1C1D;
    box-shadow: -1px -1px 0 0 #bababc
}

[data-inverted][data-position="left center"][data-tooltip]:before {
    background: #1B1C1D;
    box-shadow: 1px -1px 0 0 #bababc
}

[data-inverted][data-position="right center"][data-tooltip]:before {
    background: #1B1C1D;
    box-shadow: -1px 1px 0 0 #bababc
}

[data-inverted][data-position~="top"][data-tooltip]:before {
    background: #1B1C1D
}

[data-position~="bottom"][data-tooltip]:before {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

[data-position~="bottom"][data-tooltip]:after {
    -webkit-transform-origin: center top;
    transform-origin: center top
}

[data-position="left center"][data-tooltip]:before {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

[data-position="left center"][data-tooltip]:after {
    -webkit-transform-origin: right center;
    transform-origin: right center
}

[data-position="right center"][data-tooltip]:before {
    -webkit-transform-origin: right center;
    transform-origin: right center
}

[data-position="right center"][data-tooltip]:after {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.ui.popup {
    margin: 0
}

.ui.top.popup {
    margin: 0 0 0.71428571em
}

.ui.top.left.popup {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

.ui.top.center.popup {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.ui.top.right.popup {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

.ui.left.center.popup {
    margin: 0 0.71428571em 0 0;
    -webkit-transform-origin: right 50%;
    transform-origin: right 50%
}

.ui.right.center.popup {
    margin: 0 0 0 0.71428571em;
    -webkit-transform-origin: left 50%;
    transform-origin: left 50%
}

.ui.bottom.popup {
    margin: 0.71428571em 0 0
}

.ui.bottom.left.popup {
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.ui.bottom.center.popup {
    -webkit-transform-origin: center top;
    transform-origin: center top
}

.ui.bottom.right.popup {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.ui.bottom.center.popup:before {
    margin-left: -0.30714286em;
    top: -0.30714286em;
    left: 50%;
    right: auto;
    bottom: auto;
    box-shadow: -1px -1px 0 0 #bababc
}

.ui.bottom.left.popup {
    margin-left: 0
}

.ui.bottom.left.popup:before {
    top: -0.30714286em;
    left: 1em;
    right: auto;
    bottom: auto;
    margin-left: 0;
    box-shadow: -1px -1px 0 0 #bababc
}

.ui.bottom.right.popup {
    margin-right: 0
}

.ui.bottom.right.popup:before {
    top: -0.30714286em;
    right: 1em;
    bottom: auto;
    left: auto;
    margin-left: 0;
    box-shadow: -1px -1px 0 0 #bababc
}

.ui.top.center.popup:before {
    top: auto;
    right: auto;
    bottom: -0.30714286em;
    left: 50%;
    margin-left: -0.30714286em
}

.ui.top.left.popup {
    margin-left: 0
}

.ui.top.left.popup:before {
    bottom: -0.30714286em;
    left: 1em;
    top: auto;
    right: auto;
    margin-left: 0
}

.ui.top.right.popup {
    margin-right: 0
}

.ui.top.right.popup:before {
    bottom: -0.30714286em;
    right: 1em;
    top: auto;
    left: auto;
    margin-left: 0
}

.ui.left.center.popup:before {
    top: 50%;
    right: -0.30714286em;
    bottom: auto;
    left: auto;
    margin-top: -0.30714286em;
    box-shadow: 1px -1px 0 0 #bababc
}

.ui.right.center.popup:before {
    top: 50%;
    left: -0.30714286em;
    bottom: auto;
    right: auto;
    margin-top: -0.30714286em;
    box-shadow: -1px 1px 0 0 #bababc
}

.ui.bottom.popup:before {
    background: #FFF
}

.ui.right.center.popup:before, .ui.left.center.popup:before {
    background: #FFF
}

.ui.top.popup:before {
    background: #FFF
}

.ui.inverted.bottom.popup:before {
    background: #1B1C1D
}

.ui.inverted.right.center.popup:before, .ui.inverted.left.center.popup:before {
    background: #1B1C1D
}

.ui.inverted.top.popup:before {
    background: #1B1C1D
}

.ui.popup > .ui.grid:not(.padded) {
    width: calc(100% + 1.75rem);
    margin: -0.7rem -0.875rem
}

.ui.loading.popup {
    display: block;
    visibility: hidden;
    z-index: -1
}

.ui.animating.popup, .ui.visible.popup {
    display: block
}

.ui.visible.popup {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ui.basic.popup:before {
    display: none
}

.ui.wide.popup {
    max-width: 350px
}

.ui[class*="very wide"].popup {
    max-width: 550px
}

@media only screen and (max-width: 767px) {
    .ui.wide.popup, .ui[class*="very wide"].popup {
        max-width: 250px
    }
}

.ui.fluid.popup {
    width: 100%;
    max-width: none
}

.ui.inverted.popup {
    background: #1B1C1D;
    color: #FFF;
    border: none;
    box-shadow: none
}

.ui.inverted.popup .header {
    background-color: none;
    color: #FFF
}

.ui.inverted.popup:before {
    background-color: #1B1C1D;
    box-shadow: none !important
}

.ui.flowing.popup {
    max-width: none
}

.ui.mini.popup {
    font-size: 0.78571429rem
}

.ui.tiny.popup {
    font-size: 0.85714286rem
}

.ui.small.popup {
    font-size: 0.92857143rem
}

.ui.popup {
    font-size: 1rem
}

.ui.large.popup {
    font-size: 1.14285714rem
}

.ui.huge.popup {
    font-size: 1.42857143rem
}

.ui.progress {
    position: relative;
    display: block;
    max-width: 100%;
    border: none;
    margin: 1em 0 2.5em;
    box-shadow: none;
    background: rgba(0, 0, 0, 0.1);
    padding: 0;
    border-radius: 0.28571429rem
}

.ui.progress:first-child {
    margin: 0 0 2.5em
}

.ui.progress:last-child {
    margin: 0 0 1.5em
}

.ui.progress .bar {
    display: block;
    line-height: 1;
    position: relative;
    width: 0;
    min-width: 2em;
    background: #888888;
    border-radius: 0.28571429rem;
    -webkit-transition: width 0.1s ease, background-color 0.1s ease;
    transition: width 0.1s ease, background-color 0.1s ease
}

.ui.progress .bar > .progress {
    white-space: nowrap;
    position: absolute;
    width: auto;
    font-size: 0.92857143em;
    top: 50%;
    right: 0.5em;
    left: auto;
    bottom: auto;
    color: rgba(255, 255, 255, 0.7);
    text-shadow: none;
    margin-top: -0.5em;
    font-weight: bold;
    text-align: left
}

.ui.progress > .label {
    position: absolute;
    width: 100%;
    font-size: 1em;
    top: 100%;
    right: auto;
    left: 0;
    bottom: auto;
    color: rgba(0, 0, 0, 0.87);
    font-weight: bold;
    text-shadow: none;
    margin-top: 0.2em;
    text-align: center;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease
}

.ui.indicating.progress[data-percent^="1"] .bar, .ui.indicating.progress[data-percent^="2"] .bar {
    background-color: #D95C5C
}

.ui.indicating.progress[data-percent^="3"] .bar {
    background-color: #EFBC72
}

.ui.indicating.progress[data-percent^="4"] .bar, .ui.indicating.progress[data-percent^="5"] .bar {
    background-color: #E6BB48
}

.ui.indicating.progress[data-percent^="6"] .bar {
    background-color: #DDC928
}

.ui.indicating.progress[data-percent^="7"] .bar, .ui.indicating.progress[data-percent^="8"] .bar {
    background-color: #B4D95C
}

.ui.indicating.progress[data-percent^="9"] .bar, .ui.indicating.progress[data-percent^="100"] .bar {
    background-color: #66DA81
}

.ui.indicating.progress[data-percent^="1"] .label, .ui.indicating.progress[data-percent^="2"] .label {
    color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent^="3"] .label {
    color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent^="4"] .label, .ui.indicating.progress[data-percent^="5"] .label {
    color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent^="6"] .label {
    color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent^="7"] .label, .ui.indicating.progress[data-percent^="8"] .label {
    color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent^="9"] .label, .ui.indicating.progress[data-percent^="100"] .label {
    color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress[data-percent="1"] .bar, .ui.indicating.progress[data-percent="2"] .bar, .ui.indicating.progress[data-percent="3"] .bar, .ui.indicating.progress[data-percent="4"] .bar, .ui.indicating.progress[data-percent="5"] .bar, .ui.indicating.progress[data-percent="6"] .bar, .ui.indicating.progress[data-percent="7"] .bar, .ui.indicating.progress[data-percent="8"] .bar, .ui.indicating.progress[data-percent="9"] .bar {
    background-color: #D95C5C
}

.ui.indicating.progress[data-percent="1"] .label, .ui.indicating.progress[data-percent="2"] .label, .ui.indicating.progress[data-percent="3"] .label, .ui.indicating.progress[data-percent="4"] .label, .ui.indicating.progress[data-percent="5"] .label, .ui.indicating.progress[data-percent="6"] .label, .ui.indicating.progress[data-percent="7"] .label, .ui.indicating.progress[data-percent="8"] .label, .ui.indicating.progress[data-percent="9"] .label {
    color: rgba(0, 0, 0, 0.87)
}

.ui.indicating.progress.success .label {
    color: #1A531B
}

.ui.progress.success .bar {
    background-color: #21BA45 !important
}

.ui.progress.success .bar, .ui.progress.success .bar::after {
    -webkit-animation: none !important;
    animation: none !important
}

.ui.progress.success > .label {
    color: #1A531B
}

.ui.progress.warning .bar {
    background-color: #F2C037 !important
}

.ui.progress.warning .bar, .ui.progress.warning .bar::after {
    -webkit-animation: none !important;
    animation: none !important
}

.ui.progress.warning > .label {
    color: #794B02
}

.ui.progress.error .bar {
    background-color: #DB2828 !important
}

.ui.progress.error .bar, .ui.progress.error .bar::after {
    -webkit-animation: none !important;
    animation: none !important
}

.ui.progress.error > .label {
    color: #912D2B
}

.ui.active.progress .bar {
    position: relative;
    min-width: 2em
}

.ui.active.progress .bar::after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFF;
    border-radius: 0.28571429rem;
    -webkit-animation: progress-active 2s ease infinite;
    animation: progress-active 2s ease infinite
}

@-webkit-keyframes progress-active {
    0% {
        opacity: 0.3;
        width: 0
    }
    100% {
        opacity: 0;
        width: 100%
    }
}

@keyframes progress-active {
    0% {
        opacity: 0.3;
        width: 0
    }
    100% {
        opacity: 0;
        width: 100%
    }
}

.ui.disabled.progress {
    opacity: 0.35
}

.ui.disabled.progress .bar, .ui.disabled.progress .bar::after {
    -webkit-animation: none !important;
    animation: none !important
}

.ui.inverted.progress {
    background: rgba(255, 255, 255, 0.08);
    border: none
}

.ui.inverted.progress .bar {
    background: #888888
}

.ui.inverted.progress .bar > .progress {
    color: #F9FAFB
}

.ui.inverted.progress > .label {
    color: #FFF
}

.ui.inverted.progress.success > .label {
    color: #21BA45
}

.ui.inverted.progress.warning > .label {
    color: #F2C037
}

.ui.inverted.progress.error > .label {
    color: #DB2828
}

.ui.progress.attached {
    background: transparent;
    position: relative;
    border: none;
    margin: 0
}

.ui.progress.attached, .ui.progress.attached .bar {
    display: block;
    height: 0.2rem;
    padding: 0;
    overflow: hidden;
    border-radius: 0 0 0.28571429rem 0.28571429rem
}

.ui.progress.attached .bar {
    border-radius: 0
}

.ui.progress.top.attached, .ui.progress.top.attached .bar {
    top: 0;
    border-radius: 0.28571429rem 0.28571429rem 0 0
}

.ui.progress.top.attached .bar {
    border-radius: 0
}

.ui.segment > .ui.attached.progress, .ui.card > .ui.attached.progress {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 100%;
    width: 100%
}

.ui.segment > .ui.bottom.attached.progress, .ui.card > .ui.bottom.attached.progress {
    top: 100%;
    bottom: auto
}

.ui.red.progress .bar {
    background-color: #DB2828
}

.ui.red.inverted.progress .bar {
    background-color: #FF695E
}

.ui.orange.progress .bar {
    background-color: #F2711C
}

.ui.orange.inverted.progress .bar {
    background-color: #FF851B
}

.ui.yellow.progress .bar {
    background-color: #FBBD08
}

.ui.yellow.inverted.progress .bar {
    background-color: #FFE21F
}

.ui.olive.progress .bar {
    background-color: #B5CC18
}

.ui.olive.inverted.progress .bar {
    background-color: #D9E778
}

.ui.green.progress .bar {
    background-color: #21BA45
}

.ui.green.inverted.progress .bar {
    background-color: #2ECC40
}

.ui.teal.progress .bar {
    background-color: #00B5AD
}

.ui.teal.inverted.progress .bar {
    background-color: #6DFFFF
}

.ui.blue.progress .bar {
    background-color: #2185D0
}

.ui.blue.inverted.progress .bar {
    background-color: #54C8FF
}

.ui.violet.progress .bar {
    background-color: #6435C9
}

.ui.violet.inverted.progress .bar {
    background-color: #A291FB
}

.ui.purple.progress .bar {
    background-color: #A333C8
}

.ui.purple.inverted.progress .bar {
    background-color: #DC73FF
}

.ui.pink.progress .bar {
    background-color: #E03997
}

.ui.pink.inverted.progress .bar {
    background-color: #FF8EDF
}

.ui.brown.progress .bar {
    background-color: #A5673F
}

.ui.brown.inverted.progress .bar {
    background-color: #D67C1C
}

.ui.grey.progress .bar {
    background-color: #767676
}

.ui.grey.inverted.progress .bar {
    background-color: #DCDDDE
}

.ui.black.progress .bar {
    background-color: #1B1C1D
}

.ui.black.inverted.progress .bar {
    background-color: #545454
}

.ui.tiny.progress {
    font-size: 0.85714286rem
}

.ui.tiny.progress .bar {
    height: 0.5em
}

.ui.small.progress {
    font-size: 0.92857143rem
}

.ui.small.progress .bar {
    height: 1em
}

.ui.progress {
    font-size: 1rem
}

.ui.progress .bar {
    height: 1.75em
}

.ui.large.progress {
    font-size: 1.14285714rem
}

.ui.large.progress .bar {
    height: 2.5em
}

.ui.big.progress {
    font-size: 1.28571429rem
}

.ui.big.progress .bar {
    height: 3.5em
}

.ui.rating {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap;
    vertical-align: baseline
}

.ui.rating:last-child {
    margin-right: 0
}

.ui.rating .icon {
    padding: 0;
    margin: 0;
    text-align: center;
    font-weight: normal;
    font-style: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    cursor: pointer;
    width: 1.25em;
    height: auto;
    -webkit-transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
    transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease
}

.ui.rating .icon {
    background: transparent;
    color: rgba(0, 0, 0, 0.15)
}

.ui.rating .active.icon {
    background: transparent;
    color: rgba(0, 0, 0, 0.85)
}

.ui.rating .icon.selected, .ui.rating .icon.selected.active {
    background: transparent;
    color: rgba(0, 0, 0, 0.87)
}

.ui.star.rating .icon {
    width: 1.25em;
    height: auto;
    background: transparent;
    color: rgba(0, 0, 0, 0.15);
    text-shadow: none
}

.ui.star.rating .active.icon {
    background: transparent !important;
    color: #FFE623 !important;
    text-shadow: 0 -1px 0 #DDC507, -1px 0 0 #DDC507, 0px 1px 0 #DDC507, 1px 0 0 #DDC507 !important
}

.ui.star.rating .icon.selected, .ui.star.rating .icon.selected.active {
    background: transparent !important;
    color: #FC0 !important;
    text-shadow: 0 -1px 0 #E6A200, -1px 0 0 #E6A200, 0px 1px 0 #E6A200, 1px 0 0 #E6A200 !important
}

.ui.heart.rating .icon {
    width: 1.4em;
    height: auto;
    background: transparent;
    color: rgba(0, 0, 0, 0.15);
    text-shadow: none !important
}

.ui.heart.rating .active.icon {
    background: transparent !important;
    color: #FF6D75 !important;
    text-shadow: 0 -1px 0 #CD0707, -1px 0 0 #CD0707, 0px 1px 0 #CD0707, 1px 0 0 #CD0707 !important
}

.ui.heart.rating .icon.selected, .ui.heart.rating .icon.selected.active {
    background: transparent !important;
    color: #FF3000 !important;
    text-shadow: 0 -1px 0 #AA0101, -1px 0 0 #AA0101, 0px 1px 0 #AA0101, 1px 0 0 #AA0101 !important
}

.ui.disabled.rating .icon {
    cursor: default
}

.ui.rating.selected .active.icon {
    opacity: 1
}

.ui.rating.selected .icon.selected, .ui.rating .icon.selected {
    opacity: 1
}

.ui.mini.rating {
    font-size: 0.78571429rem
}

.ui.tiny.rating {
    font-size: 0.85714286rem
}

.ui.small.rating {
    font-size: 0.92857143rem
}

.ui.rating {
    font-size: 1rem
}

.ui.large.rating {
    font-size: 1.14285714rem
}

.ui.huge.rating {
    font-size: 1.42857143rem
}

.ui.massive.rating {
    font-size: 2rem
}

@font-face {
    font-family: 'Rating';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
    font-weight: normal;
    font-style: normal
}

.ui.rating .icon {
    font-family: 'Rating';
    line-height: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: normal;
    font-style: normal;
    text-align: center
}

.ui.rating .icon:before {
    content: '\f005'
}

.ui.rating .active.icon:before {
    content: '\f005'
}

.ui.star.rating .icon:before {
    content: '\f005'
}

.ui.star.rating .active.icon:before {
    content: '\f005'
}

.ui.star.rating .partial.icon:before {
    content: '\f006'
}

.ui.star.rating .partial.icon {
    content: '\f005'
}

.ui.heart.rating .icon:before {
    content: '\f004'
}

.ui.heart.rating .active.icon:before {
    content: '\f004'
}

.ui.search {
    position: relative
}

.ui.search > .prompt {
    margin: 0;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    text-shadow: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1.2142em;
    padding: 0.67861429em 1em;
    font-size: 1em;
    background: #FFF;
    border: 1px solid rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
    transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease
}

.ui.search .prompt {
    border-radius: 500rem
}

.ui.search .prompt ~ .search.icon {
    cursor: pointer
}

.ui.search > .results {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    white-space: normal;
    background: #FFF;
    margin-top: 0.5em;
    width: 18em;
    border-radius: 0.28571429rem;
    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0px 2px 10px 0 rgba(34, 36, 38, 0.15);
    border: 1px solid #D4D4D5;
    z-index: 998
}

.ui.search > .results > :first-child {
    border-radius: 0.28571429rem 0.28571429rem 0 0
}

.ui.search > .results > :last-child {
    border-radius: 0 0 0.28571429rem 0.28571429rem
}

.ui.search > .results .result {
    cursor: pointer;
    display: block;
    overflow: hidden;
    font-size: 1em;
    padding: 0.85714286em 1.14285714em;
    color: rgba(0, 0, 0, 0.87);
    line-height: 1.33;
    border-bottom: 1px solid rgba(34, 36, 38, 0.1)
}

.ui.search > .results .result:last-child {
    border-bottom: none !important
}

.ui.search > .results .result .image {
    float: right;
    overflow: hidden;
    background: none;
    width: 5em;
    height: 3em;
    border-radius: 0.25em
}

.ui.search > .results .result .image img {
    display: block;
    width: auto;
    height: 100%
}

.ui.search > .results .result .image + .content {
    margin: 0 6em 0 0
}

.ui.search > .results .result .title {
    margin: -0.14285em 0 0;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1em;
    color: rgba(0, 0, 0, 0.85)
}

.ui.search > .results .result .description {
    margin-top: 0;
    font-size: 0.92857143em;
    color: rgba(0, 0, 0, 0.4)
}

.ui.search > .results .result .price {
    float: right;
    color: #21BA45
}

.ui.search > .results > .message {
    padding: 1em 1em
}

.ui.search > .results > .message .header {
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.87)
}

.ui.search > .results > .message .description {
    margin-top: 0.25rem;
    font-size: 1em;
    color: rgba(0, 0, 0, 0.87)
}

.ui.search > .results > .action {
    display: block;
    border-top: none;
    background: #F3F4F5;
    padding: 0.92857143em 1em;
    color: rgba(0, 0, 0, 0.87);
    font-weight: bold;
    text-align: center
}

.ui.search > .prompt:focus {
    border-color: rgba(34, 36, 38, 0.35);
    background: #FFF;
    color: rgba(0, 0, 0, 0.95)
}

.ui.loading.search .input > i.icon:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285714em 0 0 -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1)
}

.ui.loading.search .input > i.icon:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285714em 0 0 -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: button-spin 0.6s linear;
    animation: button-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: 0.2em;
    box-shadow: 0 0 0 1px transparent
}

.ui.search > .results .result:hover, .ui.category.search > .results .category .result:hover {
    background: #F9FAFB
}

.ui.search .action:hover {
    background: #E0E0E0
}

.ui.category.search > .results .category.active {
    background: #F3F4F5
}

.ui.category.search > .results .category.active > .name {
    color: rgba(0, 0, 0, 0.87)
}

.ui.search > .results .result.active, .ui.category.search > .results .category .result.active {
    position: relative;
    border-left-color: rgba(34, 36, 38, 0.1);
    background: #F3F4F5;
    box-shadow: none
}

.ui.search > .results .result.active .title {
    color: rgba(0, 0, 0, 0.85)
}

.ui.search > .results .result.active .description {
    color: rgba(0, 0, 0, 0.85)
}

.ui.search.selection .prompt {
    border-radius: 0.28571429rem
}

.ui.search.selection > .icon.input > .remove.icon {
    pointer-events: none;
    position: absolute;
    left: auto;
    opacity: 0;
    color: '';
    top: 0;
    right: 0;
    -webkit-transition: color 0.1s ease, opacity 0.1s ease;
    transition: color 0.1s ease, opacity 0.1s ease
}

.ui.search.selection > .icon.input > .active.remove.icon {
    cursor: pointer;
    opacity: 0.8;
    pointer-events: auto
}

.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {
    right: 1.85714em
}

.ui.search.selection > .icon.input > .remove.icon:hover {
    opacity: 1;
    color: #DB2828
}

.ui.category.search .results {
    width: 28em
}

.ui.category.search > .results .category {
    background: #F3F4F5;
    box-shadow: none;
    border-bottom: 1px solid rgba(34, 36, 38, 0.1);
    -webkit-transition: background 0.1s ease, border-color 0.1s ease;
    transition: background 0.1s ease, border-color 0.1s ease
}

.ui.category.search > .results .category:last-child {
    border-bottom: none
}

.ui.category.search > .results .category:first-child .name + .result {
    border-radius: 0 0.28571429rem 0 0
}

.ui.category.search > .results .category:last-child .result:last-child {
    border-radius: 0 0 0.28571429rem 0
}

.ui.category.search > .results .category .result {
    background: #FFF;
    margin-left: 100px;
    border-left: 1px solid rgba(34, 36, 38, 0.15);
    border-bottom: 1px solid rgba(34, 36, 38, 0.1);
    -webkit-transition: background 0.1s ease, border-color 0.1s ease;
    transition: background 0.1s ease, border-color 0.1s ease;
    padding: 0.85714286em 1.14285714em
}

.ui.category.search > .results .category:last-child .result:last-child {
    border-bottom: none
}

.ui.category.search > .results .category > .name {
    width: 100px;
    background: transparent;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1em;
    float: 1em;
    float: left;
    padding: 0.4em 1em;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.4)
}

.ui[class*="left aligned"].search > .results {
    right: auto;
    left: 0
}

.ui[class*="right aligned"].search > .results {
    right: 0;
    left: auto
}

.ui.fluid.search .results {
    width: 100%
}

.ui.mini.search {
    font-size: 0.78571429em
}

.ui.small.search {
    font-size: 0.92857143em
}

.ui.search {
    font-size: 1em
}

.ui.large.search {
    font-size: 1.14285714em
}

.ui.big.search {
    font-size: 1.28571429em
}

.ui.huge.search {
    font-size: 1.42857143em
}

.ui.massive.search {
    font-size: 1.71428571em
}

.ui.shape {
    position: relative;
    vertical-align: top;
    display: inline-block;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out
}

.ui.shape .sides {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.ui.shape .side {
    opacity: 1;
    width: 100%;
    margin: 0 !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ui.shape .side {
    display: none
}

.ui.shape .side * {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.ui.cube.shape .side {
    min-width: 15em;
    height: 15em;
    padding: 2em;
    background-color: #E6E6E6;
    color: rgba(0, 0, 0, 0.87);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3)
}

.ui.cube.shape .side > .content {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.ui.cube.shape .side > .content > div {
    display: table-cell;
    vertical-align: middle;
    font-size: 2em
}

.ui.text.shape.animating .sides {
    position: static
}

.ui.text.shape .side {
    white-space: nowrap
}

.ui.text.shape .side > * {
    white-space: normal
}

.ui.loading.shape {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.ui.shape .animating.side {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 100
}

.ui.shape .hidden.side {
    opacity: 0.6
}

.ui.shape.animating .sides {
    position: absolute
}

.ui.shape.animating .sides {
    -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out
}

.ui.shape.animating .side {
    -webkit-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out
}

.ui.shape .active.side {
    display: block
}

.ui.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: none;
    transition: none;
    will-change: transform;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    -webkit-overflow-scrolling: touch;
    height: 100% !important;
    max-height: 100%;
    border-radius: 0 !important;
    margin: 0 !important;
    overflow-y: auto !important;
    z-index: 102
}

.ui.sidebar > * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ui.left.sidebar {
    right: auto;
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.ui.right.sidebar {
    right: 0 !important;
    left: auto !important;
    -webkit-transform: translate3d(100%, 0%, 0);
    transform: translate3d(100%, 0%, 0)
}

.ui.top.sidebar, .ui.bottom.sidebar {
    width: 100% !important;
    height: auto !important
}

.ui.top.sidebar {
    top: 0 !important;
    bottom: auto !important;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.ui.bottom.sidebar {
    top: auto !important;
    bottom: 0 !important;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.pushable {
    height: 100%;
    overflow-x: hidden;
    padding: 0 !important
}

body.pushable {
    background: #545454 !important
}

.pushable:not(body) {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.pushable:not(body) > .ui.sidebar, .pushable:not(body) > .fixed, .pushable:not(body) > .pusher:after {
    position: absolute
}

.pushable > .fixed {
    position: fixed;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    will-change: transform;
    z-index: 101
}

.pushable > .pusher {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    min-height: 100%;
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    z-index: 2
}

body.pushable > .pusher {
    background: #FFF
}

.pushable > .pusher {
    background: inherit
}

.pushable > .pusher:after {
    position: fixed;
    top: 0;
    right: 0;
    content: '';
    background-color: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms;
    will-change: opacity;
    z-index: 1000
}

.ui.sidebar.menu .item {
    border-radius: 0 !important
}

.pushable > .pusher.dimmed:after {
    width: 100% !important;
    height: 100% !important;
    opacity: 1 !important
}

.ui.animating.sidebar {
    visibility: visible
}

.ui.visible.sidebar {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ui.left.visible.sidebar, .ui.right.visible.sidebar {
    box-shadow: 0 0 20px rgba(34, 36, 38, 0.15)
}

.ui.top.visible.sidebar, .ui.bottom.visible.sidebar {
    box-shadow: 0 0 20px rgba(34, 36, 38, 0.15)
}

.ui.visible.left.sidebar ~ .fixed, .ui.visible.left.sidebar ~ .pusher {
    -webkit-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0)
}

.ui.visible.right.sidebar ~ .fixed, .ui.visible.right.sidebar ~ .pusher {
    -webkit-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0)
}

.ui.visible.top.sidebar ~ .fixed, .ui.visible.top.sidebar ~ .pusher {
    -webkit-transform: translate3d(0, 36px, 0);
    transform: translate3d(0, 36px, 0)
}

.ui.visible.bottom.sidebar ~ .fixed, .ui.visible.bottom.sidebar ~ .pusher {
    -webkit-transform: translate3d(0, -36px, 0);
    transform: translate3d(0, -36px, 0)
}

.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed, .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher, .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed, .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

html.ios {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

html.ios, html.ios body {
    height: initial !important
}

.ui.thin.left.sidebar, .ui.thin.right.sidebar {
    width: 150px
}

.ui[class*="very thin"].left.sidebar, .ui[class*="very thin"].right.sidebar {
    width: 60px
}

.ui.left.sidebar, .ui.right.sidebar {
    width: 260px
}

.ui.wide.left.sidebar, .ui.wide.right.sidebar {
    width: 350px
}

.ui[class*="very wide"].left.sidebar, .ui[class*="very wide"].right.sidebar {
    width: 475px
}

.ui.visible.thin.left.sidebar ~ .fixed, .ui.visible.thin.left.sidebar ~ .pusher {
    -webkit-transform: translate3d(150px, 0, 0);
    transform: translate3d(150px, 0, 0)
}

.ui.visible[class*="very thin"].left.sidebar ~ .fixed, .ui.visible[class*="very thin"].left.sidebar ~ .pusher {
    -webkit-transform: translate3d(60px, 0, 0);
    transform: translate3d(60px, 0, 0)
}

.ui.visible.wide.left.sidebar ~ .fixed, .ui.visible.wide.left.sidebar ~ .pusher {
    -webkit-transform: translate3d(350px, 0, 0);
    transform: translate3d(350px, 0, 0)
}

.ui.visible[class*="very wide"].left.sidebar ~ .fixed, .ui.visible[class*="very wide"].left.sidebar ~ .pusher {
    -webkit-transform: translate3d(475px, 0, 0);
    transform: translate3d(475px, 0, 0)
}

.ui.visible.thin.right.sidebar ~ .fixed, .ui.visible.thin.right.sidebar ~ .pusher {
    -webkit-transform: translate3d(-150px, 0, 0);
    transform: translate3d(-150px, 0, 0)
}

.ui.visible[class*="very thin"].right.sidebar ~ .fixed, .ui.visible[class*="very thin"].right.sidebar ~ .pusher {
    -webkit-transform: translate3d(-60px, 0, 0);
    transform: translate3d(-60px, 0, 0)
}

.ui.visible.wide.right.sidebar ~ .fixed, .ui.visible.wide.right.sidebar ~ .pusher {
    -webkit-transform: translate3d(-350px, 0, 0);
    transform: translate3d(-350px, 0, 0)
}

.ui.visible[class*="very wide"].right.sidebar ~ .fixed, .ui.visible[class*="very wide"].right.sidebar ~ .pusher {
    -webkit-transform: translate3d(-475px, 0, 0);
    transform: translate3d(-475px, 0, 0)
}

.ui.overlay.sidebar {
    z-index: 102
}

.ui.left.overlay.sidebar {
    -webkit-transform: translate3d(-100%, 0%, 0);
    transform: translate3d(-100%, 0%, 0)
}

.ui.right.overlay.sidebar {
    -webkit-transform: translate3d(100%, 0%, 0);
    transform: translate3d(100%, 0%, 0)
}

.ui.top.overlay.sidebar {
    -webkit-transform: translate3d(0%, -100%, 0);
    transform: translate3d(0%, -100%, 0)
}

.ui.bottom.overlay.sidebar {
    -webkit-transform: translate3d(0%, 100%, 0);
    transform: translate3d(0%, 100%, 0)
}

.animating.ui.overlay.sidebar, .ui.visible.overlay.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease
}

.ui.visible.left.overlay.sidebar {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0)
}

.ui.visible.right.overlay.sidebar {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0)
}

.ui.visible.top.overlay.sidebar {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0)
}

.ui.visible.bottom.overlay.sidebar {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0)
}

.ui.visible.overlay.sidebar ~ .fixed, .ui.visible.overlay.sidebar ~ .pusher {
    -webkit-transform: none !important;
    transform: none !important
}

.ui.push.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    z-index: 102
}

.ui.left.push.sidebar {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.ui.right.push.sidebar {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.ui.top.push.sidebar {
    -webkit-transform: translate3d(0%, -100%, 0);
    transform: translate3d(0%, -100%, 0)
}

.ui.bottom.push.sidebar {
    -webkit-transform: translate3d(0%, 100%, 0);
    transform: translate3d(0%, 100%, 0)
}

.ui.visible.push.sidebar {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

.ui.uncover.sidebar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1
}

.ui.visible.uncover.sidebar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease
}

.ui.slide.along.sidebar {
    z-index: 1
}

.ui.left.slide.along.sidebar {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.ui.right.slide.along.sidebar {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0)
}

.ui.top.slide.along.sidebar {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.ui.bottom.slide.along.sidebar {
    -webkit-transform: translate3d(0%, 50%, 0);
    transform: translate3d(0%, 50%, 0)
}

.ui.animating.slide.along.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease
}

.ui.visible.slide.along.sidebar {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

.ui.slide.out.sidebar {
    z-index: 1
}

.ui.left.slide.out.sidebar {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0)
}

.ui.right.slide.out.sidebar {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.ui.top.slide.out.sidebar {
    -webkit-transform: translate3d(0%, 50%, 0);
    transform: translate3d(0%, 50%, 0)
}

.ui.bottom.slide.out.sidebar {
    -webkit-transform: translate3d(0%, -50%, 0);
    transform: translate3d(0%, -50%, 0)
}

.ui.animating.slide.out.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease
}

.ui.visible.slide.out.sidebar {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

.ui.scale.down.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    z-index: 102
}

.ui.left.scale.down.sidebar {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.ui.right.scale.down.sidebar {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.ui.top.scale.down.sidebar {
    -webkit-transform: translate3d(0%, -100%, 0);
    transform: translate3d(0%, -100%, 0)
}

.ui.bottom.scale.down.sidebar {
    -webkit-transform: translate3d(0%, 100%, 0);
    transform: translate3d(0%, 100%, 0)
}

.ui.scale.down.left.sidebar ~ .pusher {
    -webkit-transform-origin: 75% 50%;
    transform-origin: 75% 50%
}

.ui.scale.down.right.sidebar ~ .pusher {
    -webkit-transform-origin: 25% 50%;
    transform-origin: 25% 50%
}

.ui.scale.down.top.sidebar ~ .pusher {
    -webkit-transform-origin: 50% 75%;
    transform-origin: 50% 75%
}

.ui.scale.down.bottom.sidebar ~ .pusher {
    -webkit-transform-origin: 50% 25%;
    transform-origin: 50% 25%
}

.ui.animating.scale.down > .visible.ui.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease
}

.ui.visible.scale.down.sidebar ~ .pusher, .ui.animating.scale.down.sidebar ~ .pusher {
    display: block !important;
    width: 100%;
    height: 100%;
    overflow: hidden !important
}

.ui.visible.scale.down.sidebar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ui.visible.scale.down.sidebar ~ .pusher {
    -webkit-transform: scale(0.75);
    transform: scale(0.75)
}

.ui.sticky {
    position: static;
    -webkit-transition: none;
    transition: none;
    z-index: 800
}

.ui.sticky.bound {
    position: absolute;
    left: auto;
    right: auto
}

.ui.sticky.fixed {
    position: fixed;
    left: auto;
    right: auto
}

.ui.sticky.bound.top, .ui.sticky.fixed.top {
    top: 0;
    bottom: auto
}

.ui.sticky.bound.bottom, .ui.sticky.fixed.bottom {
    top: auto;
    bottom: 0
}

.ui.native.sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky
}

.ui.tab {
    display: none
}

.ui.tab.active, .ui.tab.open {
    display: block
}

.ui.tab.loading {
    position: relative;
    overflow: hidden;
    display: block;
    min-height: 250px
}

.ui.tab.loading * {
    position: relative !important;
    left: -10000px !important
}

.ui.tab.loading:before, .ui.tab.loading.segment:before {
    position: absolute;
    content: '';
    top: 100px;
    left: 50%;
    margin: -1.25em 0 0 -1.25em;
    width: 2.5em;
    height: 2.5em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1)
}

.ui.tab.loading:after, .ui.tab.loading.segment:after {
    position: absolute;
    content: '';
    top: 100px;
    left: 50%;
    margin: -1.25em 0 0 -1.25em;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation: button-spin 0.6s linear;
    animation: button-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: 0.2em;
    box-shadow: 0 0 0 1px transparent
}

.transition {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animating.transition {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: visible !important
}

.loading.transition {
    position: absolute;
    top: -99999px;
    left: -99999px
}

.hidden.transition {
    display: none;
    visibility: hidden
}

.visible.transition {
    display: block !important;
    visibility: visible !important
}

.disabled.transition {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.looping.transition {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.transition.browse {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms
}

.transition.browse.in {
    -webkit-animation-name: browseIn;
    animation-name: browseIn
}

.transition.browse.out, .transition.browse.left.out {
    -webkit-animation-name: browseOutLeft;
    animation-name: browseOutLeft
}

.transition.browse.right.out {
    -webkit-animation-name: browseOutRight;
    animation-name: browseOutRight
}

@-webkit-keyframes browseIn {
    0% {
        -webkit-transform: scale(0.8) translateZ(0px);
        transform: scale(0.8) translateZ(0px);
        z-index: -1
    }
    10% {
        -webkit-transform: scale(0.8) translateZ(0px);
        transform: scale(0.8) translateZ(0px);
        z-index: -1;
        opacity: 0.7
    }
    80% {
        -webkit-transform: scale(1.05) translateZ(0px);
        transform: scale(1.05) translateZ(0px);
        opacity: 1;
        z-index: 999
    }
    100% {
        -webkit-transform: scale(1) translateZ(0px);
        transform: scale(1) translateZ(0px);
        z-index: 999
    }
}

@keyframes browseIn {
    0% {
        -webkit-transform: scale(0.8) translateZ(0px);
        transform: scale(0.8) translateZ(0px);
        z-index: -1
    }
    10% {
        -webkit-transform: scale(0.8) translateZ(0px);
        transform: scale(0.8) translateZ(0px);
        z-index: -1;
        opacity: 0.7
    }
    80% {
        -webkit-transform: scale(1.05) translateZ(0px);
        transform: scale(1.05) translateZ(0px);
        opacity: 1;
        z-index: 999
    }
    100% {
        -webkit-transform: scale(1) translateZ(0px);
        transform: scale(1) translateZ(0px);
        z-index: 999
    }
}

@-webkit-keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: -1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}

@keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: -1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}

@-webkit-keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: 1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}

@keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg)
    }
    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: 1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0
    }
}

.drop.transition {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
    animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1)
}

.drop.transition.in {
    -webkit-animation-name: dropIn;
    animation-name: dropIn
}

.drop.transition.out {
    -webkit-animation-name: dropOut;
    animation-name: dropOut
}

@-webkit-keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.transition.fade.in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.transition[class*="fade up"].in {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.transition[class*="fade down"].in {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.transition[class*="fade left"].in {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.transition[class*="fade right"].in {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.transition.fade.out {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.transition[class*="fade up"].out {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.transition[class*="fade down"].out {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.transition[class*="fade left"].out {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.transition[class*="fade right"].out {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(5%);
        transform: translateX(5%)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(5%);
        transform: translateX(5%)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }
}

.flip.transition.in, .flip.transition.out {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms
}

.horizontal.flip.transition.in {
    -webkit-animation-name: horizontalFlipIn;
    animation-name: horizontalFlipIn
}

.horizontal.flip.transition.out {
    -webkit-animation-name: horizontalFlipOut;
    animation-name: horizontalFlipOut
}

.vertical.flip.transition.in {
    -webkit-animation-name: verticalFlipIn;
    animation-name: verticalFlipIn
}

.vertical.flip.transition.out {
    -webkit-animation-name: verticalFlipOut;
    animation-name: verticalFlipOut
}

@-webkit-keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1
    }
}

@-webkit-keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
}

@keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
}

.scale.transition.in {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn
}

.scale.transition.out {
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut
}

@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

.transition.fly {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.transition.fly.in {
    -webkit-animation-name: flyIn;
    animation-name: flyIn
}

.transition[class*="fly up"].in {
    -webkit-animation-name: flyInUp;
    animation-name: flyInUp
}

.transition[class*="fly down"].in {
    -webkit-animation-name: flyInDown;
    animation-name: flyInDown
}

.transition[class*="fly left"].in {
    -webkit-animation-name: flyInLeft;
    animation-name: flyInLeft
}

.transition[class*="fly right"].in {
    -webkit-animation-name: flyInRight;
    animation-name: flyInRight
}

.transition.fly.out {
    -webkit-animation-name: flyOut;
    animation-name: flyOut
}

.transition[class*="fly up"].out {
    -webkit-animation-name: flyOutUp;
    animation-name: flyOutUp
}

.transition[class*="fly down"].out {
    -webkit-animation-name: flyOutDown;
    animation-name: flyOutDown
}

.transition[class*="fly left"].out {
    -webkit-animation-name: flyOutLeft;
    animation-name: flyOutLeft
}

.transition[class*="fly right"].out {
    -webkit-animation-name: flyOutRight;
    animation-name: flyOutRight
}

@-webkit-keyframes flyIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes flyIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes flyOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes flyOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@-webkit-keyframes flyOutUp {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes flyOutUp {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@-webkit-keyframes flyOutDown {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes flyOutDown {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@-webkit-keyframes flyOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes flyOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@-webkit-keyframes flyOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes flyOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.transition.slide.in, .transition[class*="slide down"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="slide up"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="slide left"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="slide right"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.transition.slide.out, .transition[class*="slide down"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="slide up"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="slide left"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="slide right"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

@-webkit-keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@-webkit-keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.transition.swing {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms
}

.transition[class*="swing down"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="swing up"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="swing left"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="swing right"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.transition.swing.out, .transition[class*="swing down"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="swing up"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="swing left"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="swing right"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

@-webkit-keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg)
    }
}

@keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg)
    }
}

@-webkit-keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
}

@keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
}

@-webkit-keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

@-webkit-keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
}

@keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
}

.flash.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: flash;
    animation-name: flash
}

.shake.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: shake;
    animation-name: shake
}

.bounce.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: bounce;
    animation-name: bounce
}

.tada.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: tada;
    animation-name: tada
}

.pulse.transition {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.jiggle.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: jiggle;
    animation-name: jiggle
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes jiggle {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes jiggle {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@charset "UTF-8";
.header__row-user > a:before, .header .callback-block .phone:before, .icon-exit, .basket__link:before, .search__link, .search .search-btn, .search__link:hover, .search .search-btn:hover, .search.opened .search__link, .search.opened .search__link:hover, .mobile-menu .top-panel .login-link:before, .footer .socials a .fa-play:before, .payment-icon-visa, .payment-icon-mastercard, .turumburum-logo, .icon-arrow-send, .checkbox-item .checkbox + span:before, .checkbox-item .checkbox + span:not(.tooltip):before, .checkbox-item .checkbox:checked + span:before, .checkbox-item .checkbox:checked + span:not(.tooltip):before, .checkbox-item .radio + span:before, .checkbox-item .radio:checked + span:before, .ui.dropdown .dropdown.icon, .ui.dropdown.selection .dropdown.icon, .promo-slider .slick-prev, .promo-slider .slick-prev:hover, .promo-slider .slick-next, .promo-slider .slick-next:hover, .benefits-section__row:after, .icon-wood, .icon-tile, .icon-carpeting, .icon-linoleum, .icon-sport-coverage, .icon-false-floor, .icon-carpets, .icon-related-products, .icon-eco, .icon-building, .icon-module, .icon-sheet, .icon-flexible, .icon-decorative, .icon-seamless, .icon-damp-proof, .icon-warm-floor, .icon-infinity, .icon-designers, .icon-present, .slick-prev, .slick-prev.slick-disabled, .slick-next, .slick-next.slick-disabled, .slide .link-more, .slide .link-more a:after, .link-see-more:after, .link-back:after, .link-remove:after, .services__list .item.item-big .arrow, .services__list .item .arrow, .clients-section .clients-slider .more:before, .articles .last-news h4.title:before, .articles .last-news .h4.title:before, .ceo-section .ceo__list li:before, .products-slider .slick-prev, .products-slider .slick-prev:hover, .products-slider .slick-next, .products-slider .slick-next:hover, .compare-link:before, .share-link:before, .icon-check, .icon-cross, .icon-pre-order, .icon-viewed-products, .compare .add-link:before, .stock-slider .slick-prev, .stock-slider .slick-next, .icon-pdf, .service-prices li:before, .clients__items .arrow, .clients-cases-slider .slick-prev, .clients-cases-slider .slick-prev:hover, .clients-cases-slider .slick-next, .clients-cases-slider .slick-next:hover, .testimonial__block .img-holder:after, .socials-list a:after, .article__block h4:before, .article__block .h4:before, .article__text-block .address-position:before, .text-box .benefits-list li:before, .address-display .video-slider .slick-prev, .address-display .video-slider .slick-prev:hover, .address-display .video-slider .slick-next, .address-display .video-slider .slick-next:hover, .address__item .contact-title:before, .article-slider .slick-prev, .article-slider .slick-prev:hover, .article-slider .slick-next, .article-slider .slick-next:hover, .icon-phone, .icon-time, form.ui.form .field.is-valid:after, form.ui.form .field.error:after, .social-section .link-login__block a:after, .social-section .link-login__block span:after, .icon-social-vk, .icon-social-fb, .icon-social-gp, a:hover .icon-social-vk, a:hover .icon-social-fb, a:hover .icon-social-gp, .icon-social-vk-color, .icon-social-fb-color, .icon-social-yt-color, .recalculate-link:before, .icon-send-link, .icon-speech-bubble, .icon-viewed-bubble {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.header__row-user > a:before, .header .callback-block .phone:before, .icon-exit, .basket__link:before, .search__link, .search .search-btn, .search__link:hover, .search .search-btn:hover, .search.opened .search__link, .search.opened .search__link:hover, .mobile-menu .top-panel .login-link:before, .footer .socials a .fa-play:before, .payment-icon-visa, .payment-icon-mastercard, .turumburum-logo, .icon-arrow-send, .checkbox-item .checkbox + span:before, .checkbox-item .checkbox + span:not(.tooltip):before, .checkbox-item .checkbox:checked + span:before, .checkbox-item .checkbox:checked + span:not(.tooltip):before, .checkbox-item .radio + span:before, .checkbox-item .radio:checked + span:before, .ui.dropdown .dropdown.icon, .ui.dropdown.selection .dropdown.icon, .promo-slider .slick-prev, .promo-slider .slick-prev:hover, .promo-slider .slick-next, .promo-slider .slick-next:hover, .benefits-section__row:after, .icon-wood, .icon-tile, .icon-carpeting, .icon-linoleum, .icon-sport-coverage, .icon-false-floor, .icon-carpets, .icon-related-products, .icon-eco, .icon-building, .icon-module, .icon-sheet, .icon-flexible, .icon-decorative, .icon-seamless, .icon-damp-proof, .icon-warm-floor, .icon-infinity, .icon-designers, .icon-present, .slick-prev, .slick-prev.slick-disabled, .slick-next, .slick-next.slick-disabled, .slide .link-more, .slide .link-more a:after, .link-see-more:after, .link-back:after, .link-remove:after, .services__list .item.item-big .arrow, .services__list .item .arrow, .clients-section .clients-slider .more:before, .articles .last-news h4.title:before, .articles .last-news .h4.title:before, .ceo-section .ceo__list li:before, .products-slider .slick-prev, .products-slider .slick-prev:hover, .products-slider .slick-next, .products-slider .slick-next:hover, .compare-link:before, .share-link:before, .icon-check, .icon-pre-order, .icon-viewed-products, .compare .add-link:before, .stock-slider .slick-prev, .stock-slider .slick-next, .icon-pdf, .service-prices li:before, .clients__items .arrow, .clients-cases-slider .slick-prev, .clients-cases-slider .slick-prev:hover, .clients-cases-slider .slick-next, .clients-cases-slider .slick-next:hover, .testimonial__block .img-holder:after, .socials-list a:after, .article__block h4:before, .article__block .h4:before, .article__text-block .address-position:before, .text-box .benefits-list li:before, .address-display .video-slider .slick-prev, .address-display .video-slider .slick-prev:hover, .address-display .video-slider .slick-next, .address-display .video-slider .slick-next:hover, .address__item .contact-title:before, .article-slider .slick-prev, .article-slider .slick-prev:hover, .article-slider .slick-next, .article-slider .slick-next:hover, .icon-phone, .icon-time, form.ui.form .field.is-valid:after, form.ui.form .field.error:after, .social-section .link-login__block a:after, .social-section .link-login__block span:after,.icon-social-vk, .icon-social-fb, .icon-social-gp, a:hover .icon-social-vk, a:hover .icon-social-fb, a:hover .icon-social-gp, .icon-social-vk-color, .icon-social-fb-color, .icon-social-yt-color, .recalculate-link:before, .icon-send-link, .icon-speech-bubble, .icon-viewed-bubble {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.header__row:after, .info-menu:after, .header-menu:after, ul.languages:after, .check-row:after, .container:after, .blog-section__min .articles__list .item:after, .product-colors:after, .tabset .tab:after, .tags:after, .radio-row:after {
    clear: both;
    display: block;
    content: ''
}

.btn, .sticker {
    background: #0399fc;
    background: -moz-linear-gradient(top, #0399fc 0, #007ccc 100%);
    background: -webkit-linear-gradient(top, #0399fc 0, #007ccc 100%);
    background: linear-gradient(to bottom, #0399fc 0, #007ccc 100%);
    transition: all .3s
}

.btn:hover {
    background: #47caff;
    background: -moz-linear-gradient(top, #47caff 0, #007dcd 100%);
    background: -webkit-linear-gradient(top, #47caff 0, #007dcd 100%);
    background: linear-gradient(to bottom, #47caff 0, #007dcd 100%)
}

.btn-gray {
    font-size: 1rem;
    font-weight: 700;
    color: #aab6be;
    border: 1px dashed #93a3ad;
    padding: 0 30px;
    height: 44px;
    border-radius: 22px;
    background: none;
    transition: all .3s
}

.btn-gray:hover {
    border-color: #868686;
    color: #868686
}

.btn {
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    line-height: 17px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 21px;
    transition: all .3s;
    border: 0;
    padding: 13px 23px
}

.btn:hover {
    color: #fff
}

.dropdown-basket .btns-holder .link, .search .more-results-link, .product-colors .more-colors, .compare .different-link, .client-document .doc-link, .article__text-block .address-box .show-link, .article__text-block .address-box .hide-link, .tags-links a, .more-text, .basket-products .btns-holder .link {
    border-bottom: 1px dotted #0c9ccc;
    color: #0085db;
    font-size: 1rem;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    transition: all .3s
}

.dropdown-basket .btns-holder .link:hover, .search .more-results-link:hover, .product-colors .more-colors:hover, .compare .different-link:hover, .client-document .doc-link:hover, .article__text-block .address-box .show-link:hover, .article__text-block .address-box .hide-link:hover, .tags-links a:hover, .more-text:hover, .basket-products .btns-holder .link:hover {
    border-color: transparent
}

.articles-item-content .date a, .not-found-content a, .popup-body .link-holder a, form.ui.form.login-form .link-holder a {
    color: #0085db;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 1px solid rgba(0, 133, 219, 0.5);
    display: inline-block;
    vertical-align: top;
    line-height: 13px
}

.articles-item-content .date a:hover, .not-found-content a:hover, .popup-body .link-holder a:hover, form.ui.form.login-form .link-holder a:hover {
    color: #0085db;
    border-color: transparent
}

.header__row-user > a:before, .header .callback-block .phone:before, .icon-exit, .basket__link:before, .search__link, .search .search-btn, .search__link:hover, .search .search-btn:hover, .search.opened .search__link, .search.opened .search__link:hover, .mobile-menu .top-panel .login-link:before, .footer .socials a .fa-play:before, .payment-icon-visa, .payment-icon-mastercard, .turumburum-logo, .icon-arrow-send, .checkbox-item .checkbox + span:before, .checkbox-item .checkbox + span:not(.tooltip):before, .checkbox-item .checkbox:checked + span:before, .checkbox-item .checkbox:checked + span:not(.tooltip):before, .checkbox-item .radio + span:before, .checkbox-item .radio:checked + span:before, .ui.dropdown .dropdown.icon, .ui.dropdown.selection .dropdown.icon, .promo-slider .slick-prev, .promo-slider .slick-prev:hover, .promo-slider .slick-next, .promo-slider .slick-next:hover, .benefits-section__row:after, .icon-wood, .icon-tile, .icon-carpeting, .icon-linoleum, .icon-sport-coverage, .icon-false-floor, .icon-carpets, .icon-related-products, .icon-eco, .icon-building, .icon-module, .icon-sheet, .icon-flexible, .icon-decorative, .icon-seamless, .icon-damp-proof, .icon-warm-floor, .icon-infinity, .icon-designers, .icon-present, .slick-prev, .slick-prev.slick-disabled, .slick-next, .slick-next.slick-disabled, .slide .link-more, .slide .link-more a:after, .link-see-more:after, .link-back:after, .link-remove:after, .services__list .item.item-big .arrow, .services__list .item .arrow, .clients-section .clients-slider .more:before, .articles .last-news h4.title:before, .articles .last-news .h4.title:before, .ceo-section .ceo__list li:before, .products-slider .slick-prev, .products-slider .slick-prev:hover, .products-slider .slick-next, .products-slider .slick-next:hover, .compare-link:before, .share-link:before, .icon-check, .icon-pre-order, .icon-viewed-products, .compare .add-link:before, .stock-slider .slick-prev, .stock-slider .slick-next, .icon-pdf, .service-prices li:before, .clients__items .arrow, .clients-cases-slider .slick-prev, .clients-cases-slider .slick-prev:hover, .clients-cases-slider .slick-next, .clients-cases-slider .slick-next:hover, .testimonial__block .img-holder:after, .socials-list a:after, .article__block h4:before, .article__block .h4:before, .article__text-block .address-position:before, .text-box .benefits-list li:before, .address-display .video-slider .slick-prev, .address-display .video-slider .slick-prev:hover, .address-display .video-slider .slick-next, .address-display .video-slider .slick-next:hover, .address__item .contact-title:before, .article-slider .slick-prev, .article-slider .slick-prev:hover, .article-slider .slick-next, .article-slider .slick-next:hover, .icon-phone, .icon-time, form.ui.form .field.is-valid:after, form.ui.form .field.error:after, .social-section .link-login__block a:after, .icon-social-vk, .icon-social-fb, .icon-social-gp, a:hover .icon-social-vk, a:hover .icon-social-fb, a:hover .icon-social-gp, .icon-social-vk-color, .icon-social-fb-color, .icon-social-yt-color, .recalculate-link:before, .icon-send-link, .icon-speech-bubble, .icon-viewed-bubble {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.header {
    padding: 14px 0 0
}

.header .header-holder {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 0 0 7px
}

.header__block-left {
    width: calc(50% - 100px)
}

.header__block-right {
    width: calc(50% - 100px);
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end
}

.header__block-right .header__column:first-child {
    min-width: 305px;
    padding: 0 5px 0 0
}

.header__row {
    font-size: 0.9286rem;
    line-height: 15px;
    color: #466173;
    padding: 0 0 15px
}

.header__row-info {
    margin: 0;
    white-space: nowrap
}

.header__row-info a, .header__row-info span {
    color: #0085db;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 1px solid rgba(66, 153, 224, 0.5)
}

.header__row-info a:hover, .header__row-info span:hover {
    color: #0085db;
    border-color: transparent
}

.header__row-user {
    position: relative
}

.header__row-user > a {
    color: #12354c;
    position: relative;
    padding: 0 0 0 33px;
    margin: 0 0 0 1px
}

.header__row-user > a:before {
    content: '';
    width: 19px;
    height: 20px;
    background-position: -1px -1493px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -10px 0 0
}

.header__row-user.open .user-dropdown {
    opacity: 1;
    height: auto;
    overflow: visible;
}

.header .callback-block {
    margin: 10px 0 0 48px
}

.header .callback-block .phone {
    position: relative
}

.header .callback-block .phone:before {
    content: '';
    width: 21px;
    height: 21px;
    background-position: -1px -1679px;
    position: absolute;
    left: -45px;
    top: 3px
}

.header .user-dropdown {
    position: absolute;
    left: 27px;
    top: 34px;
    width: 209px;
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 1px 7px rgba(25, 101, 239, 0.31);
    transition: all .3s;
    opacity: 0;
    z-index: 101;
    height: 0;
    overflow: hidden
}

.header .user-dropdown:before {
    content: '';
    background: #fff;
    box-shadow: 1px 1px 7px rgba(25, 101, 239, 0.31);
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    position: absolute;
    top: -7px;
    left: 33px
}

.header .user-dropdown:after {
    background: #fff;
    width: 15px;
    height: 15px;
    transform: rotate(45deg)
}

.header .user-dropdown .user-header-menu {
    background: #fff;
    padding: 20px 23px 20px 25px;
    border-radius: 25px;
    position: relative
}

.header .user-dropdown .user-header-menu li {
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 12px
}

.header .user-dropdown .user-header-menu li a {
    color: #12354c;
    transition: all .3s
}

.header .user-dropdown .user-header-menu li a:hover {
    color: #0085db
}

.header .user-dropdown .user-header-menu li.sign-out {
    margin: 0;
    padding: 4px 0 0
}

.header .user-dropdown .user-header-menu li.sign-out div {
    padding: 12px 0 0;
    border-top: 1px solid #dde7ed
}

.header .user-dropdown .user-header-menu li.sign-out a span {
    color: #0085db;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 1px solid transparent
}

.header .user-dropdown .user-header-menu li.sign-out a span:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.icon-exit {
    width: 15px;
    height: 15px;
    background-position: -1px -1359px;
    vertical-align: middle;
    margin: -2px 12px 0 0
}

.info-menu {
    margin: 0
}

.info-menu li {
    float: left;
    margin: 0 33px 5px 0
}

.info-menu a {
    color: #466173;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 1px solid #a2b0b9;
    line-height: 15px;
    display: inline-block;
    vertical-align: top
}

.info-menu a:hover {
    color: #0085db;
    border-color: transparent
}

.header-menu {
    margin: 0
}

.header-menu li {
    margin: 0 5px 10px 0;
    width: 140px;
    float: left
}

.header-menu a {
    color: #0085db;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 1px solid transparent
}

.header-menu a:hover {
    color: #0085db;
    border-color: rgba(66, 153, 224, 0.5)
}

.logo {
    text-align: center;
    overflow: hidden;
    padding: 2px 0 0;
    max-width: 127px
}

.logo a {
    display: block;
    height: 100%
}
.logo a img{
    width: 100%;

}
div.languages {
    height: 18px
}

ul.languages {
    margin: -2px 0 0;
    float: right
}

ul.languages li {
    float: left;
    font-size: 13px;
    line-height: 15px
}

ul.languages li.active a {
    color: #0085db;
    border-color: #0085db
}

ul.languages a {
    color: #466173;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 0;
    border: 1px solid transparent;
    border-radius: 10px;
    display: inline-block;
    vertical-align: top;
    padding: 0 7px 3px
}

ul.languages a:hover {
    color: #0085db;
    border-color: 0
}

.callback-block .phone {
    color: #12354c;
    font-size: 24px;
    line-height: 24px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 300;
    display: block;
    margin: 0 0 9px
}
.callback-block .phone a{
    color: #12354c;
    font-size: 24px;
    border: 0;
}

.callback-block a {
    color: #0085db;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 1px dotted #0c9ccc
}

.callback-block a:hover {
    color: #0085db;
    border-color: transparent
}

.header .compare {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 10px 25px 0 0
}

.header .compare a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 20px;
    padding: 0
}

.header .compare .count {
    background: #0085db;
    color: #fff;
    border-radius: 8px;
    position: absolute;
    top: -6px;
    right: -8px;
    min-width: 16px;
    height: 16px;
    text-align: center;
    font-size: 11px;
    line-height: 16px;
    padding: 0 4px
}

.basket {
    font-size: 1rem;
    color: #12354c;
    position: relative;
    float: right;
    margin: 10px 0 0;
    padding: 0
}

.basket > a {
    color: #12354c;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 0;
    display: inline-block;
    vertical-align: top
}

.basket > a:hover {
    color: #0085db;
    border-color: 0
}

.basket__link:hover{
    color: #0085db;
    border-color: 0
}

.basket__link {
    display: block;
    margin: 0 0 9px 0;
    position: relative;
    padding: 0 0 0 56px;
    white-space: nowrap;
    z-index: 1002
}

.basket__link:before {
    content: '';
    width: 32px;
    height: 27px;
    background-position: -1px -968px;
    position: absolute;
    left: 0;
    top: -1px
}

.basket .count {
    color: #98aab6;
    margin: 0 0 0 1px
}

.basket .total-sum {
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    display: block;
    white-space: nowrap;
    padding: 0 0 0 56px
}

.basket .num {
    font-size: 1.286rem;
    margin: 0 5px 0 0
}

.basket.open .basket__link:after {
    content: '';
    background: #fff;
    box-shadow: -2px -2px 2px 0 rgba(25, 101, 239, 0.1);
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    position: absolute;
    top: 43px;
    left: 10px
}

.basket.open .dropdown-basket {
    opacity: 1;
    height: auto;
    overflow: visible
}

.dropdown-basket {
    position: absolute;
    right: -92px;
    top: 51px;
    width: 534px;
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 1px 7px rgba(25, 101, 239, 0.31);
    transition: all .3s;
    z-index: 1001;
    opacity: 0;
    height: 0;
    overflow: hidden
}

.dropdown-basket-holder {
    background: #fff;
    border-radius: 25px;
    position: relative;
    padding: 8px 0 27px
}

.dropdown-basket .products-holder {
    border-bottom: 1px solid #dde7ed;
    height: 229px
}

.dropdown-basket .product {
    border-top: 1px solid #dde7ed;
    padding: 20px 0 7px 50px;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.dropdown-basket .product:first-child {
    border-top: 0
}

.dropdown-basket .product .product-remove {
    position: absolute;
    top: 37px;
    left: 18px;
    font-size: 30px;
    line-height: 30px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 100;
    color: #adc9db;
    transform: rotate(45deg)
}

.dropdown-basket .product-img {
    width: 86px;
    min-width: 86px;
    max-width: 86px;
    height: 60px;
    margin: 0 27px 0 0;
    border-radius: 18px 18px 18px 0
}

.dropdown-basket .product .code {
    margin: 0 0 9px
}

.dropdown-basket .product .coast {
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 0 0
}

.dropdown-basket .product .block-l {
    display: flex;
    flex-flow: row nowrap;
    max-width: 340px
}

.dropdown-basket .product .block-r {
    width: 115px;
    min-width: 100px;
    padding: 0 0 7px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    margin: 0 15px
}

.dropdown-basket .product .input-holder {
    white-space: nowrap;
    margin: 0 0 21px
}

.dropdown-basket .product .input-holder .form-control {
    width: 43px;
    height: 29px;
    padding: 0 8px;
    font-size: 13px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle
}

.dropdown-basket .product .input-holder .units {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.9286rem;
    margin: 0 0 0 2px;
    font-weight: 400;
    font-family: "Open Sans", Arial, Verdana, Geneva, Helvetica, serif
}

.dropdown-basket .product-price {
    font-size: 18px;
    line-height: 18px;
    white-space: nowrap
}

.dropdown-basket .product-price .currency {
    font-size: 15px;
    line-height: 15px
}

.dropdown-basket .row-total-sum {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    padding: 22px 0 20px
}

.dropdown-basket .row-total-sum .title {
    font-size: 18px;
    line-height: 17px;
    font-weight: 600;
    color: #000;
    margin: 0 17px 0 0
}

.dropdown-basket .row-total-sum .price {
    min-width: 115px;
    width: 115px;
    font-size: 18px;
    line-height: 18px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    margin: 0 15px 0 0;
    white-space: nowrap
}

.dropdown-basket .row-total-sum .price .currency {
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    line-height: 15px;
    vertical-align: bottom
}

.dropdown-basket .btns-holder {
    text-align: right;
    padding: 0 21px 0 0
}

.dropdown-basket .btns-holder .link {
    margin: 0 20px 0 0;
    vertical-align: middle
}

.index-page .catalog-menu {
    box-shadow: 0 3px 0 rgba(0, 124, 204, 0.32)
}

.catalog-menu {
    border-top: 2px solid #0085db;
    background: #fff;
    position: relative;
    z-index: 1000;
    border-radius: 0 0 25px 25px
}

.catalog-menu__row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    height: 65px;
    position: relative
}

.catalog-menu__nav {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 2px 18px;
    width: calc(100% - 74px);
    height: 65px
}

.catalog-menu__nav > li {
    margin: 0 5px 0 7px;
    line-height: 17px;
    text-align: center
}

.catalog-menu__nav > li > a {
    color: #12354c;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 0;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    line-height: 17px;
    position: relative;
    z-index: 11
}

.catalog-menu__nav > li > a:hover {
    color: #0085db;
    border-color: 0
}

.catalog-menu__nav > li.open .catalog-menu__dropdown {
    top: 0;
    padding-top: 85px;
    padding-bottom: 39px;
    z-index: 10;
    opacity: 1;
    height: auto
}

.catalog-menu__dropdown {
    background: #fff;
    box-shadow: 0 3px 0 rgba(0, 124, 204, 0.32);
    border-radius: 0 0 25px 25px;
    overflow: hidden;
    text-align: left;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    padding: 20px 28px 45px;
    height: 0;
    z-index: -1;
    opacity: 0
}

.catalog-menu .type-sections {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.catalog-menu .type-sections .section {
    padding: 0;
    width: 50%
}

.catalog-menu .type-sections .section .title {
    display: block;
    font-family: "Open Sans", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    border-left: 1px solid #ebebeb;
    padding: 0 0 28px 11px;
    position: relative
}

.catalog-menu .type-sections .section .title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #0085db;
    width: 3px;
    height: 18px
}

.catalog-menu .type-sections .section .title .link-see-more {
    margin-left: 11px;
    font-size: 13px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 400;
    padding: 0 10px 0 0
}

.catalog-menu .sub-sections {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.catalog-menu .sub-sections .sub-section {
    border-left: 1px solid #ebebeb;
    padding: 0 15px;
    width: 33.3334%
}

.catalog-menu .sub-sections .sub-section .heading {
    display: block;
    font-size: 13px;
    color: #98aab6;
    margin: 0 0 14px
}

.catalog-menu .sub-sections .sub-section .heading a {
    color: #98aab6;
    transition: all .3s
}

.catalog-menu .sub-sections .sub-section .heading a:hover {
    color: #0085db
}

.sub-catalog-menu li {
    margin: 0 0 4px
}

.sub-catalog-menu a {
    color: #12354c;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 0
}

.sub-catalog-menu a:hover {
    color: #0085db;
    border-color: 0
}

.search {
    width: 74px;
    text-align: center;
    padding: 22px 0 0;
    position: relative;
    z-index: 15
}

.search__link, .search .search-btn {
    width: 17px;
    height: 17px;
    background-position: -1px -3038px
}

.search__link:hover, .search .search-btn:hover {
    width: 17px;
    height: 17px;
    background-position: -1px -3057px
}

.search__block {
    display: none;
    position: absolute;
    top: 80px;
    right: 0;
    width: 534px;
    border: 2px solid #0085db;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 1px 7px rgba(25, 101, 239, 0.31)
}

.search__block .input-text {
    height: 57px;
    padding: 0 66px 0 22px;
    border-radius: 30px
}

.search__block:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 11px 10px;
    border-color: transparent transparent #0085db transparent;
    position: absolute;
    top: -11px;
    right: 29px
}

.search__block:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 11px 10px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -8px;
    right: 29px
}

.search__input-holder {
    position: relative;
    height: 57px
}

.search .search-btn {
    position: absolute;
    right: 27px;
    top: 50%;
    margin: -8px 0 0;
    background-color: transparent;
    border: 0;
    padding: 0
}

.search.opened .search__block {
    display: block
}

.search.opened .search__link {
    width: 17px;
    height: 17px;
    background-position: -1px -2951px
}

.search.opened .search__link:hover {
    width: 17px;
    height: 17px;
    background-position: -1px -3019px
}

.search .products-holder {
    border-top: 1px solid #dde7ed;
    border-bottom: 1px solid #dde7ed;
    max-height: 203px
}

.search .product {
    display: flex;
    flex-flow: row nowrap;
    text-align: left;
    border-top: 1px solid #dde7ed
}

.search .product:first-child {
    border-top: 0
}

.search .product-img {
    width: 86px;
    min-width: 86px;
    height: 59px;
    margin: 0 24px 0 0;
    border-radius: 18px 18px 18px 0
}

.search .product-img img {
    min-width: 100%
}

.search .product-content {
    width: calc(100% - 110px);
    margin: -8px 0 0
}

.search .product .row-top {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.search .product .row-top .code {
    margin-right: 20px
}

.search .product .available {
    color: #58ad6c;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 5px
}

.search .product .row-middle {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.search .product-title {
    font-size: 13px;
    max-width: 210px;
    margin: 0 5px 0 0
}

.search .product-price {
    font-size: 18px;
    line-height: 18px
}

.search .product-price .price {
    white-space: nowrap
}

.search .product-price .currency {
    font-size: 15px;
    line-height: 20px
}

.search .product-price .icon-info {
    margin-left: 10px
}

.search .all-results {
    text-align: center;
    padding: 22px 0 32px
}

.search.mobile .product-content {
    margin-top: -2px
}

.header.opened-menu .mobile-menu__holder {
    display: block
}

.mobile-menu {
    position: absolute;
    left: 0;
    top: 0
}

.mobile-menu .menu-button {
    height: 44px;
    width: 44px;
    display: block;
    position: relative;
    margin: 26px 0 0 20px;
    transition: .5s ease-in-out;
    transform: rotate(0deg)
}

.mobile-menu .menu-button:hover span {
    background: #12a8ff
}

.mobile-menu .menu-button span:nth-child(1), .mobile-menu .menu-button span:nth-child(2) {
    top: 0
}

.mobile-menu .menu-button span {
    display: block;
    position: absolute;
    height: 3px;
    width: 50%;
    background: #0085db;
    border-radius: 3px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out
}

.mobile-menu .menu-button span:nth-child(even) {
    left: 50%;
    border-radius: 0 3px 3px 0
}

.mobile-menu .menu-button span:nth-child(odd) {
    left: 0;
    border-radius: 3px 0 0 3px
}

.mobile-menu .menu-button span:nth-child(1), .mobile-menu .menu-button span:nth-child(2) {
    top: 7px
}

.mobile-menu .menu-button span:nth-child(3), .mobile-menu .menu-button span:nth-child(4) {
    top: 21px
}

.mobile-menu .menu-button span:nth-child(5), .mobile-menu .menu-button span:nth-child(6) {
    top: 34px
}

.mobile-menu__holder {
    background: rgba(0, 0, 0, 0.5);
    height: calc(100% - 96px);
    top: 96px;
    display: none;
    position: fixed;
    left: 0;
    right: 0
}

.mobile-menu__block {
    position: fixed;
    left: -280px;
    top: 96px;
    background: #fff;
    transition: all .3s;
    width: 280px;
    border-right: 3px solid #0085db;
    height: calc(100% - 96px);
    padding: 15px 20px;
    overflow: auto;
    z-index: 1
}

.mobile-menu__block > ul {
    margin: 0 0 20px
}

.mobile-menu__block > ul li {
    margin: 0 0 5px
}

.mobile-menu.opened .mobile-menu__block {
    left: 0
}

.mobile-menu.opened .menu-button span:nth-child(1), .mobile-menu.opened .menu-button span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mobile-menu.opened .menu-button span:nth-child(2), .mobile-menu.opened .menu-button span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mobile-menu.opened .menu-button span:nth-child(1) {
    left: 4px;
    top: 11px
}

.mobile-menu.opened .menu-button span:nth-child(2) {
    left: calc(50% - 4px);
    top: 11px
}

.mobile-menu.opened .menu-button span:nth-child(3) {
    left: -50%;
    opacity: 0
}

.mobile-menu.opened .menu-button span:nth-child(4) {
    left: 100%;
    opacity: 0
}

.mobile-menu.opened .menu-button span:nth-child(5) {
    left: 4px;
    top: 25px
}

.mobile-menu.opened .menu-button span:nth-child(6) {
    left: calc(50% - 4px);
    top: 25px
}

.mobile-menu .top-panel {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 5px 0 25px
}

.mobile-menu .top-panel .login-link {
    position: relative;
    color: #0085db;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 0;
    line-height: 15px;
    padding: 0 0 0 26px
}

.mobile-menu .top-panel .login-link:hover {
    color: #0085db;
    border-color: 0
}

.mobile-menu .top-panel .login-link:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin: -10px 0 0;
    width: 19px;
    height: 20px;
    background-position: -1px -1493px
}

.mobile-menu .top-panel .login-link span {
    border-bottom: 1px solid transparent;
    transition: all .3s;
    display: inline-block;
    vertical-align: middle
}

.mobile-menu .top-panel .login-link:hover span {
    border-color: rgba(0, 133, 219, 0.5)
}

.mobile-catalog-menu a {
    color: #12354c;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 0;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    line-height: 17px
}

.mobile-catalog-menu a:hover {
    color: #0085db;
    border-color: 0
}

.mobile-header-menu a {
    color: #0085db;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 1px solid transparent
}

.mobile-header-menu a:hover {
    color: #0085db;
    border-color: rgba(66, 153, 224, 0.5)
}

.mobile-info-menu a {
    color: #466173;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 1px solid #a2b0b9;
    line-height: 15px;
    display: inline-block;
    vertical-align: top
}

.mobile-info-menu a:hover {
    color: #0085db;
    border-color: transparent
}

.header__row-user > a:before, .header .callback-block .phone:before, .icon-exit, .basket__link:before, .search__link, .search .search-btn, .search__link:hover, .search .search-btn:hover, .search.opened .search__link, .search.opened .search__link:hover, .mobile-menu .top-panel .login-link:before, .footer .socials a .fa-play:before, .payment-icon-visa, .payment-icon-mastercard, .turumburum-logo, .icon-arrow-send, .checkbox-item .checkbox + span:before, .checkbox-item .checkbox + span:not(.tooltip):before, .checkbox-item .checkbox:checked + span:before, .checkbox-item .checkbox:checked + span:not(.tooltip):before, .checkbox-item .radio + span:before, .checkbox-item .radio:checked + span:before, .ui.dropdown .dropdown.icon, .ui.dropdown.selection .dropdown.icon, .promo-slider .slick-prev, .promo-slider .slick-prev:hover, .promo-slider .slick-next, .promo-slider .slick-next:hover, .benefits-section__row:after, .icon-wood, .icon-tile, .icon-carpeting, .icon-linoleum, .icon-sport-coverage, .icon-false-floor, .icon-carpets, .icon-related-products, .icon-eco, .icon-building, .icon-module, .icon-sheet, .icon-flexible, .icon-decorative, .icon-seamless, .icon-damp-proof, .icon-warm-floor, .icon-infinity, .icon-designers, .icon-present, .slick-prev, .slick-prev.slick-disabled, .slick-next, .slick-next.slick-disabled, .slide .link-more, .slide .link-more a:after, .link-see-more:after, .link-back:after, .link-remove:after, .services__list .item.item-big .arrow, .services__list .item .arrow, .clients-section .clients-slider .more:before, .articles .last-news h4.title:before, .articles .last-news .h4.title:before, .ceo-section .ceo__list li:before, .products-slider .slick-prev, .products-slider .slick-prev:hover, .products-slider .slick-next, .products-slider .slick-next:hover, .compare-link:before, .share-link:before, .icon-check, .icon-pre-order, .icon-viewed-products, .compare .add-link:before, .stock-slider .slick-prev, .stock-slider .slick-next, .icon-pdf, .service-prices li:before, .clients__items .arrow, .clients-cases-slider .slick-prev, .clients-cases-slider .slick-prev:hover, .clients-cases-slider .slick-next, .clients-cases-slider .slick-next:hover, .testimonial__block .img-holder:after, .socials-list a:after, .article__block h4:before, .article__block .h4:before, .article__text-block .address-position:before, .text-box .benefits-list li:before, .address-display .video-slider .slick-prev, .address-display .video-slider .slick-prev:hover, .address-display .video-slider .slick-next, .address-display .video-slider .slick-next:hover, .address__item .contact-title:before, .article-slider .slick-prev, .article-slider .slick-prev:hover, .article-slider .slick-next, .article-slider .slick-next:hover, .icon-phone, .icon-time, form.ui.form .field.is-valid:after, form.ui.form .field.error:after, .social-section .link-login__block a:after, .icon-social-vk, .icon-social-fb, .icon-social-gp, a:hover .icon-social-vk, a:hover .icon-social-fb, a:hover .icon-social-gp, .icon-social-vk-color, .icon-social-fb-color, .icon-social-yt-color, .recalculate-link:before, .icon-send-link, .icon-speech-bubble, .icon-viewed-bubble {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.footer {
    width: 100%;
    background: #eaf5fc;
    padding: 67px 0 16px
}

.footer__top {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 0 30px 19px 4px
}

.footer h3 {
    font-size: 0.8571rem;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 14px;
    letter-spacing: 0.05em
}

.footer__list {
    padding: 4px 0 0
}

.footer__list li {
    margin: 0 5px 11px 0
}

.footer__list a {
    color: #12354c;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 1px solid transparent
}

.footer__list a:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.footer .menu-columns {
    padding: 0 5px 0 0
}

.footer .show-room-column {
    margin: 0 12px 0 32px
}

.footer .show-room-column h3 {
    margin: 0 0 10px
}

.footer .show-room-column .footer__row {
    margin: 0 0 28px
}

.footer .address {
    font-style: normal;
    display: block;
    line-height: 22px
}

.footer .work-time {
    display: block;
    line-height: 22px
}

.footer form.ui.form.subscription-form {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    width: 260px;
    margin: 19px 0 0;
    border: 0
}

.footer form.ui.form.subscription-form .field.error:after, .footer form.ui.form.subscription-form .field.is-valid:after {
    right: 55px
}

.footer form.ui.form.subscription-form .input-text, .footer form.ui.form.subscription-form .form-control {
    height: 40px;
    width: 100%;
    border: 0;
    padding: 0 70px 0 20px
}

.footer form.ui.form.subscription-form .submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 45px;
    background: #a3c4d8;
    padding: 0;
    border: 0;
    transition: all .3s;
    border-radius: 0 20px 20px 0
}

.footer form.ui.form.subscription-form .submit:hover {
    opacity: .7
}

.footer__row {
    margin: 0 0 33px
}

.footer__row h3 {
    padding: 0 18px
}

.footer__bottom {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 0.9286rem;
    padding: 0 31px 0 5px
}

.footer__bottom .copyright span {
    margin: 0 0 0 7px
}

.footer__bottom .developed-by span {
    margin: 0 5px 0 0
}

.footer__bottom .developed-by a {
    transition: all .3s
}

.footer__bottom .developed-by a:hover {
    opacity: .6
}

.footer__bottom .payment-icons {
    padding: 0 90px 0 0
}

.footer .socials {
    padding: 0 0 0 0
}

.footer .socials a {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border-radius: 50%;
    background: #d1e6f3;
    text-align: center;
    transition: all .3s;
    margin: 0 6px 0 0
}

.footer .socials a:hover {
    opacity: .8
}

.footer .socials a i {
    color: #a3c4d8;
    vertical-align: middle;
    font-size: 18px
}

.footer .socials a .fa-play {
    font-size: 15px;
    margin: 0 0 0 5px
}

.footer .socials a .fa-play:before {
    content: '';
    width: 12px;
    height: 15px;
    background-position: -1px -3950px
}

.footer .callback-block {
    margin: 0 0 24px
}

.footer .callback-block .phone {
    margin: 0 0 4px
}

form.ui.form.subscription-form {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    width: 260px;
    margin: 19px 0 0;
    border: 1px solid #a3c4d8;
    height: 40px
}

form.ui.form.subscription-form .field {
    height: 40px
}

form.ui.form.subscription-form .field.error:after, form.ui.form.subscription-form .field.is-valid:after {
    right: 55px
}

form.ui.form.subscription-form .input-text, form.ui.form.subscription-form .form-control {
    height: 38px;
    width: 100%;
    border: 0;
    padding: 0 70px 0 20px
}

form.ui.form.subscription-form .submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 45px;
    background: #a3c4d8;
    padding: 0;
    border: 0;
    transition: all .3s;
    border-radius: 0 20px 20px 0
}

form.ui.form.subscription-form .submit:hover {
    opacity: .7
}

form.ui.form.subscription-form .btn {
    position: absolute;
    right: 0;
    top: -1px;
    bottom: -1px;
    height: 40px;
    width: 45px;
    padding: 0;
    border: 0;
    border-radius: 0 20px 20px 0
}

.payment-icons i {
    display: inline-block;
    vertical-align: middle;
    opacity: .3;
    margin: 0 7px
}

.payment-icon-visa {
    width: 70px;
    height: 23px;
    background-position: -1px -3437px
}

.payment-icon-mastercard {
    width: 55px;
    height: 33px;
    background-position: -1px -3402px
}

.turumburum-logo {
    width: 102px;
    height: 17px;
    background-position: -1px -3383px;
    vertical-align: middle
}

.icon-arrow-send {
    width: 21px;
    height: 18px;
    background-position: -1px -673px;
    display: inline-block;
    vertical-align: middle
}

.bx-filter {
    width: 100%;
    min-width: 220px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 20px
}

.bx-filter .bx-filter-section {
    position: relative;
    padding-top: 26px
}

.bx-filter .bx-filter-section > .row {
    padding: 0 5px
}

.bx-filter .bx-filter-title {
    font-size: 18px;
    margin-bottom: 10px;
    color: #000
}

.bx-filter .bx-filter-parameters-box {
    position: relative
}

.bx-filter .bx-filter-parameters-box-title {
    font-size: 13px;
    padding-bottom: 7px
}

@media (min-width: 992px) {
    .bx-filter .bx-filter-section .col-md-4:nth-child(3n+1) {
        clear: both
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bx-filter .bx-filter-section .col-md-4:nth-child(2n+1) {
        clear: both
    }
}

.bx-filter .bx-filter-parameters-box-title span {
    color: #039be5;
    border-bottom: 1px solid transparent;
    cursor: pointer
}

.bx-filter .bx-filter-parameters-box-title span:hover {
    border-color: #039be5
}

.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span:hover {
    border-color: transparent
}

.bx-filter .bx-filter-block {
    display: none;
    -webkit-transition: padding .3s ease;
    -moz-transition: padding .3s ease;
    -ms-transition: padding .3s ease;
    -o-transition: padding .3s ease;
    transition: padding .3s ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.bx-filter .bx-filter-button-box .bx-filter-block, .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block {
    display: block
}

.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub {
    font-size: 14px;
    font-style: normal;
    display: block;
    padding-bottom: 5px
}

.bx-filter-parameters-box-container {
    padding-bottom: 20px
}

.bx-filter-parameters-box-container .checkbox:first-child {
    margin-top: 0
}

.bx-filter .bx-filter-parameters-box-container-block {
    font-size: 11px;
    color: #3f3f3f
}

.bx-filter .bx-filter-input-container input {
    display: block;
    width: 100%;
    font-size: 18px;
    height: 38px;
    margin: 0;
    padding: 0 4px;
    border: 1px solid #ccd5db;
    border-radius: 2px;
    background: #fff;
    outline: 0
}

.bx-retina .bx-filter .bx-filter-input-container input {
    border-style: solid;
    border-width: 1px;
    -webkit-border-image: url(/local/templates/primary/dist/css/images/border_default.png) 2 repeat;
    -moz-border-image: url(/local/templates/primary/dist/css/images/border_default.png) 2 repeat;
    -o-border-image: url(/local/templates/primary/dist/css/images/border_default.png) 2 repeat;
    border-image: url(/local/templates/primary/dist/css/images/border_default.png) 2 repeat
}

.bx-ios .bx-filter .bx-filter-input-container input {
    background-image: -webkit-linear-gradient(#fff 0, #fff 100%);
    background-image: linear-gradient(#fff 0, #fff 100%)
}

.bx-filter .bx-filter-button-box {
    clear: both
}

.bx-filter .bx-ui-slider-track-container {
    padding-top: 35px;
    padding-bottom: 25px
}

.bx-filter .bx-ui-slider-track {
    position: relative;
    height: 7px
}

.bx-filter .bx-ui-slider-part {
    position: absolute;
    top: -6px;
    width: 1px;
    height: 17px;
    background: #a2bfc7
}

.bx-filter .bx-ui-slider-part.p1 {
    left: -1px
}

.bx-filter .bx-ui-slider-part.p2 {
    left: 25%
}

.bx-filter .bx-ui-slider-part.p3 {
    left: 50%
}

.bx-filter .bx-ui-slider-part.p4 {
    left: 75%
}

.bx-filter .bx-ui-slider-part.p5 {
    right: -1px
}

.bx-filter .bx-ui-slider-part span {
    font-size: 11px;
    position: absolute;
    top: -16px;
    left: 50%;
    display: block;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    color: #000
}

.bx-filter .bx-ui-slider-part.p2 span, .bx-filter .bx-ui-slider-part.p3 span, .bx-filter .bx-ui-slider-part.p4 span {
    color: #6b8086
}

.bx-filter .bx-ui-slider-range, .bx-filter .bx-ui-slider-pricebar, .bx-filter .bx-ui-slider-pricebar-vd, .bx-filter .bx-ui-slider-pricebar-vn, .bx-filter .bx-ui-slider-pricebar-v {
    position: absolute;
    top: 0;
    bottom: 0
}

.bx-filter .bx-ui-slider-range {
    z-index: 50
}

.bx-filter .bx-ui-slider-pricebar {
    z-index: 100
}

.bx-filter .bx-ui-slider-pricebar-vd {
    z-index: 60
}

.bx-filter .bx-ui-slider-pricebar-vn {
    z-index: 70
}

.bx-filter .bx-ui-slider-pricebar-v {
    z-index: 80
}

.bx-filter .bx-ui-slider-handle {
    position: absolute;
    top: 100%;
    width: 22px;
    height: 22px;
    border-bottom: 0
}

.bx-filter .bx-ui-slider-handle:hover {
    -webkit-cursor: grab;
    -ms-cursor: grab;
    -o-cursor: grab;
    cursor: grab
}

.bx-filter .bx-ui-slider-handle:active {
    -webkit-cursor: grabbing;
    -ms-cursor: grabbing;
    -o-cursor: grabbing;
    cursor: grabbing
}

.bx-filter .bx-ui-slider-handle.left {
    left: 0;
    margin-left: -21px
}

.bx-filter .bx-ui-slider-handle.right {
    right: 0;
    margin-right: -21px
}

.bx-filter .bx-filter-select-container {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 35px;
    border-radius: 3px;
    border: 1px solid #ccd5db
}

.bx-retina .bx-filter .bx-filter-select-container {
    border-style: solid;
    border-width: 1px;
    -webkit-border-image: url(/local/templates/primary/dist/css/images/border_default.png) 2 repeat;
    -moz-border-image: url(/local/templates/primary/dist/css/images/border_default.png) 2 repeat;
    -o-border-image: url(/local/templates/primary/dist/css/images/border_default.png) 2 repeat;
    border-image: url(/local/templates/primary/dist/css/images/border_default.png) 2 repeat
}

.bx-filter .bx-filter-select-block {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 33px;
    margin: 0;
    padding: 0 33px 0 10px;
    border: 0;
    border-radius: 2px;
    background: #fff
}

.bx-filter .bx-filter-select-text {
    font-size: 15px;
    line-height: 33px;
    overflow: hidden;
    max-width: 100%;
    height: 33px;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis
}

.bx-filter .bx-filter-select-text.fix {
    min-width: 120px
}

.bx-filter .bx-filter-select-text label {
    cursor: pointer
}

.bx-filter .bx-filter-select-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 33px;
    cursor: pointer;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC") no-repeat center
}

.bx-filter-select-popup {
    background: #fff;
    padding: 0;
    min-width: 173px
}

.bx-filter-select-popup ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.bx-filter-select-popup ul li {
    display: block;
    text-align: left;
    vertical-align: middle
}

.bx-filter-select-popup ul li:first-child {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.bx-filter-select-popup ul li label {
    font-size: 14px;
    line-height: 26px;
    display: block;
    text-align: left !important;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 26px;
    padding: 0 5px;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    color: #575757
}

.bx-filter-select-popup ul li label.selected, .bx-filter-select-popup ul li label:hover {
    color: #000;
    background: #f3f8fa
}

.bx-filter-select-popup ul li label.disabled {
    color: #b8b8b8;
    background: transparent
}

.bx-filter-select-popup ul li .bx-filter-param-text {
    line-height: 34px !important
}

.bx-filter .bx-filter-tag {
    padding: 18px
}

.bx-filter .bx-tag-link {
    font-size: 12px;
    text-decoration: none;
    text-shadow: none
}

.bx-filter .bx-tag-link.bx-active, .bx-filter .bx-tag-link:hover {
    color: #1d3d46
}

.bx-filter .bx-filter-param-btn-inline .bx-filter-param-label {
    float: left;
    display: block;
    margin-right: 5px
}

.bx-filter .bx-filter-param-btn-block .bx-filter-param-label {
    display: block
}

.bx-filter .bx-filter-param-label.dib {
    display: inline-block
}

.bx-filter .bx-filter-param-text {
    font-weight: normal
}

.bx-filter .bx-filter-param-label.disabled .bx-filter-param-text {
    color: #6c6c6c
}

.bx-filter-select-popup .bx-filter-param-label.bx-active {
    background: #f3f8fa
}

.bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
    display: block;
    text-align: left
}

.bx-filter .bx-filter-param-btn {
    font-weight: normal;
    display: inline-block;
    width: 38px;
    height: 38px;
    padding: 6px;
    text-align: center;
    text-decoration: none;
    color: #000;
    vertical-align: middle;
    border: 1px solid #ccd5db;
    border-radius: 2px;
    background: #fff;
    position: relative;
    -webkit-transition: border .3s ease, box-shadow .1s ease, color .3s ease;
    -moz-transition: border .3s ease, box-shadow .1s ease, color .3s ease;
    -ms-transition: border .3s ease, box-shadow .1s ease, color .3s ease;
    -o-transition: border .3s ease, box-shadow .1s ease, color .3s ease;
    transition: border .3s ease, box-shadow .1s ease, color .3s ease;
    cursor: pointer
}

.bx-retina .bx-filter .bx-filter-param-btn {
    border-style: solid;
    border-width: 1px;
    -webkit-border-image: url(/local/templates/primary/dist/css/images/border_default.png) 2 repeat;
    -moz-border-image: url(/local/templates/primary/dist/css/images/border_default.png) 2 repeat;
    -o-border-image: url(/local/templates/primary/dist/css/images/border_default.png) 2 repeat;
    border-image: url(/local/templates/primary/dist/css/images/border_default.png) 2 repeat
}

.bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl {
    background: transparent;
    box-shadow: none
}

.bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl {
    position: relative
}

.bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl:before {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    content: ' ';
    display: block;
    z-index: 100;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center;
    opacity: .7
}

.bx-filter .bx-filter-param-btn .bx-filter-param-text {
    line-height: 26px
}

.bx-filter .bx-filter-param-btn.bx-spm {
    width: 23px;
    min-width: 23px;
    height: 23px;
    line-height: 23px;
    font-weight: normal;
    padding: 0;
    font-size: 17px;
    color: #767b7e;
    vertical-align: top;
    border-radius: 50%;
    background-color: transparent
}

.bx-filter .bx-filter-param-btn.bx-spm.bx-plus {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAANUlEQVQoz2NgwAQsQMzJQCSwAeKGQa7YFKoAhmOgim3QsAxIcSFUkhC2GaqhgQ4UgNgFmwQAij8OUFmBFssAAAAASUVORK5CIIA=") no-repeat center
}

.bx-filter .bx-filter-param-btn.bx-spm.bx-minus {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAAG0lEQVQYV2NgYGDgBuI4AlgGiBn4gLicAFYGAAFkBwE95V42AAAAAElFTkSuQmCC") no-repeat center
}

.bx-filter .bx-filter-param-btn.bx-spm:active {
    outline: none !important;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12)
}

.bx-filter span.bx-spm {
    font-size: 18px;
    line-height: 23px;
    display: inline-block;
    height: 23px;
    margin: 0 10px;
    vertical-align: middle;
    color: #000
}

.bx-filter-select-popup .bx-filter-select-text-icon, .bx-filter .bx-filter-select-text-icon {
    line-height: 33px;
    position: relative;
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-top: -4px;
    margin-right: 2px;
    vertical-align: middle;
    border-radius: 2px
}

.bx-filter-select-popup .bx-filter-btn-color-icon, .bx-filter .bx-filter-btn-color-icon {
    line-height: 24px;
    border-radius: 2px;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
    -webkit-background-size: cover;
    background-size: cover
}

.bx-filter-select-popup .bx-filter-btn-color-icon {
    width: 20px;
    height: 20px;
    margin: 2px 0;
    top: 0 !important
}

.bx-filter .bx-filter-select-block .bx-filter-btn-color-icon {
    top: -1px !important
}

.bx-filter-btn-color-icon.all {
    position: relative;
    border: 0;
    box-shadow: none
}

.bx-filter-btn-color-icon.all:after, .bx-filter-btn-color-icon.all:before {
    position: absolute;
    width: 60%;
    height: 60%;
    background: #fff;
    content: " ";
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2)
}

.bx-filter-btn-color-icon.all:after {
    right: 0;
    bottom: 0
}

.bx-filter-btn-color-icon.all:before {
    top: 0;
    left: 0
}

.bx-filter .bx-filter-param-label.disabled .bx-filter-btn-color-icon {
    opacity: .2
}

.bx-filter .bx-filter-parameter-biz {
    font-size: 14px;
    line-height: 15px;
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
    color: #1485ce;
    border-bottom: 1px dashed
}

.bx-filter .bx-filter-parameter-biz:hover {
    text-decoration: none;
    border-bottom: 1px solid
}

.bx-filter .bx-filter-parameter-biz.bx-active {
    position: relative;
    color: #000;
    border-color: transparent
}

.btn-themes {
    color: #FFF
}

.btn-themes.bx-active, .btn-themes.focus, .btn-themes:active, .btn-themes:focus, .btn-themes:hover {
    color: #FFF
}

.bx-filter .bx-filter-popup-result {
    font-size: 13px;
    font-weight: normal;
    position: absolute;
    z-index: 915;
    display: none;
    line-height: normal;
    margin-top: -7px;
    margin-left: 10px;
    padding: 0 10px;
    white-space: nowrap;
    color: #3f3f3f;
    min-height: 37px;
    line-height: 18px;
    border-style: solid;
    border: 1px solid #c6dce7
}

.bx-filter .bx-filter-popup-result.left {
    border-width: 2px 10px 2px 2px
}

.bx-filter .bx-filter-popup-result.right {
    border-width: 2px 2px 2px 10px
}

.bx-filter .bx-filter-popup-result.right {
    left: 97%
}

.bx-filter .bx-filter-popup-result.left {
    right: 97%
}

.bx-filter-horizontal .bx-filter-popup-result {
    display: inline-block;
    position: relative;
    left: auto;
    right: auto;
    bottom: -7px
}

.bx-filter .bx-filter-popup-result a {
    color: #0073a3;
    line-height: 10px
}

.bx-filter .bx-filter-popup-result a:hover {
    text-decoration: none
}

.bx-filter .bx-filter-popup-result-close {
    display: none
}

@media (max-width: 767px) {
    .bx-touch .bx-filter .bx-filter-popup-result {
        font-size: 12px;
        line-height: 14px;
        position: fixed !important;
        z-index: 1001;
        top: auto !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        margin-top: 0;
        margin-left: 0;
        width: auto;
        height: auto;
        padding: 10px;
        border-radius: 2px;
        border: 1px solid #c6dae7;
        background: rgba(255, 255, 255, 0.9)
    }

    .bx-touch .bx-filter .bx-filter-popup-result br {
        display: none
    }

    .bx-filter .bx-filter-popup-result .arrow {
        display: none
    }
}

* {
    box-sizing: border-box;
    outline: none !important
}

input[type=number] {
    -moz-appearance: textfield
}

::-webkit-inner-spin-button {
    -webkit-appearance: none
}

::-webkit-outer-spin-button {
    -webkit-appearance: none
}

::-ms-clear {
    display: none
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

ul {
    padding-left: 0;
    margin: 0
}

ul, li, ul li {
    list-style: none
}

figure {
    margin: 1em 25px;
    text-align: center
}

img {
    max-width: 100%;
    max-height: 100%
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0
}

body {
    min-width: 320px;
    -webkit-font-smoothing: antialiased;
    color: #12354c;
    font-family: "Open Sans", Arial, Verdana, Geneva, Helvetica, serif;
    font-size: 14px;
    line-height: 24px
}

main {
    width: 100%;
    background-color: #fff
}

input[type=search] {
    box-sizing: border-box
}

.ui.form.small-form {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto
}

.input-text {
    width: 100%;
    border: 0
}

.input__text {
    border-radius: 3px;
    width: 100%;
    border: 1px solid #a3c4d8;
    height: 44px;
    padding: 0 14px
}

.check-row {
    margin: 0 -30px 0 0
}

.check-row .checkbox-item {
    margin: 0 29px 0 0;
    float: left
}

.checkbox-item {
    margin: 0 0 6px
}

.checkbox-item label {
    cursor: pointer;
    font-size: 0.9286rem;
    line-height: 23px
}

.checkbox-item label.disabled, .checkbox-item label.disable {
    cursor: default;
    opacity: .5
}

.checkbox-item .checkbox {
    display: none
}

.checkbox-item .checkbox + span, .checkbox-item .checkbox + span:not(.tooltip) {
    position: relative;
    padding: 0 0 0 31px;
    display: inline-block;
    vertical-align: top
}

.checkbox-item .checkbox + span:before, .checkbox-item .checkbox + span:not(.tooltip):before {
    content: '';
    width: 20px;
    height: 22px;
    background-position: -1px -1070px;
    position: absolute;
    left: 0;
    top: 1px
}

.checkbox-item .checkbox:checked + span:before, .checkbox-item .checkbox:checked + span:not(.tooltip):before {
    content: '';
    width: 20px;
    height: 22px;
    background-position: -1px -1094px
}

.checkbox-item .radio {
    display: none
}

.checkbox-item .radio + span {
    position: relative;
    padding: 0 0 0 31px;
    display: inline-block;
    vertical-align: top
}

.checkbox-item .radio + span:before {
    content: '';
    width: 15px;
    height: 17px;
    background-position: -1px -3504px;
    position: absolute;
    left: 0;
    top: 3px
}

.checkbox-item .radio:checked + span:before {
    content: '';
    width: 15px;
    height: 17px;
    background-position: -1px -3523px
}

.ui.select-dropdown .text {
    color: #12354c;
    line-height: 32px
}

.ui.select-dropdown .text span {
    line-height: 15px;
    color: #0085db;
    border-bottom: 1px dotted #0c9ccc;
    transition: all .3s
}

.ui.select-dropdown .text span:hover {
    border-color: transparent
}

.ui.dropdown, .ui.dropdown.selection {
    padding: 0 14px;
    font-size: 13px;
    border-radius: 4px;
    min-height: 34px
}

.ui.dropdown .text, .ui.dropdown.selection .text {
    color: #12354c;
    line-height: 32px;
    white-space: nowrap;
    max-width: calc(100% - 15px);
    overflow: hidden;
    text-overflow: ellipsis
}

.ui.dropdown .text span, .ui.dropdown.selection .text span {
    line-height: 15px;
    color: #0085db;
    transition: all .3s
}

.ui.dropdown .text span:hover, .ui.dropdown.selection .text span:hover {
    border-color: transparent
}

.ui.dropdown .dropdown.icon, .ui.dropdown.selection .dropdown.icon {
    width: 9px;
    height: 5px;
    background-position: -1px -3196px;
    margin: -1px 0 0 5px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%
}

.ui.dropdown .dropdown.icon:before, .ui.dropdown.selection .dropdown.icon:before {
    content: ''
}

.ui.dropdown .menu, .ui.dropdown.selection .menu {
    border-color: #a3c4d8;
    z-index: 100
}

.ui.dropdown .menu > .item, .ui.dropdown.selection .menu > .item {
    font-size: 0.9286rem
}

.ui.dropdown .menu .search, .ui.dropdown.selection .menu .search {
    padding-top: 0
}

.ui.dropdown.active .text span, .ui.dropdown.selection.active .text span {
    border-color: transparent
}

.ui.dropdown.selection {
    padding: 0 30px 0 14px
}

.ui.dropdown.selection .dropdown.icon {
    right: 10px
}

.wrapper {
    min-width: 320px;
    width: 100%;
    transition: max-width .3s
}

a {
    text-decoration: none
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
    font-family: "Open Sans", Arial, Verdana, Geneva, Helvetica, serif
}

h1, .h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 24px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    margin: 0 0 12px;
    position: relative;
    letter-spacing: .05em
}

h1:before, .h1:before {
    content: '';
    height: 1px;
    background: #dfe4e7;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: -1px 0 0
}

.ceo-description__text h1:before {
    background: none
}

h1 span, .h1 span {
    background: #fff;
    position: relative;
    padding: 0 35px;
    vertical-align: top;
    display: inline-block
}

h1 .link-left, .h1 .link-left {
    float: left;
    padding: 3px 15px 0 15px
}

h1 .link-right, .h1 .link-right {
    float: right;
    padding: 3px 0 0 28px
}

h1 .unit, .h1 .unit {
    font-style: normal;
    font-size: 24px
}

h1 .total-meters, .h1 .total-meters {
    font-size: 35px;
    line-height: 35px;
    text-transform: none;
    margin: 0 0 6px
}

.container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative
}

.promo-section .promo-block {
    border-radius: 30px;
    overflow: hidden
}

.promo-slider {
    text-align: center;
    width: 100%;
    max-height: 462px;
    max-width: 1600px;
    margin: -67px auto 0
}
/* preloader */
.promo-slider:after {
  content: '';
  position: absolute;
  top: 200px;
  left: calc(50% - 25px);
  border: 5px solid #00a0ff;
  border-radius: 50%;
  border-color: #00a0ff transparent #00a0ff transparent;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  visibility: visible;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.promo-slider {
  visibility: hidden;
  position: relative;
}
.promo-slider.slick-initialized { visibility: visible;}
.promo-slider.slick-initialized:after{
  content:none;
}
.promo-slider:not(.slick-initialized) .slide:not(:first-child){
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.promo-slider img {
    display: inline-block;
    vertical-align: top
}

.promo-slider .slick-arrow {
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 50%;
    margin: -28px 0 0;
    z-index: 99;
    text-indent: -9999px;
    padding: 0;
    transition: background-image .3s
}

.promo-slider .slick-prev {
    width: 78px;
    height: 71px;
    background-position: -1px -404px;
    left: 15%
}

.promo-slider .slick-prev:hover {
    width: 77px;
    height: 70px;
    background-position: -1px -477px
}

.promo-slider .slick-next {
    width: 78px;
    height: 71px;
    background-position: -1px -129px;
    right: 15%;
    transform: rotate(0deg)
}

.promo-slider .slick-next:hover {
    width: 77px;
    height: 70px;
    background-position: -1px -202px
}

.promo-slider .promo-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 99;
    padding: 74px 0 40px;
    height: 100%;
    font: 30px/35px "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center
}

.promo-slider .promo-text .title-name {
    display: block;
    font: 45px/50px "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    margin: 0 0 12px
}

.promo-slider .promo-text p {
    margin: 0 0 32px
}

.promo-slider .promo-text .more {
    font: 14px/40px "Open Sans", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 700;
    color: #74b0d3;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    border-radius: 20px;
    padding: 0 27px;
    background: #fff;
    box-shadow: 0 2px 0 rgba(19, 145, 192, 0.31);
    text-transform: none
}

.fade-slider .slick-dots, .blue-dots-slider .slick-dots, .video-slider .slick-dots {
    position: absolute;
    bottom: 29px;
    width: 100%;
    text-align: center;
    z-index: 9;
    height: 8px
}

.fade-slider .slick-dots li, .blue-dots-slider .slick-dots li, .video-slider .slick-dots li {
    display: inline-block;
    vertical-align: top;
    margin: 0 11px
}

.fade-slider .slick-dots li.slick-active button, .blue-dots-slider .slick-dots li.slick-active button, .video-slider .slick-dots li.slick-active button {
    background: #0085db
}

.fade-slider .slick-dots button, .blue-dots-slider .slick-dots button, .video-slider .slick-dots button {
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    display: block;
    border: 0;
    padding: 0;
    text-indent: -9999px
}

.fade-slider .slick-dots {
    height: 22px
}

.fade-slider .slick-dots li {
    padding: 6px;
    border-radius: 50%;
    border: 1px solid transparent;
    transition: all .3s;
    margin: 0 4px
}

.fade-slider .slick-dots li.slick-active {
    border-color: #fff
}

.fade-slider .slick-dots li.slick-active button {
    background: #fff
}

.slick-slider.blue-dots-slider .slick-dots li.slick-active button, .slick-slider.portal-promo-slider .slick-dots li.slick-active button {
    background: #0085db
}

.benefits-section {
    padding: 19px 0 40px
}

.benefits-section__row {
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    text-transform: uppercase;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    max-width: 720px;
    margin: 0 auto 40px;
    position: relative;
    padding: 0 0 60px
}

.benefits-section__row:after {
    content: '';
    width: 708px;
    height: 33px;
    background-position: -1px -997px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -354px
}

.benefits-section__row .item {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.benefits-section__row .num {
    font: 42px/42px "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 700;
    letter-spacing: -0.05em;
    margin: 0 20px 0 0
}

.benefits-section__row .value {
    color: #3e5465;
    line-height: 20px;
    padding: 1px 0 0
}

.benefits-section__total-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    max-width: 720px;
    margin: 0 auto
}

.benefits-section__total-row .num {
    color: #12a8ff;
    font: 36px/36px "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 700;
    display: block;
    margin: 0 0 5px
}

.benefits-section__total-row .num .units {
    font-size: 24px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 400
}

.benefits-section__total-row .num .units sup {
    font-size: 60%
}

.benefits-section__total-row .value {
    color: #3e5465;
    font: 16px/19px "Open Sans", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 300;
    display: block
}

.index-page .product-catalog-section {
    padding: 53px 0 41px
}

.product-catalog-section {
    width: 100%;
    background: #eaf5fc;
    padding: 49px 0 20px;
    position: relative;
    overflow: hidden
}

.product-catalog-section .title-letter {
    color: #fff
}

.bg-shape-left {
    background: url(/local/templates/primary/dist/css/../img/bg-shape-left.svg) no-repeat;
    width: 632px;
    height: 644px;
    position: absolute;
    left: 50%;
    top: 65px;
    margin: 0 0 0 -934px
}

.bg-shape-right {
    background: url(/local/templates/primary/dist/css/../img/bg-shape-right.svg) no-repeat;
    width: 659px;
    height: 533px;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0 0 0 339px
}

.title-letter {
    position: absolute;
    top: 0;
    left: 50%;
    width: 200px;
    margin: -22px 0 0 -137px;
    text-align: center;
    font: 190px/190px "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 700;
    color: rgba(234, 245, 252, 0.48)
}

.title-holder {
    text-align: center;
    margin: 0 0 60px
}

.title-holder p {
    margin: 0;
    font: 18px/22px "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 300
}

.index-page h2, .index-page .h2 {
    text-transform: uppercase;
    margin: 0 0 6px;
    letter-spacing: 0.05em;
    font: 900 24px/28px "Roboto", Arial, Verdana, Geneva, Helvetica, serif
}

h2, .h2 {
    text-align: center
}

.product-catalog {
    margin: 0 auto;
    max-width: 940px;
    overflow: hidden
}

.product-catalog__list {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 -10px
}

.product-catalog__list.mini {
    justify-content: center;
    margin-top: 13px;
    margin-bottom: 20px
}

.product-catalog__list.mini li {
    width: 172px;
    height: 156px
}

.product-catalog__list.mini li .icon {
    height: 101px;
    line-height: 100px
}

.product-catalog__list.mini .icon {
    padding-top: 9px
}

.product-catalog__list.mini .text {
    padding-top: 0;
    padding-bottom: 13px
}

.product-catalog__list li {
    width: 220px;
    height: 200px;
    margin: 0 10px 20px
}

.product-catalog__list a {
    display: block;
    text-align: center;
    color: #12354c;
    height: 100%;
    box-shadow: 0 1px 4px rgba(25, 101, 239, 0.21);
    background: #fff;
    border-radius: 30px;
    transition: all .3s
}

.product-catalog__list a:hover .text span {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5);
    transition: all .3s
}

.product-catalog__list .icon {
    display: block;
    height: 133px;
    padding: 13px 0 0;
    line-height: 133px
}

.product-catalog__list .icon i {
    vertical-align: middle;
    transition: all .3s
}

.product-catalog__list .text {
    height: 55px;
    padding: 8px 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 17px
}

.product-catalog__list .text span {
    border-bottom: 1px solid transparent
}

.icon-wood {
    width: 111px;
    height: 69px;
    background-position: -1px -2837px
}

.icon-tile {
    width: 72px;
    height: 72px;
    background-position: -1px -2701px
}

.icon-carpeting {
    width: 103px;
    height: 73px;
    background-position: -1px -1833px
}

.icon-linoleum {
    width: 69px;
    height: 85px;
    background-position: -1px -2319px
}

.icon-sport-coverage {
    width: 97px;
    height: 62px;
    background-position: -1px -2637px
}

.icon-false-floor {
    width: 101px;
    height: 62px;
    background-position: -1px -2201px
}

.icon-carpets {
    width: 76px;
    height: 104px;
    background-position: -1px -1908px
}

.icon-related-products {
    width: 76px;
    height: 76px;
    background-position: -1px -2466px
}

.icon-eco {
    width: 48px;
    height: 59.97px;
    background-position: -1px -2139px
}

.icon-building {
    width: 78px;
    height: 39px;
    background-position: -1px -1792px
}

.icon-module {
    width: 64px;
    height: 58px;
    background-position: -1px -2406px
}

.icon-sheet {
    width: 71px;
    height: 60px;
    background-position: -1px -2575px
}

.icon-flexible {
    width: 69px;
    height: 52px;
    background-position: -1px -2265px
}

.icon-decorative {
    width: 63px;
    height: 63px;
    background-position: -1px -2074px
}

.icon-seamless {
    width: 65px;
    height: 29px;
    background-position: -1px -2544px
}

.icon-damp-proof {
    width: 59px;
    height: 58px;
    background-position: -1px -2014px
}

.icon-warm-floor {
    width: 35px;
    height: 59.97px;
    background-position: -1px -2775px
}

.icon-infinity {
    width: 178px;
    height: 79.97px;
    background-position: -1px -886px
}

.icon-designers {
    width: 69px;
    height: 92px;
    background-position: -1px -1248px
}

.icon-present {
    width: 21px;
    height: 25px;
    background-position: -1px -1739px;
    vertical-align: middle;
    margin: -4px 0 0
}

.index-page .brands-section {
    padding: 30px 0 0
}

.brands-section {
    padding: 40px 0;
    overflow: hidden
}

.brands-section .brands-slider {
    max-width: 940px;
    margin: 0 auto
}

.brands-section .brands-slider .slick-list {
    margin: 0 55px
}

.brands-section .brands-slider .slick-arrow {
    position: absolute;
    top: 50%;
    margin: -9px 0 0
}

.brands-section .brands-slider .slick-prev {
    left: 0
}

.brands-section .brands-slider .slick-next {
    right: 0
}

.brands-section .brands-slider .slick-slide {
    float: none;
    vertical-align: middle
}

.brands-section .brands-slider .slick-slide a {
    display: block
}

.brands-section .brands-slider.slick-initialized .slick-slide {
    display: inline-block
}

.slick-arrow {
    border: 0;
    background-color: transparent;
    padding: 0;
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    margin: -9px 0 0;
    z-index: 1
}

.slick-prev {
    width: 21px;
    height: 18px;
    background-position: -1px -769px;
    left: 0
}

.slick-prev.slick-disabled {
    width: 21px;
    height: 18px;
    background-position: -1px -789px;
    transform: rotate(-180deg)
}

.slick-next {
    width: 21px;
    height: 18px;
    background-position: -1px -769px;
    transform: rotate(-180deg);
    right: 0
}

.slick-next.slick-disabled {
    width: 21px;
    height: 18px;
    background-position: -1px -789px;
    transform: rotate(0deg)
}

.slide {
    text-align: center
}

.slide .link-more {
    width: 129px;
    height: 114px;
    background-position: -1px -3542px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    padding: 0 10px 10px 0;
    margin: 0 auto 15px
}

.slide .link-more a {
    color: #0085db;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 1px solid transparent;
    line-height: 17px;
    padding: 0 5px 0 0;
    position: relative
}

.slide .link-more a:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.slide .link-more a:after {
    content: '';
    width: 10px;
    height: 9px;
    background-position: -1px -88px;
    position: absolute;
    right: -8px;
    top: 50%;
    margin: -3px 0 0
}

.slide img {
    display: inline-block;
    vertical-align: middle
}

.index-page .services-section {
    padding: 49px 0 38px
}

.services-section {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 49px 0 29px
}

.services-section .title-letter {
    margin-left: -103px
}

.services-section .title-holder {
    margin: 0 0 57px
}

.services-section h2, .services-section .h2 {
    margin: 0 0 9px
}

.services-section h2.section-title, .services-section .h2.section-title {
    margin: 0 0 30px
}

.item-of-services {
    padding: 50px 0
}

.item-of-services h3.section-title {
    color: #000;
    font-size: 18px;
    font-weight: 600
}

.item-of-services .text.opened .text-block {
    max-height: 999px
}

.item-of-services .text-block {
    max-width: 800px;
    max-height: 144px;
    overflow: hidden;
    transition: all .3s;
    margin: 0 0 18px
}

.item-of-services .text-block p {
    margin: 0;
    line-height: 24px
}

.articles-section {
    padding: 15px 0 30px
}

.articles-section h3.section-title {
    font-size: 18px;
    color: #000;
    font-weight: 600
}

.articles-section .articles__main-list {
    padding: 13px 0 0;
    margin: 0 -10px;
    flex-flow: row nowrap;
    justify-content: space-between
}

.articles-section .articles__item {
    margin: 0 10px 40px;
    max-width: 397px;
    width: calc(33.3334% - 20px)
}

h3.section-title {
    margin: 0 0 18px
}

h3.section-title span {
    vertical-align: middle
}

h3.section-title .link-see-more {
    margin: 4px 0 0 10px;
    vertical-align: middle;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif
}

.title-holder .section-title {
    margin: 0 0 6px
}

.title-holder .link-see-more {
    margin: 8px 0 0
}

.link-see-more {
    color: #0085db;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 1px solid transparent;
    line-height: 17px;
    padding: 0 5px 0 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-weight: 400
}

.link-see-more:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.link-see-more:after {
    content: '';
    width: 10px;
    height: 9px;
    background-position: -1px -88px;
    position: absolute;
    right: -8px;
    top: 50%;
    margin: -3px 0 0
}

.link-back {
    color: #0085db;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 1px solid transparent;
    line-height: 17px;
    padding: 0 0 0 5px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0
}

.link-back:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.link-back:after {
    content: '';
    width: 10px;
    height: 9px;
    background-position: -1px -88px;
    position: absolute;
    left: -15px;
    top: 50%;
    margin: -5px 0 0;
    transform: rotate(180deg)
}

.link-remove {
    color: #0085db;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 1px solid transparent;
    line-height: 17px;
    padding: 0 0 0 5px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer
}

.link-remove:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.link-remove:after {
    content: '';
    width: 11px;
    height: 12px;
    background-position: -1px -2986px;
    position: absolute;
    left: -15px;
    top: 50%;
    margin: -7px 0 0;
    transform: rotate(180deg)
}

.delete-block {
    background: #fff;
    width: 217px;
    border: 2px solid #ff1744;
    border-radius: 30px;
    padding: 25px 30px 23px;
    position: absolute;
    top: 40px;
    right: 45px;
    text-align: center;
    z-index: -1;
    color: #12354c;
    text-transform: none;
    font-family: "Open Sans", Arial, Verdana, Geneva, Helvetica, serif;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    font-weight: 400;
    box-shadow: 1px 0 7px rgba(25, 101, 239, 0.31);
    opacity: 0;
    transition: all .3s
}

.delete-block.open {
    opacity: 1;
    z-index: 9
}

.delete-block:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 11px 10px;
    border-color: transparent transparent #ff1745 transparent;
    position: absolute;
    top: -11px;
    left: 117px
}

.delete-block:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 11px 10px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -8px;
    left: 117px
}

.delete-block__text {
    font-weight: 700;
    padding: 0;
    display: block;
    margin: 0 0 18px
}

.delete-block .links {
    text-transform: uppercase;
    padding: 0
}

.delete-block .yes {
    color: #98aab6;
    margin: 0 9px;
    cursor: pointer
}

.delete-block .no {
    color: #12354c;
    margin: 0 9px;
    cursor: pointer
}

.services {
    overflow: hidden;
    border-radius: 35px
}

.services__list {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0
}

.services__list:last-child {
    margin: 0 0 -16px
}

.services__list .item {
    max-width: 309px;
    width: calc(50% - 8px);
    max-height: 240px;
    position: relative;
    margin: 0 0 16px 0;
    overflow: hidden
}

.services__list .item a {
    display: block;
    height: 100%;
    transition: all 1s
}

.services__list .item a:hover .text-holder {
    background: rgba(0, 0, 0, 0.01)
}

.services__list .item a:hover .arrow {
    opacity: 1
}

.services__list .item .text-holder {
    color: #fff;
    font: 30px/36px "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.17);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0, 162, 255, 0.6) 0, transparent 100%);
    background: -webkit-linear-gradient(top, rgba(0, 162, 255, 0.6) 0, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 162, 255, 0.6) 0, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9900a2ff', endColorstr='#00000000', GradientType=0);
    padding: 25px 50px 25px 25px;
    transition: all .3s
}

.services__list .item .text-holder .title {
    display: block;
    margin: 0 0 11px
}

.services__list .item.item-big {
    max-width: 633px;
    width: calc(50% - 8px);
    max-height: 496px;
    height: 100%
}

.services__list .item.item-big .text-holder {
    font-size: 40px;
    line-height: 45px;
    padding: 39px 50px 25px 38px
}

.services__list .item.item-big .arrow {
    opacity: 0;
    width: 51px;
    height: 44px;
    background-position: -1px -723px
}

.services__list .item.item-big .title {
    margin: 0 0 25px
}

.services__list .item.item-big a:hover .arrow {
    opacity: 1
}

.services__list .item .arrow {
    opacity: 0;
    width: 33px;
    height: 28px;
    background-position: -1px -693px;
    transition: all .3s
}

.services .items-small {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
    max-width: 633px;
    width: calc(50% - 8px)
}

.services__main-list .item {
    width: calc(25% - 8px);
    margin-right: 8px;
    max-width: 314px
}
.services__main-list .item img {
    min-width: 100%;
    min-height: 100%
}

.services__main-list .item:last-child {
    border-radius: 0 35px 35px 0
}
.services__main-list .item:nth-child(5):last-child {
    border-radius: 0 0 35px 0
}

.services__main-list .items-small {
    width: calc(100% + 8px);
    max-width: calc(100% + 8px);
    margin-right: -8px;
    justify-content: flex-start
}

.services__block {
    padding: 0 0 70px
}

.services__block .brands-filters {
    padding: 0
}

.clients-section {
    position: relative;
    padding: 33px 0 47px
}

.clients-section h2, .clients-section .h2 {
    margin: 0 0 11px
}

.clients-section .title-holder {
    margin: 0 0 37px
}

.clients-section .title-holder p {
    line-height: 24px
}

.clients-section .title-holder .link-see-more {
    margin: 14px 0 0
}

.clients-section .clients-slider {
    height: 355px
}

.clients-section .clients-slider .slick-list {
    border-radius: 30px;
    height: 100%
}

.clients-section .clients-slider .slick-list .slick-track {
    height: 100%
}

.clients-section .clients-slider .text-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left
}

.clients-section .clients-slider .text-holder .description {
    background: url(/local/templates/primary/dist/css/../img/shape-slider-big.png) no-repeat;
    width: 429px;
    height: 330px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: 78px 45px 80px
}

.clients-section .clients-slider .text-holder .description .title {
    color: #00a0ff;
    text-transform: uppercase;
    font: 24px/24px "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    display: block;
    margin: 0 0 18px
}

.clients-section .clients-slider .text-holder .description .text {
    font-size: 15px;
    line-height: 22px;
    padding: 0 25px 0 0
}

.clients-section .clients-slider .text-holder .description .text p {
    margin: 0
}

.clients-section .clients-slider .link-holder {
    position: absolute;
    left: 120px;
    bottom: 21px;
    right: 190px;
    text-align: center;
    margin: 0 0 0 10px
}

.clients-section .clients-slider .more {
    color: #0085db;
    position: relative;
    line-height: 18px;
    color: #0085db;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 1px solid transparent;
    padding: 34px 0 0;
    display: inline-block;
    vertical-align: top
}

.clients-section .clients-slider .more:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.clients-section .clients-slider .more:before {
    content: '';
    width: 33px;
    height: 28px;
    background-position: -1px -99px;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -16px
}

.clients-section .clients-slider .info-shape {
    width: 163px;
    height: 149px;
    position: absolute;
    color: #3e5465;
    font-size: 15px;
    line-height: 18px;
    z-index: 1;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center
}

.clients-section .clients-slider .info-shape:before {
    content: '';
    background: url(/local/templates/primary/dist/css/../img/shape-slider-top.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.clients-section .clients-slider .info-shape.shape-top {
    left: 449px;
    top: 37px;
    padding: 0 0 22px
}

.clients-section .clients-slider .info-shape.shape-left {
    left: 363px;
    top: 170px
}

.clients-section .clients-slider .info-shape.shape-left:before {
    transform: rotate(-180deg)
}

.clients-section .clients-slider .info-shape .num {
    font: 40px/40px "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 700;
    color: #017ccd;
    display: block
}

.clients-section .clients-slider .info-shape .num sup {
    font-size: 60%
}

.clients-section .clients-slider .info-shape .num .units {
    font-size: 23px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 400
}

.clients-section .clients-slider .info-shape p {
    margin: 0
}

.clients-section .clients-slider .slide img {
    min-height: 100%;
    max-width: 2000px
}

.blog-section {
    position: relative;
    padding: 65px 0
}

.blog-section .title-holder {
    margin: 0 0 42px
}

.blog-section h2, .blog-section .h2 {
    margin: 0 0 11px
}

.blog-section h2.section-title, .blog-section .h2.section-title {
    margin: 0 0 33px
}

.blog-section__min {
    padding-bottom: 26px;
    padding-top: 48px
}

.blog-section__min:last-child .articles {
    border: 0
}

.blog-section__min h2.section-title, .blog-section__min .h2.section-title {
    text-align: left;
    padding: 0 22px 0 30px;
    margin: 0 0 31px
}

.blog-section__min .articles {
    border-bottom: 1px solid #dfe4e7;
    margin: 0 22px 0 18px;
    padding: 0 0 18px
}

.blog-section__min .articles__list {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0
}

.blog-section__min .articles__list .item {
    width: 50%;
    padding: 0
}

.blog-section__min .articles__list .img {
    width: 252px;
    height: 124px;
    float: left;
    margin: 0 40px 0 0;
    border-radius: 30px 30px 0 30px
}

.blog-section__min .articles__list .description {
    overflow: hidden;
    padding: 18px 25px 0 0
}

.blog-section__min .articles__list .text {
    white-space: normal;
    max-height: 42px;
    margin: 0 0 29px
}

.blog-section__min-holder {
    padding-left: 10px
}

.articles {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.articles__list {
    width: 304px;
    margin: 0 30px
}

.articles__list .item {
    padding: 25px 0 0
}

.articles__list .item:first-child {
    padding-top: 0
}

.articles__list .img {
    width: 304px;
    height: 150px;
    overflow: hidden;
    border-radius: 30px 30px 30px 0;
    margin: 0 0 17px
}

.articles__list .text {
    max-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.articles .date {
    display: block;
    color: #98aab6;
    font-size: 0.9286rem;
    line-height: 16px;
    margin: 0 0 9px
}

.articles h4.title, .articles .h4.title {
    font: 18px/22px "Open Sans", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 600;
    color: #000;
    margin: 0 0 2px
}

.articles h4.title a, .articles .h4.title a {
    color: #000;
    font-size: 1.286rem;
    transition: all .3s;
    border-bottom: 1px solid transparent
}

.articles h4.title a:hover, .articles .h4.title a:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.articles p {
    margin: 0
}

.articles .last-news {
    width: 220px;
    min-width: 220px;
    margin: 0 30px 0 16px;
    position: relative;
    padding: 0 0 25px
}

.articles .last-news h4.title, .articles .last-news .h4.title {
    position: relative;
    padding: 0 0 0 38px;
    margin: 0 0 30px
}

.articles .last-news h4.title:before, .articles .last-news .h4.title:before {
    content: '';
    width: 26px;
    height: 20px;
    background-position: -1px -1515px;
    position: absolute;
    left: 0;
    top: 1px
}

.articles .last-news__items {
    position: relative
}

.articles .last-news__items .new-item {
    border-top: 1px solid #dde7ed;
    margin: 0 0 21px;
    padding: 21px 0 0
}

.articles .last-news__items .new-item:first-child {
    border-top: 0;
    padding-top: 0
}

.articles .last-news__items .date {
    margin: 0 0 6px
}

.articles .last-news__items .text {
    line-height: 17px;
    max-height: 36px;
    padding: 0 0 2px;
    overflow: hidden
}

.articles .last-news__items .text a {
    color: #12354c;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 1px solid transparent
}

.articles .last-news__items .text a:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.articles .last-news .link-see-more {
    position: absolute;
    bottom: 3px
}

.main-article {
    border-radius: 30px 30px 0 30px;
    overflow: hidden;
    width: 634px;
    background: #eaf5fc
}

.main-article .description {
    background: #eaf5fc;
    padding: 27px 25px 33px 25px;
    border-radius: 0 0 0 30px;
    overflow: hidden
}

.main-article .description h4.title, .main-article .description .h4.title {
    font-size: 22px;
    line-height: 26px;
    margin: 0 0 12px
}

.main-article .description h4.title a, .main-article .description .h4.title a {
    font-size: 22px
}

.main-article .description .text {
    max-height: 24px;
    overflow: hidden
}

.main-article .description .date {
    font-size: 1.071rem;
    line-height: 18px;
    margin: 0 0 17px
}

.ceo-section {
    padding: 54px 0 53px
}

.ceo-section .ceo {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    max-width: 810px;
    margin: 0 auto
}

.ceo-section .ceo__description {
    width: calc(100% - 270px - 77px);
    padding: 13px 0 0
}

.ceo-section .ceo__description .title {
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 28px
}

.ceo-section .ceo__list {
    padding: 0 0 14px
}

.ceo-section .ceo__list li {
    color: #466173;
    padding: 0 0 0 29px;
    position: relative;
    font-size: 18px;
    line-height: 30px;
    font-family: "Open Sans", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 300;
    margin: 0 0 16px
}

.ceo-section .ceo__list li:before {
    content: '';
    width: 8px;
    height: 14px;
    background-position: -1px -1px;
    position: absolute;
    left: 2px;
    top: 7px
}

.main-title-block {
    padding: 26px 0 0
}

.breadcrumbs {
    text-align: center;
    margin: -3px 0 30px 12px
}

.breadcrumbs li {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #98aab6;
    margin: 0 6px 0 0
}

.breadcrumbs a {
    color: #98aab6;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 0;
    margin: 0 6px 0 0
}

.breadcrumbs a:hover {
    color: #0085db;
    border-color: 0
}

.categories-list li {
    width: 264px;
    height: auto
}

.categories-list li .icon {
    height: 240px;
    line-height: 240px;
    padding: 0;
    margin: 0 0 15px
}

.categories-list li .icon a img {
    transition: all .3s
}

.categories-list li .icon a:hover img {
    opacity: .7
}

.categories-list li .text {
    font-family: "Open Sans", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 300;
    height: auto;
    letter-spacing: .025em
}

.categories-list li .text a {
    color: #12354c;
    font-size: 22px;
    transition: all .3s;
    border-bottom: 0;
    background: none;
    box-shadow: none
}

.categories-list li .text a:hover {
    color: #0085db;
    border-color: transparent
}

.popular-products {
    padding: 33px 0 14px
}

.products-slider {
    margin: 0 22px;
    border: 1px solid #ebebeb;
    border-radius: 30px 30px 0 0
}

.products-slider .slick-list {
    border-radius: 30px 30px 0 0
}

.products-slider .slick-track {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    height: 315px
}

.products-slider .slide {
    border-right: 1px solid #ebebeb;
    padding: 21px 20px 15px;
    text-align: left;
    float: none;
    height: 100%;
    /*min-width: 247px;*/
    position: relative
}

.products-slider .product-img {
    width: 206px;
    height: 140px;
    overflow: hidden;
    border-radius: 30px 30px 30px 0;
    margin: 0 auto 9px;
    position: relative
}

.products-slider .product-img .available {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #58ad6c;
    font-size: 12px;
    line-height: 18px;
    border-radius: 0 4px 0 0;
    padding: 4px 8px 2px 6px;
    background: rgba(255, 255, 255, 0.9)
}

.products-slider .product-img .available span {
    margin: 0 0 0 3px
}

.products-slider .product-img .available.not-available {
    color: #12354c
}

.products-slider .product-img .available.pre-order {
    color: #a9a700
}

.products-slider .product-content .code {
    display: block;
    color: #98aab6;
    font-size: 12px;
    margin: 0 0 5px
}

.products-slider .product-content .product-title {
    line-height: 18px;
    margin: 0 0 16px
}

.products-slider .product-content .product-title a {
    color: #12354c;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 0;
    display: inline-block;
    vertical-align: top
}

.products-slider .product-content .product-title a:hover {
    color: #0085db;
    border-color: 0
}

.products-slider .product-content .product-price {
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    font-size: 24px;
    line-height: 24px
}

.products-slider .product-content .product-price .price {
    display: block;
    margin: 0 0 1px
}

.products-slider .product-content .product-price .price.old-price {
    font-size: 18px;
    color: #8f9ca6;
    display: inline-block;
    vertical-align: top;
    text-decoration: line-through
}

.products-slider .product-content .product-price .price.old-price span {
    font-weight: 300;
    color: #466173
}

.products-slider .product-content .product-price .currency {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    line-height: 21px;
    vertical-align: bottom
}

.products-slider .slick-prev {
    width: 54px;
    height: 49px;
    background-position: -1px -274px;
    transform: rotate(-180deg);
    left: -22px
}

.products-slider .slick-prev:hover {
    width: 56px;
    height: 51px;
    background-position: -1px -325px
}

.products-slider .slick-next {
    width: 54px;
    height: 49px;
    background-position: -1px -549px;
    right: -22px
}

.products-slider .slick-next:hover {
    width: 56px;
    height: 51px;
    background-position: -1px -600px
}

.products-slider .slick-arrow {
    margin: -27px 0 0
}

.products-slider .slick-arrow.slick-disabled {
    display: none !important
}

.products-slider.products-slider__min {
    border: 1px solid #ebebeb;
    border-radius: 30px;
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
    margin: 0 9px 0 3px
}

.products-slider.products-slider__min .slide {
    width: 50% !important;
    padding: 22px 24px 26px;
    display: flex;
    flex-flow: row nowrap
}

.products-slider.products-slider__min .slide:nth-child(2) {
    border-right: 0
}

.products-slider.products-slider__min .product-img {
    width: 147px;
    height: 100px;
    margin: 0 30px 0 0
}

.products-slider.products-slider__min .product-content {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 13px 0 0 0;
    width: calc(100% - 177px)
}

.products-slider.products-slider__min .product-content .product-row:first-child {
    padding: 0 10px 0 0
}

.products-slider.products-slider__min .product-content .product-title {
    margin: 0 0 14px 4px
}

.products-slider.products-slider__min .product-content .product-price {
    min-width: 128px;
    margin: 0 0 15px
}

.compare-link {
    color: #0085db;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 0;
    position: relative;
    padding: 0 0 0 37px
}

.compare-link:hover {
    color: #0085db;
    border-color: transparent
}

.compare-link:before {
    content: '';
    width: 22px;
    height: 20px;
    background-position: -1px -1118px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -10px 0 0
}

.compare-link span {
    transition: all .3s;
    border-bottom: 1px solid transparent
}

.compare-link:hover span {
    border-color: rgba(0, 133, 219, 0.5)
}

.share-link {
    color: #0085db;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 0;
    position: relative;
    padding: 0 0 0 29px;
    cursor: pointer
}

.share-link:hover {
    color: #0085db;
    border-color: transparent
}

.share-link:before {
    content: '';
    width: 16px;
    height: 17px;
    background-position: -1px -3160px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -8px 0 0
}

.share-link span {
    transition: all .3s;
    border-bottom: 1px solid transparent
}

.share-link:hover .text {
    border-color: rgba(0, 133, 219, 0.5)
}

.share-link:hover .social-tooltip {
    opacity: 1;
    z-index: 1
}

.share-link .social-tooltip {
    opacity: 0;
    width: 188px;
    margin-left: -99px
}

.share-link .social-tooltip .social-row {
    margin: 0
}

.share-link .social-tooltip .social-row li {
    margin: 0 5px
}

.share-link .social-tooltip .social-row a {
    width: 40px;
    height: 40px;
    line-height: 38px
}

.share-link .social-tooltip .social-row a i {
    transform: scale(0.8)
}

.product-colors {
    margin: 0 0 0 -3px
}

.product-colors .item {
    width: 41px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid #fff;
    float: left;
    margin: 0 0 0 -16px;
    overflow: hidden;
    position: relative
}

.product-colors .item:first-child {
    margin: 0
}

.product-colors .item a, .product-colors .item span {
    display: block;
    height: 100%
}

.product-colors .item img {
    max-width: 999px;
    max-height: 999px;
    min-height: 100%;
    min-width: 100%
}

.product-colors .item:nth-child(5) {
    z-index: 1
}

.product-colors .item:nth-child(4) {
    z-index: 2
}

.product-colors .item:nth-child(3) {
    z-index: 3
}

.product-colors .item:nth-child(2) {
    z-index: 4
}

.product-colors .item:nth-child(1) {
    z-index: 5
}

.product-colors .more-colors {
    line-height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin: 11px 0 0 10px
}

.sticker {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    height: 46px;
    min-width: 46px;
    border-radius: 23px;
    text-align: center;
    padding: 0 1px;
    color: #fff;
    line-height: 46px;
    vertical-align: middle
}

.sticker__discount {
    font-size: 18px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900
}

.sticker__video span {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10.5px 0 10.5px 12px;
    border-color: transparent transparent transparent #fff;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 4px
}

h2.section-title, .h2.section-title, .popup .section-title {
    text-align: center;
    font-size: 22px;
    text-transform: none;
    font-weight: 600;
    color: #000;
    margin: 0 0 19px
}

h2.section-title .link-see-more, .h2.section-title .link-see-more {
    margin: 6px 0 0 10px;
    vertical-align: middle;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 400
}

h2.section-title span, .h2.section-title span {
    vertical-align: middle
}

h2.section-title .count, .h2.section-title .count {
    color: #98aab6
}

sup {
    font-size: 60%
}

.icon-check {
    width: 10px;
    height: 8px;
    background-position: -1px -1060px
}

.icon-pre-order {
    width: 12px;
    height: 12px;
    background-position: -1px -1725px;
    vertical-align: middle;
    margin: -1px 0 0
}

.icon-viewed-products {
    width: 31px;
    height: 21px;
    background-position: -1px -3294px;
    vertical-align: middle
}

.tabset .tab-list {
    text-align: center;
    padding: 0 0 25px
}

.tabset .tab-list__holder a {
    color: #0085db;
    font-size: 0.9286rem;
    line-height: 28px;
    border: 2px solid transparent;
    display: inline-block;
    vertical-align: top;
    min-height: 34px;
    padding: 0 18px;
    font-weight: 600;
    position: relative
}

.tabset .tab-list__holder a.active {
    border-color: #0399fc;
    border-radius: 17px
}

.tabset .tab-list__holder a.active span {
    border-color: transparent
}

.tabset .tab-list__holder a.active:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7.5px 0 7.5px;
    border-color: #0399fc transparent transparent transparent;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin: 0 0 0 -7px
}

.tabset .tab-list__holder a.active:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7.5px 0 7.5px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin: 0 0 0 -7px
}

.tabset .tab-list__holder a:hover span {
    border-color: transparent
}

.tabset .tab-list__holder a span {
    border-bottom: 1px dotted #0c9ccc;
    transition: all .3s
}

.tabset .tab {
    position: absolute;
    left: -9999px;
    top: 0;
    height: auto;
    width: 100%;
    max-width: 1280px
}

.tabset .tab.active {
    position: static
}

.viewed-products {
    padding: 3px 0 30px;
    overflow: hidden
}

.viewed-products .title-holder {
    margin: 0 0 25px
}

.viewed-products .section-title {
    text-align: left;
    padding: 0 0 0 46px;
    margin: 0
}

.viewed-products .section-title span {
    margin: 0 3px 0 11px
}

.viewed-products.viewed-products__min .title-holder {
    margin: 0 0 42px
}

.viewed-products.viewed-products__min .section-title {
    padding: 0 0 0 21px
}

.ceo-description {
    /*color: #98aab6;*/
    color: #727a7f;
    padding: 0 0 53px
}

.ceo-description_top{
    color: #98aab6;
}

.ceo-description__text {
    padding: 0 22px 32px 18px
}

.ceo-description__text.top_text {
    padding: 0 22px 10px 18px
}

.ceo-description__text p {
    margin: 0;
    line-height: 24px;
    margin: calc(2rem - 0.14285em) 0 1rem;
}

.ceo-description .links-list {
    display: flex;
    flex-flow: row wrap;
    margin: 0 22px 0 18px
}

.ceo-description .links-list li {
    font-weight: 600;
    margin: 0 19px 15px 0
}

.ceo-description .links-list a {
    color: #0085db;
    font-size: 13px;
    line-height: 15px;
    display: inline-block;
    vertical-align: top;
    background: #eaf5fc;
    padding: 13px 15px 12px;
    border-radius: 18px
}

.search-page #main {
    padding-bottom: 35px
}

.search-page .filter-mobile {
    margin-bottom: 15px
}

.search-page .stocks__holder {
    padding: 56px 0 0
}

.search-title-block {
    text-align: center;
    padding: 15px 0 30px
}

.search-title-block h2, .search-title-block .h2 {
    font-size: 22px;
    font-family: "Open Sans", Arial, Verdana, Geneva, Helvetica, serif;
    color: #000;
    font-weight: 600;
    margin: 0 0 7px
}

.search-title-block h2 .search-request, .search-title-block .h2 .search-request {
    font-weight: 700;
    color: #888ca4;
    position: relative;
    padding: 0 25px;
    display: inline-block;
    vertical-align: top
}

.search-title-block h2 .search-request:before, .search-title-block .h2 .search-request:before {
    content: '«';
    color: #0085db;
    font-size: 36px;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: -3px
}

.search-title-block h2 .search-request:after, .search-title-block .h2 .search-request:after {
    content: '»';
    color: #0085db;
    font-size: 36px;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: -3px
}

.search-title-block .found {
    display: block
}

.search-results .search-item {
    border-top: 1px solid #d2e1ec;
    padding: 23px 0 0;
    margin: 0 0 30px
}

.search-results .search-item:first-child {
    border: 0;
    padding-top: 0
}

.search-results .result-list li {
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 10px
}

.search-results .result-list a {
    color: #12354c;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 0
}

.search-results .result-list a:hover {
    color: #0085db;
    border-color: transparent
}

.search-results .arts-list {
    padding: 0 0 8px
}

.search-results .arts-list li {
    border-bottom: 1px solid #d2e1ec;
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 15px;
    margin: 0 0 15px
}

.search-results .arts-list a {
    color: #12354c;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 0
}

.search-results .arts-list a:hover {
    color: #0085db;
    border-color: transparent
}

.search-results .arts-list .date {
    display: block;
    color: #98aab6;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-size: 13px;
    line-height: 18px
}

.stocks__holder {
    width: 100%
}

.stocks__holder .share-countdown {
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.81);
    border: 0;
    border-radius: 3px;
    height: 51px
}

.stocks__holder .share-countdown .seconds {
    display: none
}

.stocks__holder .share-countdown .minutes .label {
    display: none
}

.stocks-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.stocks-list .stock-item {
    margin: 0 10px 25px;
    max-width: 475px;
    position: relative
}

.stocks-list .stock-item .img-holder {
    max-width: 475px;
    max-height: 245px;
    border-radius: 30px 30px 0 30px;
    overflow: hidden;
    position: relative;
    margin: 0 0 15px
}

.stocks-list .stock-item:nth-child(2n) .img-holder {
    border-radius: 30px 30px 30px 0
}

.stocks-list .stock-item-content {
    padding: 0 0 0 26px
}

.stock-item-content .date {
    display: block;
    font-size: 13px;
    line-height: 18px;
    color: #98aab6;
    margin: 0 0 4px
}

.stock-item-title a {
    color: #12354c;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 0
}

.stock-item-title a:hover {
    color: #0085db;
    border-color: transparent
}

.stock-item .sticker {
    top: 11px;
    left: 12px;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    line-height: 60px
}

.stock-item .sticker__discount {
    font-size: 23px
}

.stock-item .sticker .icon-present {
    transform: scale(1.4)
}

.stock-item.disable .img-holder img {
    opacity: .64
}

.stock-item.disable .stock-item-title a {
    color: #98aab6
}

.compare-sort {
    display: flex;
    justify-content: center;
    padding: 19px 0 14px
}

.compare .catalog-section .catalog-block {
    max-width: 1090px;
    padding: 0 6px 0 0;
    margin: 0 auto 24px;
    width: 100%
}

.compare .filter-panel {
    width: 339px;
    padding: 16px 32px 16px 27px
}

.compare .add-product {
    width: 208px;
    height: 142px;
    border-radius: 35px 35px 35px 0;
    border: 1px dashed #0085db;
    text-align: center;
    padding: 79px 0 0;
    margin: 0 0 57px
}

.compare .add-link {
    color: #0085db;
    font-size: 18px;
    transition: all .3s;
    border-bottom: 1px solid transparent;
    font-size: 18px;
    line-height: 24px;
    position: relative
}

.compare .add-link:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.compare .add-link:before {
    content: '';
    width: 22px;
    height: 21px;
    background-position: -1px -863px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: -38px;
    margin: 0 0 0 -11px
}

.compare .different-link {
    font-family: "Open Sans", Arial, Verdana, Geneva, Helvetica, serif;
    font-size: 13px
}

.compare .catalog-section .products {
    border: 1px solid #ebebeb;
    border-radius: 0 27px 0 0;
    width: calc(100% - 339px);
    overflow: hidden;
    position: relative;
    z-index: 1
}

.compare .send-link-holder {
    text-align: right;
    max-width: 1090px;
    padding: 0 6px 0 0;
    margin: 0 auto
}

.compare .send-link-holder .send-link span {
    color: #466173;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 1px solid #a2b0b9
}

.compare .send-link-holder .send-link span:hover {
    color: #0085db;
    border-color: transparent
}

.compare-mobile-links {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.compare-mobile-links > div {
    margin: 0 0 10px
}

.compare-mobile-links .add-link {
    font-size: 13px;
    margin: 0 30px 0 0
}

.compare-mobile-links .add-link:before {
    background: none;
    content: '+';
    position: static;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-size: 17px;
    font-weight: 600;
    width: auto;
    height: auto;
    margin: 0 5px 0 0
}

.filter-panel .filter-header {
    margin: 0 0 52px
}

.filter-panel .filter-header .title {
    display: block;
    font-size: 21px;
    padding: 0 0 13px
}

.filter-panel .compare-title {
    border-bottom: 1px solid #d2e1ec;
    display: block;
    font-size: 16px;
    padding: 0 0 10px;
    margin: 0 0 9px;
    line-height: 24px
}

.filter-panel .compare-title:last-child {
    border: 0
}

.products-compare-slider .slide {
    border-right: 1px solid #ebebeb;
    padding: 16px 20px 40px;
    min-width: 247px
}

.products-compare-slider .slide .code {
    margin: 0 0 21px
}

.products-compare-slider .product-img {
    margin-bottom: 20px
}

.products-compare-slider .product-title {
    height: 36px;
    overflow: hidden;
    margin: 0 0 25px
}

.products-compare-slider .product-characteristics {
    padding: 0 0 1px
}

.products-compare-slider .product-characteristics .value-row {
    border-bottom: 1px solid #f6f6f6;
    height: 34px;
    overflow: hidden;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 27px
}

.products-compare-slider .product-characteristics .value-row:last-child {
    border: 0
}

.products-compare-slider .product-characteristics .value-row .heading {
    display: none
}

.products-compare-slider .product-price {
    margin: 0 0 22px;
    height: 24px
}

.products-compare-slider .name-link-holder {
    line-height: 18px
}

.products-compare-slider .name-link {
    color: #0085db;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 1px solid transparent
}

.products-compare-slider .name-link:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.brands-filters {
    padding: 11px 0 38px
}

.brands-row-filter {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    padding: 0 0 20px
}

.brands-row-filter > span {
    padding: 0 10px 0 0
}

.brands-row-filter .list {
    text-transform: uppercase;
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.brands-row-filter .list li {
    border-bottom: 1px solid #dfe4e7;
    margin: 0 0 5px
}

.brands-row-filter .list li.active a {
    color: #0085db;
    border-color: #0085db
}

.brands-row-filter .list a {
    color: #000;
    font-size: 18px;
    transition: all .3s;
    border-bottom: 3px solid transparent;
    font-weight: 600;
    padding: 0 7px 4px 8px;
    margin: 0 0 -1px;
    display: inline-block;
    vertical-align: top
}

.brands-row-filter .list a:hover {
    color: #0085db;
    border-color: transparent
}

.brands-row-filter .menu-sort .item.active a:before, .brands-row-filter .menu-sort .item.active a:after {
    display: none
}

.brands-row-filter.categories {
    padding-top: 11px
}

.brands-content .list {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.brands-content .item {
    width: 20%;
    text-align: center;
    margin: 0 0 83px;
    padding: 0 20px
}

.brand-content .brand-info {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 3px 0 56px 22px
}

.brand-content .brand-info .img-holder {
    width: 557px;
    height: 357px;
    border-radius: 30px 30px 0 30px;
    overflow: hidden
}

.brand-content .brand-info .description-block {
    width: calc(100% - 557px - 60px);
    padding: 25px 0 0
}

.brand-content .brand-info .description-block .top-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 26px
}

.brand-content .brand-info .description-block .download-link {
    margin: 0 0 17px
}

.brand-content .brand-info .description-block .text {
    padding: 0 75px 0 0
}

.brand-content .brand-info .description-block .text-block {
    max-height: 164px;
    overflow: hidden;
    margin: 0 0 18px;
    transition: all .3s
}

.brand-content .brand-info .description-block .text-block p {
    line-height: 24px
}

.brand-content .brand-info .description-block .text.opened .text-block {
    max-height: 9999px
}

.brand-content .menu-producer {
    display: flex;
    justify-content: center;
    padding: 0 0 1px;
    margin: -2px 0 0 30px;
    align-items: center;
    position: relative
}

.brand-content .menu-producer .link-see-more {
    position: absolute;
    right: 73px;
    top: 11px
}

.brand-content .cabinet-products .products {
    width: 100%
}

.brand-content .stocks__holder {
    padding: 62px 0 30px
}

.brand-content .stocks__holder .section-title {
    text-align: left;
    padding: 0 0 0 40px
}

.brand-content .stocks-list {
    justify-content: space-between;
    padding: 12px 16px 0 10px
}

.brand-content .stocks-list .stock-item {
    max-width: 558px;
    width: 100%
}

.brand-content .stocks-list .stock-item .img-holder {
    max-width: 558px
}

.brand-content .consultation-block {
    max-width: 521px;
    width: 100%;
    height: 245px;
    border-radius: 30px 30px 30px 0;
    border: 3px solid #0085db;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 14px 15px 0;
    float: right
}

.brand-content .consultation-block .text-holder .heading {
    font-weight: 600;
    color: #0085db;
    font-size: 26px;
    display: block;
    margin: 0 0 12px
}

.brand-content .consultation-block .text-holder .posts {
    font-size: 16px;
    font-weight: 300;
    display: block;
    margin: 0 0 25px
}

.products.five-elements {
    border-radius: 27px 0 0 0;
    border-left: 1px solid #ebebeb
}

.products.five-elements .product {
    width: 20%
}

.products.five-elements .product:last-child {
    border-radius: 0
}

.products.five-elements .product:last-child .product-frame {
    border-radius: 0
}

.products.five-elements .product:first-child {
    border-radius: 27px 0 0 0
}

.products.five-elements .product:first-child .product-frame {
    border-radius: 27px 0 0 0
}

.products.five-elements .product:first-child:last-child {
    border-radius: 27px 27px 0 0
}

.products.five-elements .product:first-child:last-child .product-frame {
    border-radius: 27px 27px 0 0
}

.products.five-elements .products__holder {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -1px 0 0
}

.download-link span {
    color: #0085db;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 1px solid transparent;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif
}

.download-link span:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.stock-slider {
    margin: 0 0 30px
}

.stock-slider .slick-arrow {
    transform: rotate(0deg);
    top: 89%
}

.stock-slider .slick-arrow.slick-disabled {
    opacity: .5
}

.stock-slider .slick-prev {
    width: 13px;
    height: 11px;
    background-position: -1px -391px;
    left: auto;
    right: 31px
}

.stock-slider .slick-next {
    width: 13px;
    height: 11px;
    background-position: -1px -378px;
    right: 4px
}

.stock-slider .stock-item-content {
    text-align: left;
    padding: 0 70px 0 21px
}

.icon-pdf {
    width: 17px;
    height: 19px;
    background-position: -1px -1658px;
    vertical-align: middle;
    margin: -2px 5px 0 0
}

.service__content {
    padding: 53px 0
}

.service__content-holder {
    /*display: flex;*/
    flex-flow: row nowrap;
    justify-content: space-between;
    max-width: 962px;
    padding: 0 0 0 6px;
    margin: 0 auto
}

.service__content-l {
    padding: 10px 10px 10px 0;
    max-width: 380px;
    float: left;
}

.service__content-l .btn {
    margin: 0 0 0 27px
}

.service__content-r {
    /*max-width: 479px;*/
    margin: 0 0 0 40px
}

.service__content-r .description__text {
    max-height: 440px;
    overflow: hidden;
    margin: 0 0 20px;
    transition: all .3s
}

.service__content-r.opened .description__text {
    max-height: 9999px
}

.service__content h3 {
    font-weight: 400;
    font-size: 22px;
    color: #12354c;
    margin: 0 0 35px
}

.service-prices {
    padding: 0 0 20px
}

.service-prices li {
    color: #466173;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    padding: 0 0 0 30px;
    position: relative;
    margin: 0 0 29px
}

.service-prices li:before {
    content: '';
    width: 8px;
    height: 14px;
    background-position: -1px -1px;
    position: absolute;
    top: 3px;
    left: 2px
}

.btn-service {
    font-size: 15px;
    height: 40px;
    padding: 10px 26px 4px
}

.text__block {
    margin: 0 0 22px
}

.text__block:last-child {
    margin-bottom: 0
}

.text__block p {
    font-size: 15px;
    line-height: 22px;
    margin: 0
}

.flip-header {
    width: 100%;
    background: #eaf5fc;
    padding: 15px 0 19px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    height: 0;
    opacity: 0;
    transition: all .3s
}

.flip-header__container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    max-width: 956px;
    margin: 0 auto;
    min-height: 40px;
    padding: 0 185px
}

.flip-header h2, .flip-header .h2 {
    color: #000;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    margin: 0
}

.flip-header .btn {
    position: absolute;
    right: 0;
    top: 0
}

.flip-header.fixed {
    height: auto;
    opacity: 1;
    z-index: 997
}

.clients-page {
    padding: 0 0 35px
}

.clients-page .product-bottom-panel {
    max-width: 1232px;
    margin: 0 auto 51px
}

.clients__sort {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    margin: 0 0 21px
}

.clients__sort .heading {
    margin: 0 0 4px;
    font-size: 13px
}

.clients__sort-block {
    margin: 0 0 0 15px
}

.clients__items {
    margin: 0 auto 63px;
    padding: 0;
    border-radius: 30px;
    overflow: hidden;
    max-width: 1232px;
    z-index: 1;
    position: relative
}

.clients__items-holder {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -17px -20px 0
}

.clients__items.slider {
    overflow: visible;
    margin-bottom: 35px
}

.clients__items .item {
    max-width: 608px;
    width: calc(50% - 17px);
    margin: 0 17px 20px 0;
    position: relative
}

.clients__items .item a {
    display: block;
    height: 100%
}

.clients__items .item a:hover .arrow {
    opacity: 1
}

.clients__items .text-holder {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.17);
    color: #fff;
    padding: 0;
    transition: all .3s
}

.clients__items .title {
    font-size: 30px;
    line-height: 35px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    padding: 0 0 25px 35px;
    display: inline-block;
    vertical-align: middle;
    transition: all .3s;
    position: absolute;
    bottom: 0;
    left: 0
}

.clients__items .title span {
    padding: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle
}

.clients__items .arrow {
    opacity: 0;
    transition: all .3s;
    width: 33px;
    height: 28px;
    background-position: -1px -693px;
    vertical-align: middle;
    margin: 6px 0 0
}

.cost-form {
    max-width: 526px;
    width: 100%;
    margin: 0 auto;
    height: 219px;
    border-radius: 30px;
    border: 3px solid #0085db;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px 45px 0
}

.cost-form .text-holder .heading {
    font-weight: 600;
    color: #0085db;
    font-size: 26px;
    line-height: 31px;
    display: block;
    margin: 0 0 26px
}

.cost-form__holder {
    padding: 40px 0 56px
}

.about-client {
    padding: 35px 0 28px
}

.about-client__text {
    max-width: 948px;
    margin: 0 auto
}

.about-client__row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 0 0 11px
}

.about-client__row .column-l {
    width: 315px;
    padding: 3px 0 0
}

.about-client__row .column-r {
    display: flex;
    flex-flow: row nowrap;
    width: calc(100% - 315px - 115px)
}

.about-client__row .description p {
    margin: 0;
    font-size: 15px;
    line-height: 22px
}

.about-client__row .heading {
    font-size: 13px;
    line-height: 16px;
    display: block;
    margin: 0 0 3px
}

.about-client__row .name {
    display: block;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700
}

.about-client__row .info {
    margin: 0 95px 0 0;
    padding: 11px 0 0
}

.about-client__row .num {
    font-size: 25px;
    font-weight: 900;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    color: #000;
    display: block
}

.about-client__row .num span {
    font-size: 20px;
    font-weight: 400
}

.about-client__row .text {
    display: block;
    color: #3e5465;
    font-size: 13px;
    line-height: 18px
}

.client-document {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #f1f9fd;
    margin: 0 0 0 36px;
    min-width: 155px
}

.client-document .doc-link {
    display: none;
    line-height: 18px
}

.blue-section.photos-slider {
    padding: 84px 0 55px
}

.clients-cases-slider {
    display: block;
    margin: 0 -8px;
    padding: 9px 0 0
}

.clients-cases-slider .item {
    width: auto;
    margin: 0 8px
}

.clients-cases-slider .slick-prev {
    width: 54px;
    height: 49px;
    background-position: -1px -274px;
    transform: rotate(-180deg);
    left: -22px
}

.clients-cases-slider .slick-prev:hover {
    width: 56px;
    height: 51px;
    background-position: -1px -325px
}

.clients-cases-slider .slick-next {
    width: 54px;
    height: 49px;
    background-position: -1px -549px;
    right: -22px
}

.clients-cases-slider .slick-next:hover {
    width: 56px;
    height: 51px;
    background-position: -1px -600px
}

.clients-cases-slider .slick-arrow {
    margin: -27px 0 0
}

.clients-cases-slider .slick-arrow.slick-disabled {
    display: none !important
}

.clients-cases-slider .slick-active {
    border-radius: 30px 0 0 30px;
    overflow: hidden
}

.clients-cases-slider .slick-active + .slick-active {
    border-radius: 0 30px 30px 0
}

.client-testimonial {
    padding: 50px 0 29px
}

.testimonial__block {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    padding: 11px 0 0
}

.testimonial__block .img-holder {
    position: relative;
    width: 126px;
    height: 126px;
    margin: 12px 49px 0 0
}

.testimonial__block .img-holder:after {
    content: '';
    width: 35px;
    height: 28px;
    background-position: -1px -2908px;
    position: absolute;
    bottom: 10px;
    right: -7px
}

.testimonial__block .img-holder .img {
    width: 126px;
    height: 126px;
    border-radius: 50%;
    overflow: hidden
}

.testimonial__box {
    max-width: 629px;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(25, 101, 239, 0.21);
    padding: 35px 45px 40px;
    margin: 0 6px 0 0
}

.testimonial__box .name {
    display: block;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    margin: 0 0 1px
}

.testimonial__box .post {
    display: block;
    color: #98aab6;
    font-size: 13px;
    line-height: 16px
}

.testimonial__box .text {
    padding: 24px 0 0
}

.testimonial__box .text-holder {
    max-height: 66px;
    overflow: hidden;
    transition: all .3s
}

.testimonial__box .text-holder p {
    font-size: 14px;
    line-height: 22px
}

.testimonial__box .text.opened .text-holder {
    max-height: 999px
}

.frame-menu .container__content {
    width: calc(100% - 308px)
}

.frame-menu.right-menu .container__content {
    width: calc(100% - 331px)
}

.container__frame {
    display: flex;
    flex-flow: row nowrap;
    margin: 0 0 80px
}

.container__frame .menu-panel {
    width: 308px;
    min-width: 308px;
    padding: 8px 0 0
}

.container__frame.right-menu .menu-panel {
    padding-left: 62px;
    padding-top: 1px;
    width: 331px
}

.container__frame.right-menu .menu-panel .user-menu {
    margin: 0 0 37px
}

.container__frame.frame-menu {
    padding: 12px 0 0
}

.container__content {
    width: 100%
}

.container__content .stocks-list {
    margin: 0 -10px 40px
}

.container__content .stocks__holder {
    padding: 0
}

.container__content .stocks-list .stock-item {
    width: calc(50% - 20px);
    margin-bottom: 33px
}

.stock-info .stock-item {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    padding: 8px 0 121px 0
}

.stock-info .stock-item .img-holder {
    width: 560px;
    height: 245px;
    position: relative;
    border-radius: 30px 30px 0 30px;
    overflow: hidden;
    margin: 2px 65px 0 0
}

.stock-info .stock-item-content {
    width: calc(100% - 560px - 65px);
    padding: 0
}

.stock-info .stock-item-content .date {
    margin: 0 0 6px
}

.stock-info .stock-item .share-countdown {
    position: relative;
    border: 2px solid #0085db;
    border-radius: 15px;
    height: 59px;
    margin: 0 20px 0 0
}

.stock-info .stock-item .share-countdown .minutes .label {
    display: block
}

.stock-info .stock-item .share-countdown .seconds {
    display: flex
}

.stock-info .stock-item-title {
    text-align: left;
    font-weight: 600;
    font-size: 22px;
    color: #000;
    margin: 0 0 11px
}

.stock-info .description-block {
    margin: 0 0 28px;
    max-width: 450px
}

.stock-info .description-block p {
    line-height: 24px
}

.stock-info .present-holder {
    display: flex;
    flex-flow: row nowrap
}

.stock-info .present__block {
    display: flex;
    flex-flow: row nowrap;
    border-radius: 30px;
    border: 1px solid #ebebeb;
    max-width: 366px;
    padding: 13px 17px 15px;
    margin: -23px 0 -30px
}

.stock-info .present__block .product-img {
    max-width: 120px;
    height: auto;
    margin: 0 10px 0 0
}

.stock-info .present__block .product-title {
    padding-left: 6px
}

.stock-info .product-colors .item {
    width: 30px;
    height: 30px;
    margin: 0 0 0 -11px;
    border-width: 2px
}

.stock-info .product-colors .item:first-child {
    margin: 0
}

.old-stock-label {
    color: #98aab6;
    font-size: 16px;
    line-height: 54px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    height: 59px;
    border: 2px solid #bfcad2;
    border-radius: 15px;
    padding: 0 35px;
    vertical-align: top;
    display: inline-block
}

.subscription__block {
    border: 3px solid #0085db;
    border-radius: 30px 0 30px 30px;
    padding: 42px 20px 35px;
    max-width: 270px;
    margin: 0 0 30px
}

.subscription__block .title-holder {
    text-align: center;
    margin: 0 0 37px
}

.subscription__block .title-holder p {
    font-weight: 300;
    color: #000;
    font-size: 18px;
    line-height: 22px
}

.subscription__block .section-title {
    color: #0085db;
    margin: 0 0 4px
}

.socials-list li {
    border-bottom: 1px solid #dfe4e7
}

.socials-list a {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    position: relative;
    padding: 5px 15px 5px 7px;
    color: #000;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    text-transform: uppercase;
    height: 59px;
    transition: all .3s
}

.socials-list a:after {
    content: '';
    width: 8px;
    height: 14px;
    background-position: -1px -1px;
    position: absolute;
    right: 4px;
    top: 50%;
    opacity: .16;
    margin: -7px 0 0
}

.socials-list a i {
    vertical-align: middle
}

.socials-list a .icon {
    width: 40px;
    text-align: center;
    margin: 0 33px 0 0
}

.socials-list a:hover {
    color: #0085db
}

.articles__main-list {
    margin: 0 -13px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.articles__item {
    margin: 0 13px 49px;
    width: calc(50% - 26px);
    max-width: 458px
}

.articles__item .img-holder {
    border-radius: 30px 30px 0 30px;
    max-width: 458px;
    max-height: 225px;
    overflow: hidden;
    margin: 0 0 13px;
    position: relative
}

.articles__item:nth-child(2n) .img-holder {
    border-radius: 30px 30px 30px 0
}

.articles__item .sticker {
    top: 11px;
    left: 12px;
    width: 46px;
    height: 46px;
    border-radius: 23px;
    line-height: 46px
}

.articles__item .sticker__video span {
    border-width: 12px 0 12px 16px;
    margin: -4px 0 0 6px
}

.articles-item-content .date {
    display: block;
    font-size: 13px;
    line-height: 18px;
    color: #98aab6;
    margin: 0 0 8px
}

.articles-item-content .date span {
    margin: 0 5px 0 0
}

.articles-item-content .date a {
    vertical-align: middle;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif
}

.articles-item-content .title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 0 4px
}

.articles-item-content .title a {
    color: #000;
    transition: all .3s
}

.articles-item-content .title a:hover {
    color: #0085db
}

.articles-item-content .text {
    max-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.articles-item-content .text p {
    overflow: hidden;
    text-overflow: ellipsis
}

.bottom-panel-link {
    text-align: center;
    margin: 0 0 5px
}

.article-page .container__frame.frame-menu {
    padding-top: 57px;
    margin-bottom: 40px
}

.article-page .container__frame.right-menu .menu-panel {
    padding-top: 7px
}

.art-goods .section-title {
    text-align: left;
    padding-left: 18px;
    margin: 0 0 28px
}

.art-goods__holder {
    padding: 0 0 25px 25px
}

.article__block {
    padding: 0 25px 0 42px;
    max-width: 836px
}

.article__block .section-title {
    text-align: left;
    margin: 0 0 8px
}

.article__block .breadcrumbs {
    text-align: left;
    margin: 0 0 27px
}

.article__block h4, .article__block .h4, .article__block .h4-title {
    color: #000;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-size: 12px;
    line-height: 15px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 0 0 0 23px;
    position: relative
}
.h4-title {
    margin: calc(2rem - 0.14285em) 0 1rem
}

.article__block h4:before, .article__block .h4:before, .h4-title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 13px;
    height: 9px;
    background-position: -1px -1049px;
    background-image: url(/local/templates/primary/dist/css/../img/sprite.svg);
}

.article__block .delivery-list {
    display: flex;
    flex-flow: row nowrap
}

.article__block .delivery-list li {
    margin: 0 80px 0 0
}

.article__block .delivery-list img {
    opacity: .5;
    transition: all .3s
}

.article__block .delivery-list a:hover img {
    opacity: 1
}

.article__block .ui.accordion .title {
    padding-left: 0
}

.article__block .ui.accordion .title a {
    font-weight: 400;
    font-size: 14px;
    color: #0085db;
    position: relative;
    padding-right: 20px
}

.article__block .ui.accordion .title.active a {
    color: #000
}

.article__block .ui.accordion .title.active a:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #bdbfc1 transparent;
    position: absolute;
    right: 0;
    bottom: 5px
}

.article__block .ui.accordion .title.active a:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    right: 0;
    bottom: 4px
}

.article__block .ui.accordion .item .content {
    color: #708390;
    padding: 0 0 27px 24px
}

.article__block .form-holder {
    border: 1px solid #d7ebf7;
    border-radius: 0 30px 30px 0;
    overflow: hidden;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch
}

.article__block .form-holder .description-info {
    width: 50%;
    padding: 49px 49px 53px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between
}

.article__block .form-holder .description-info .info-holder {
    padding: 0 0 30px
}

.article__block .form-holder .description-info .title {
    display: block;
    color: #000;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 24px
}

.article__block .form-holder .description-info .text {
    color: #7c8c96;
    padding: 0 15px 0 0
}

.article__block .form-holder .description-info .text p {
    line-height: 24px
}

.article__block .form-holder .description-info .bottom-block {
    position: relative;
    padding: 31px 0 0
}

.article__block .form-holder .description-info .bottom-block:before {
    content: '';
    height: 0;
    border-top: 1px solid #d7ebf7;
    max-width: 209px;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.article__block .form-holder .description-info .bottom-block .text-info {
    color: #7c8c96;
    display: block;
    margin: 0 0 12px;
    padding: 0 30px 0 0
}

.article__block .form-holder .description-info .phone {
    display: block;
    color: #0085db;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 300;
    font-size: 22px
}

.article__block .form-holder .form-section {
    border-left: 1px solid #d7ebf7;
    border-right: 0;
    width: 50%;
    padding: 54px 55px
}

.article__block .form-holder .form-section .field {
    margin: 0 0 16px
}

.article__block .form-holder .form-section .submit-holder {
    padding: 25px 0 0
}

.article__block .form-holder .form-section .btn {
    width: 100%
}

.article__block .benefits-section__row, .article__block .benefits-section__total-row {
    max-width: 750px;
    margin-left: 0;
    margin-right: 0
}

.article__block .title-holder {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0
}

.article__block .title-holder h2, .article__block .title-holder .h2 {
    margin: 0 30px 0 0
}

.article__block .product-bottom-panel {
    padding-left: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center
}

.article__block .product-bottom-panel:after {
    display: none
}

.article__block .product-bottom-panel .send-testimonial {
    width: 260px;
    text-align: left
}

.article__block .btn-testimonial {
    padding-top: 11px;
    white-space: nowrap
}

.article__main-img {
    margin: 0 0 55px
}

.article__main-img .img {
    border-radius: 30px 30px 30px 0;
    overflow: hidden;
    max-width: 786px;
    margin: 0 0 0 -17px
}

.article__row-about {
    color: #98aab6;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    padding: 13px 0 34px
}

.article__row-about .date {
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    letter-spacing: .02em;
    margin: 0 54px 0 0
}

.article__row-about .rubric {
    display: inline-block;
    vertical-align: top
}

.article__row-about .rubric .heading {
    font-size: 13px;
    color: #000;
    font-weight: 700;
    vertical-align: middle;
    margin: 0 9px 0 0
}

.article__row-about .rubric a {
    color: #0085db;
    color: #0085db;
    font-size: 13px;
    transition: all .3s;
    border-bottom: 1px solid transparent;
    vertical-align: middle
}

.article__row-about .rubric a:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.article__main-text {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300
}

.article__main-text p {
    line-height: 26px
}

.article__text-block {
    margin: 0 0 35px
}

.article__text-block .img-holder {
    margin-left: -17px;
    max-width: 786px;
    border-radius: 30px 30px 30px 0;
    overflow: hidden
}

.article__text-block .img-holder img {
    border-radius: 30px 30px 30px 0
}

.article__text-block h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
    margin: 0 0 18px
}

.article__text-block p {
    margin: 0;
    line-height: 24px
}

.article__text-block .list li {
    position: relative;
    padding: 0 0 0 14px
}

.article__text-block .list li:before {
    content: '';
    background: #0085db;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px
}

.article__text-block .text-box {
    margin: 0 0 24px
}

.article__text-block .img-box {
    overflow: hidden;
    border-radius: 30px 30px 30px 0;
    margin: 0 0 24px;
    max-width: 749px
}

.article__text-block .address-box .address-row {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    margin: 0 0 25px
}

.article__text-block .address-box .show-link {
    font-family: "Open Sans", Arial, Verdana, Geneva, Helvetica, serif
}

.article__text-block .address-box .hide-link {
    font-family: "Open Sans", Arial, Verdana, Geneva, Helvetica, serif;
    display: none
}

.article__text-block .address-position {
    padding: 0 0 0 34px;
    position: relative;
    max-width: 318px;
    margin: 0 50px 0 0
}

.article__text-block .address-position:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 21px;
    background-position: -1px -1702px
}

.article__text-block .address-position address {
    display: block;
    font-style: normal
}

.article__text-block .address-position .work-time {
    display: block;
    color: #98aab6
}

.article__text-block .contacts-row {
    display: flex;
    flex-flow: row nowrap;
    padding: 27px 0 0
}

.article__text-block .contacts-row li {
    display: flex;
    flex-flow: row nowrap;
    margin: 0 75px 0 0
}

.article__text-block .contacts-row i {
    width: 40px
}

.article__text-block .contacts-row .heading {
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #000;
    margin: 0 0 2px
}

.article__text-block .contacts-row .note {
    display: block;
    color: #98aab6;
    font-size: 12px;
    line-height: 15px
}

.article__text-block .sections {
    padding: 0 0 20px
}

.article__section {
    border-top: 1px solid #dde7ed;
    padding-top: 35px
}

.article__section:first-child {
    border: 0;
    padding-top: 0
}

.text-box .benefits-list {
    padding: 24px 0 0
}

.text-box .benefits-list li {
    position: relative;
    padding: 0 0 21px 50px
}

.text-box .benefits-list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 19px;
    height: 15px;
    background-position: -1px -1032px
}

.address-box {
    max-width: 749px
}

.address-box.open-map .map-display {
    display: block
}

.address-box.open-map .address-display {
    display: none
}

.address-box.open-map .address-row .hide-link {
    display: inline
}

.address-box.open-map .address-row .show-link {
    display: none
}

.bubbles {
    display: inline-block;
    vertical-align: top;
    padding: 0 9px 0 0
}

.bubbles li {
    display: inline-block;
    vertical-align: top;
    margin: 0 36px 0 0
}

.bubbles a, .bubbles li > span {
    color: #98aab6;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif
}

.bubbles a span, .bubbles li > span span {
    vertical-align: middle;
    display: inline-block;
    line-height: 15px
}

.bubbles a i, .bubbles li > span i {
    vertical-align: middle;
    display: inline-block;
    margin: 0 8px 0 0
}

.address-display .video-slider-holder {
    padding: 0
}

.address-display .video-slider-holder .video-nav .slide {
    height: auto
}

.address-display .video-slider-holder .video-slider {
    max-width: 599px
}

.address-display .video-slider .slick-prev {
    width: 78px;
    height: 71px;
    background-position: -1px -404px;
    left: 10px
}

.address-display .video-slider .slick-prev:hover {
    width: 77px;
    height: 70px;
    background-position: -1px -477px
}

.address-display .video-slider .slick-next {
    width: 78px;
    height: 71px;
    background-position: -1px -129px;
    right: 10px;
    left: auto;
    transform: rotate(0deg)
}

.address-display .video-slider .slick-next:hover {
    width: 77px;
    height: 70px;
    background-position: -1px -202px
}

.address-display .video-slider .slick-arrow {
    transform: scale(0.7436);
    margin-top: -35px
}

.map-display {
    display: none
}

.address__item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.address__item .contact-description {
    padding: 30px 30px 0 0;
    width: 40%;
}

.address__item .contact-description address {
    font-style: normal;
    margin: 0 0 24px
}

.address__item .contact-description address span {
    display: block
}

.address__item .contact-description .time {
    margin: 0 0 28px
}

.address__item .contact-description .time span {
    display: block;
    color: #98aab6
}

.address__item .contact-description .phone {
    display: block;
    font-size: 24px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 300
}

.address__item .contact-title {
    font-weight: 400;
    position: relative;
    padding: 0 0 0 30px;
    margin: 0 0 21px
}

.address__item .contact-title:before {
    width: 17px;
    height: 21px;
    background-position: -1px -1702px;
    position: absolute;
    top: 2px;
    left: 0;
    content: ''
}

.address__item .map {
    width: 474px
}

.article-slider {
    max-width: 786px
}

.article-slider .slick-list {
    border-radius: 30px 30px 30px 0
}

.article-slider .slick-prev {
    width: 78px;
    height: 71px;
    background-position: -1px -404px;
    left: 20px
}

.article-slider .slick-prev:hover {
    width: 77px;
    height: 70px;
    background-position: -1px -477px
}

.article-slider .slick-next {
    width: 78px;
    height: 71px;
    background-position: -1px -129px;
    right: 20px;
    transform: rotate(0deg)
}

.article-slider .slick-next:hover {
    width: 77px;
    height: 70px;
    background-position: -1px -202px
}

.article-slider .slick-arrow {
    transform: scale(0.7436);
    margin-top: -35px
}

.video-block {
    position: relative;
    border-radius: 30px;
    overflow: hidden
}

.video-block:before {
    content: ''
}

.tags {
    padding: 13px 0 0 19px
}

.tags .heading {
    font-size: 13px;
    font-weight: 600;
    margin: 0 15px 0 0
}

.tags-links {
    display: inline-block;
    vertical-align: top
}

.tags-links li {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 0 0
}

.tags-links a {
    font-size: 13px
}

.tags__line {
    border-top: 1px solid #dfe4e7;
    padding-top: 30px
}

.discussion-section {
    padding: 0 0 65px
}

.discussion-section__holder {
    max-width: 851px
}

.discussion-section .more-holder {
    text-align: center;
    padding: 10px 0 0
}

.map {
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.question-block, .answer-block {
    box-shadow: 0 1px 4px rgba(25, 101, 239, 0.21);
    border-radius: 10px;
    padding: 35px 55px 40px
}

.question-block .name, .answer-block .name {
    display: block;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    color: #000
}

.question-block .date, .answer-block .date {
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-size: 13px;
    line-height: 16px;
    color: #98aab6;
    margin: 0 0 18px;
    display: block
}

.question-block .testimonial-text, .answer-block .testimonial-text {
    max-height: 65px;
    overflow: hidden;
    font-size: 14px;
    transition: all .3s;
    margin: 0 0 5px
}

.question-block .testimonial-text p, .answer-block .testimonial-text p {
    line-height: 22px
}

.question-block .testimonial-text p a, .answer-block .testimonial-text p a {
    color: #0085db;
    transition: all .3s;
    border-bottom: 1px solid transparent
}

.question-block .testimonial-text p a:hover, .answer-block .testimonial-text p a:hover {
    border-color: rgba(0, 133, 219, 0.5)
}

.question-block .testimonial-text p + p, .answer-block .testimonial-text p + p {
    margin-top: 22px
}

.question-block.opened .testimonial-text, .answer-block.opened .testimonial-text {
    max-height: 999px
}

.answer-block {
    background: #eaf5fc;
    margin-left: 57px;
    box-shadow: none
}

.icon-phone {
    width: 21px;
    height: 21px;
    background-position: -1px -1679px
}

.icon-time {
    width: 21px;
    height: 21px;
    background-position: -1px -3271px
}

.page-not-found {
    padding-bottom: 35px
}

.page-not-found .clients .section-title {
    text-align: left;
    padding: 0 46px
}

.page-not-found .clients {
    padding-bottom: 35px
}

.not-found-content {
    text-align: center;
    color: #000;
    font-size: 18px;
    padding: 29px 0 80px
}

.not-found-content .img-holder {
    margin: 0 15px 33px
}

.not-found-content .text-holder {
    margin: 0 0 28px
}

.not-found-content p {
    line-height: 22px;
    margin: 0
}

.not-found-content a {
    font-size: 14px
}

.open-popup {
    cursor: pointer
}

.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(63, 67, 69, 0.71);
    z-index: 10001;
    text-align: center;
    white-space: nowrap;
    overflow-y: auto;
    overflow-x: hidden
}

.popup-overlay:after {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    content: ''
}

.popup-overlay.active {
    display: block;
    -webkit-animation: popup-active .6s;
    -moz-animation: popup-active .6s;
    animation: popup-active .6s
}

.popup-overlay .popup {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 11001;
    padding: 30px 0
}

.popup-overlay .popup__text {
    text-align: center;
    font-size: 16px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 300;
    color: #000;
    margin: 0 0 25px
}

.popup-overlay .popup__text p {
    margin: 0;
    line-height: 24px
}

.popup-overlay .popup-holder {
    position: relative;
    background: #fff;
    text-align: left;
    white-space: normal;
    width: 857px;
    padding: 54px 50px 50px;
    box-shadow: 0 1px 7px #38445a;
    border-radius: 33px
}

.popup-overlay .close {
    position: absolute;
    top: -50px;
    right: -30px;
    text-indent: -9999px
}

.popup-overlay .close:after {
    content: '+';
    display: block;
    transform: rotate(45deg);
    text-indent: 0;
    color: #fff;
    font-size: 51px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 100
}

.popup-body .pattern-holder {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    max-width: 634px;
    margin: 0 auto;
    padding: 20px 0 0
}

.popup-body .pattern-holder .img-holder {
    max-width: 281px;
    line-height: 18px
}

.popup-body .pattern-holder .img {
    border-radius: 30px 30px 0 30px;
    margin: 0 0 12px
}

.popup-body .pattern-holder .product-name {
    display: block;
    margin: 0 0 7px
}

.popup-body .pattern-holder .color-name {
    display: block
}

.popup-body .stock-holder {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 0 15px 0 0
}

.popup-body .stock-holder .img-holder {
    margin: 0 43px 0 0;
    font-size: 13px;
    line-height: 18px
}

.popup-body .stock-holder .img-holder .img {
    width: 206px;
    margin: 0 0 19px
}

.popup-body .stock-holder .text-holder {
    padding: 14px 0 0
}

.popup-body .stock-holder .section-title {
    text-align: left;
    line-height: 26px
}

.popup-body .text-holder p {
    margin: 0;
    line-height: 24px
}

.popup-body span.email {
    color: #000;
    font-weight: 900;
    display: block;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-size: 16px;
    text-align: center;
    margin: 0 0 35px
}

.popup-body .link-holder {
    text-align: center
}

.popup-body .link-holder a {
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-size: 14px
}

.popup-body .popup-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 20px;
    font-family: "Open Sans", Arial, Verdana, Geneva, Helvetica, serif
}

.article__text-block .popup__text {
    text-align: left
}

.product-result .products {
    border: 1px solid #ebebeb;
    border-radius: 30px;
    overflow: hidden;
    margin: 0 -1px 0 0;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch
}

.product-result .two-products .product.mini {
    width: 50%
}

.product-result .product.mini {
    border-right: 1px solid #ebebeb;
    width: 33.333%;
    padding: 23px 15px
}

.product-result .product.mini .product-img {
    width: 90px;
    margin: 0 15px 0 0;
    height: 75px
}

.product-result .product.mini .product-content {
    width: calc(100% - 90px - 15px);
    padding: 0
}

.product-result .product.mini .product-title {
    line-height: 15px;
    margin: 0 0 19px
}

.product-result .product.mini .product-row {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 0 0
}

.product-result .product.mini .product-row .input-holder {
    white-space: nowrap
}

.product-result .product.mini .product-row .input-holder .form-control {
    width: 43px;
    height: 29px;
    padding: 0 8px;
    font-size: 13px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle
}

.product-result .product.mini .product-row .input-holder .units {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.9286rem;
    margin: 0 0 0 2px
}

.product-result .product.mini .product-price {
    margin-bottom: 0
}

.product-result .product.mini .checkbox-item {
    margin: 0;
    color: #0085db
}

.form-patterns {
    min-width: 305px
}

form.ui.form .form-control {
    height: 44px;
    border-radius: 3px;
    border: 1px solid #adc7e0;
    padding: 0 15px;
    color: #466173;
    font-size: 13px;
    font-family: "Open Sans", Arial, Verdana, Geneva, Helvetica, serif;
    width: 100%;
    transition: all .3s
}

form.ui.form .form-control:focus {
    border-color: #0085db
}

form.ui.form .form-control:focus.ui.selection.dropdown .menu {
    border-color: #0085db
}

form.ui.form .form-control:hover.ui.selection.dropdown .menu {
    border-color: #96C8DA
}

form.ui.form .form-control.ui.dropdown.selection .text {
    line-height: 44px
}

form.ui.form .form-control.ui.dropdown.selection .text.default span {
    color: #cbcbcb
}

form.ui.form .form-control.ui.dropdown.selection .text span {
    color: #12354c
}

form.ui.form textarea.form-control {
    height: 158px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    resize: none
}

form.ui.form .submit-holder {
    padding: 20px 0 0
}

form.ui.form .submit-holder.align-right {
    text-align: right
}

form.ui.form .field {
    margin: 0 0 20px;
    position: relative
}

form.ui.form .field.is-valid:after {
    content: '';
    position: absolute;
    right: 15px;
    width: 10px;
    height: 8px;
    background-position: -1px -3373px;
    top: 50%;
    margin: -4px 0 0
}

form.ui.form .field.is-valid.textarea:after {
    top: 22px
}

form.ui.form .field.error .form-control, form.ui.form .field.error .form-control:focus {
    border-color: #d9042a;
    background: #fff;
    color: #12354c
}

form.ui.form .field.error:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 14px;
    width: 12px;
    height: 12px;
    background-position: -1px -3359px;
    margin: -6px 0 0
}

form.ui.form .field.error.textarea:after {
    top: 22px
}

form.ui.form.login-form .form-control {
    border-color: #fff
}

form.ui.form.login-form .submit-holder {
    padding-top: 7px
}

form.ui.form.login-form .btn {
    width: 100%
}

form.ui.form.login-form .link-holder {
    text-align: center;
    padding: 18px 0 0
}

form.ui.form.consultation-form .form-control {
    border-color: #fff
}

form.ui.form.consultation-form .submit-holder {
    padding-top: 7px
}

form.ui.form.registration-form .form-control {
    border-color: #fff
}

form.ui.form.registration-form .submit-holder {
    padding-top: 7px
}

form.ui.form.registration-form .btn {
    width: 100%
}

#login-popup .popup-holder {
    width: 709px;
    border: 1px solid #d7ebf7;
    padding: 0
}

#login-popup .popup-body {
    border-radius: 30px;
    overflow: hidden;
    min-height: 426px
}

.login-holder {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    min-height: 426px
}

.login-holder h2.section-title, .login-holder .h2.section-title {
    margin-left: -4px;
    margin-right: -4px
}

.form-section {
    background: #eaf5fc;
    width: 358px;
    border-right: 1px solid #d7ebf7;
    padding: 37px 44px 50px
}

.form-section form.ui.form .form-control {
    border-color: #fff
}

.form-section form.ui.form .ui.selection.dropdown.active:hover, .form-section form.ui.form .ui.selection.dropdown.active .menu, .form-section form.ui.form .ui.selection.dropdown.form-control:focus:hover, .form-section form.ui.form .ui.selection.dropdown.form-control:focus .menu {
    border-color: #fff
}

.form-section form.ui.form textarea {
    height: 107px
}

.social-section {
    padding: 50px 44px;
    width: 349px
}

.social-section .title {
    display: block;
    text-align: center;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    margin: 0 0 30px
}

.social-section .link-login__block {
    width: 209px;
    margin: 0 auto
}

.social-section .link-login__block a,.social-section .link-login__block span {
    color: #0085db;
    font-size: 22px;
    transition: all .3s;
    border-bottom: 1px solid transparent;
    font-size: 22px;
    line-height: 26px;
    font-weight: 300;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    padding: 0 8px 0 0;
    position: relative
}

.social-section .link-login__block a:hover, .social-section .link-login__block span:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.social-section .link-login__block a:after, .social-section .link-login__block span:after {
    width: 13px;
    height: 11px;
    background-position: -1px -378px;
    content: '';
    transform: scale(1.1);
    position: absolute;
    right: -15px;
    top: 50%;
    margin: -5px 0 0
}

.social-section .link-login__block .note {
    display: block;
    font-size: 13px;
    line-height: 16px;
    color: #7c8c96
}

.social-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin: 0 0 30px
}

.social-row li {
    margin: 0 12px 0 13px
}

.social-row li.vk a:hover {
    background: #44678d
}

.social-row li.fb a:hover {
    background: #365899
}

.social-row li.gp a:hover {
    background: #dd4b39
}

.social-row a {
    display: block;
    width: 52px;
    height: 52px;
    line-height: 48px;
    border-radius: 50%;
    border: 1px solid #c1ced7;
    text-align: center;
    transition: all .3s
}

.social-row a i {
    vertical-align: middle
}

.login-separator {
    font-size: 16px;
    line-height: 19px;
    position: relative;
    font-weight: 300;
    text-align: center;
    width: 209px;
    margin: 0 auto 26px
}

.login-separator:after {
    background: #d7ebf7;
    height: 1px;
    top: 50%;
    left: 0;
    width: 100%;
    content: '';
    position: absolute
}

.login-separator span {
    background: #fff;
    padding: 0 10px;
    position: relative;
    z-index: 1
}

.icon-social-vk {
    width: 31px;
    height: 18px;
    background-position: -1px -3804px
}

.icon-social-fb {
    width: 12px;
    height: 24px;
    background-position: -1px -3658px
}

.icon-social-gp {
    width: 27px;
    height: 27px;
    background-position: -1px -3746px
}

a:hover .icon-social-vk {
    width: 31px;
    height: 18px;
    background-position: -1px -3848px
}

a:hover .icon-social-fb {
    width: 12px;
    height: 24px;
    background-position: -1px -3720px
}

a:hover .icon-social-gp {
    width: 27px;
    height: 27px;
    background-position: -1px -3775px
}

.icon-social-vk-color {
    width: 36px;
    height: 22px;
    background-position: -1px -3824px
}

.icon-social-fb-color {
    width: 18px;
    height: 34px;
    background-position: -1px -3684px
}

.icon-social-yt-color {
    width: 35px;
    height: 29px;
    background-position: -1px -3868px
}

.login-form__enter {
    display: block
}

.login-form__password {
    display: none
}

.registration__block {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    min-height: 426px;
    max-width: 709px;
    margin: 60px auto 74px;
    border: 1px solid #d7ebf7;
    border-radius: 30px;
    overflow: hidden
}

.radio-row {
    padding: 0 0 0 14px
}

.radio-row .checkbox-item {
    float: left;
    margin: 0 29px 0 0
}

#success-registration .popup-holder {
    width: 559px;
    padding: 44px 44px
}

#recover-password .popup-holder {
    width: 559px
}

#consultation-popup .popup-holder, #callback-popup .popup-holder {
    background: #eaf5fc;
    width: 559px;
    padding: 37px 44px 50px
}

#consultation-popup .popup-body, #callback-popup .popup-body {
    margin: 0 auto;
    max-width: 415px
}

#consultation-popup h2.section-title, #consultation-popup .h2.section-title, #callback-popup h2.section-title, #callback-popup .h2.section-title {
    margin-bottom: 40px
}

#gratitude-consultation-popup .popup-holder {
    width: 559px;
    padding: 44px 44px 20px
}

#consultation-recall-popup .popup-holder {
    width: 559px;
    padding: 49px 44px 20px
}

#consultation-recall-popup h2.section-title, #consultation-recall-popup .h2.section-title {
    font-size: 18px
}

#patterns h2, #patterns .h2 {
    margin: 0 0 25px
}

#popup-stocks .popup-holder {
    max-width: 841px;
    padding: 28px 30px 27px
}

#popup-discount .popup-holder {
    max-width: 683px;
    padding-top: 45px
}

#popup-discount .popup-body {
    display: flex;
    flex-flow: column nowrap;
    align-items: center
}

#popup-discount h2.section-title, #popup-discount .h2.section-title {
    margin: 0 0 15px
}

#popup-discount .popup__text {
    margin: 0 0 32px
}

.popup-img-holder {
    text-align: center
}

#calculator .popup-holder {
    max-width: 920px;
    width: 100%;
    padding: 45px 44px 50px
}

#calculator h2.section-title, #calculator .h2.section-title {
    margin: 0 0 11px
}

div.calculator {
    padding: 3px 0 0
}

div.calculator .calculator-form {
    margin: 0 0 27px
}

div.calculator__row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 -5px 15px
}

div.calculator .item {
    width: 267px;
    border-radius: 33px;
    border: 1px solid #12a8ff;
    padding: 15px 28px 0;
    min-height: 120px;
    margin: 0 5px 10px
}

div.calculator .item.value-item {
    background: #eaf5fc
}

div.calculator .item.result-item {
    width: 269px;
    border-style: dashed;
    text-align: center
}

div.calculator .item.result-item .value-result {
    display: block;
    font-size: 26px;
    font-weight: 700;
    padding: 6px 0 0
}

div.calculator .item.result-item .message-info {
    display: none
}

div.calculator .title {
    display: block;
    font-size: 13px;
    line-height: 18px;
    color: #466173;
    margin: 0 0 16px
}

div.calculator .inputs-row {
    display: flex;
    flex-flow: row nowrap
}

div.calculator .inputs-row input.form-control {
    width: 60px;
    padding: 0 7px;
    margin: 0 9px 0 0;
    font-size: 18px;
    color: #0085db;
    font-weight: 700
}

div.calculator .inputs-row input.form-control:focus {
    color: #0085db
}

div.calculator .inputs-row .label {
    font-weight: 300;
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 6px
}

div.calculator .inputs-row .value {
    margin: 0 31px 0 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

div.calculator .inputs-row .value.field:after {
    display: none
}

div.calculator .submit-holder {
    text-align: center
}

div.calculator button.calculate-btn {
    display: none
}

div.calculator.empty {
    display: inline-block;
    vertical-align: top
}

div.calculator.empty .calculator-form {
    margin: 0
}

div.calculator.empty .product__row {
    margin: 0
}

div.calculator.empty .result-item .title {
    color: #98aab6;
    margin: 0 0 9px
}

div.calculator.empty .result-item .value-result {
    display: none
}

div.calculator.empty .result-item .message-info {
    font-size: 18px;
    font-weight: 300;
    display: block
}

div.calculator.empty .recalculate-link {
    display: none
}

div.calculator.empty button.calculate-btn {
    display: inline-block;
    vertical-align: top
}

div.calculator.empty .product-result {
    display: none
}

.product-result h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 0 0 20px 32px
}

.product-result .product {
    padding: 0 10px 0 2px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center
}

.product-result .product .left-block {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center
}

.product-result .product .r-block {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 430px)
}

.product-result .product-img {
    width: 147px;
    height: 100px;
    border-radius: 33px 33px 33px 0;
    margin: 0 29px 0 0
}

.product-result .product-content {
    width: 210px;
    padding: 0 0 8px
}

.product-result .product .code {
    margin: 0 0 3px
}

.product-result .product-title {
    margin: 0 0 10px
}

.product-result .product .description {
    padding: 6px 0 0
}

.product-result .product-price {
    margin: 0 8px 25px;
    white-space: nowrap;
    font-size: 18px
}

.product-result .product-price .currency {
    font-size: 16px
}

.product-result .product .count-holder {
    padding: 4px 0 0
}

.product-result .product .count-holder .count-form label {
    font-size: 16px;
    font-weight: 300;
    padding: 0 0 0 9px
}

.product-result .product .note {
    display: block;
    font-size: 13px;
    padding: 5px 0 0
}

.product-result .product .price-block {
    padding: 26px 0 0;
    text-align: center
}

.product-result .product .price-block .product-price {
    font-size: 22px;
    margin: 0 0 11px
}

.product-result .product .price-block .currency {
    font-size: 18px;
    font-weight: 700
}

.product-result .product .btn-buy {
    padding: 0 23px
}

.recalculate-link {
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    padding: 0 0 0 25px;
    position: relative;
    color: #0085db;
    background: none;
    border: 0
}

.recalculate-link:before {
    width: 15px;
    height: 18px;
    background-position: -1px -653px;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin: -9px 0 0
}

.recalculate-link:hover span {
    border-color: transparent
}

.recalculate-link span {
    border-bottom: 1px dotted #0c9ccc;
    transition: all .3s
}

#basket-modal .popup-holder {
    width: 920px;
    padding: 45px 30px
}

.basket-products {
    padding: 22px 3px 46px 16px
}

.basket-products .product-result {
    padding: 0 25px 0 0
}

.basket-products .product-result .product {
    padding: 0 0 25px
}

.basket-products .product-result .product .price-block {
    padding: 0 0 15px
}

.basket-products .btns-holder {
    text-align: right
}

.basket-products .btns-holder .link {
    margin: 0 20px 0 0
}

.basket-products .btns-holder .btn {
    padding: 13px 23px
}

.add-services {
    border-top: 1px solid #0085db;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 25px 54px 40px 15px;
    background: #fafcfd
}

.add-services:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 7px 8px;
    border-color: transparent transparent #0085db transparent;
    position: absolute;
    left: 11px;
    top: -7px
}

.add-services:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 7px 8px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    left: 11px;
    top: -6px
}

.add-services .checkbox-item .checkbox + span > span {
    display: block;
    line-height: 14px
}

.add-services .checkbox-item .checkbox + span > span strong {
    font-weight: 900;
    font-size: 16px
}

.add-services .checkbox-item .checkbox + span .info-holder {
    position: relative;
    padding: 0 23px 1px 0
}

.add-services .checkbox-item .checkbox + span .info-holder .icon-question {
    position: absolute;
    right: 0;
    top: -2px
}

.add-services .icon-question {
    margin: 0 0 0 3px
}

#testimonial-modal .popup-holder {
    width: 920px;
    padding: 45px 30px
}

#testimonial-modal .pattern-holder {
    max-width: 740px
}

#testimonial-modal .form-patterns {
    min-width: 406px;
    margin-left: 30px
}

#send-compare .popup-holder {
    width: 841px
}

.form.ui.send-compare-form {
    max-width: 327px;
    margin: 0 auto;
    padding-top: 13px
}

.form.ui.send-compare-form .submit-holder {
    padding-top: 5px
}

#popup-testimonial .popup-holder, #order-service-popup .popup-holder {
    width: 559px;
    background: #eaf5fc;
    padding: 55px 44px 60px
}

#popup-testimonial .popup-body, #order-service-popup .popup-body {
    margin: 0 auto;
    max-width: 415px
}

#popup-testimonial .section-title, #order-service-popup .section-title {
    margin: 0 0 40px
}

#popup-testimonial .form-section, #order-service-popup .form-section {
    width: 100%;
    border: 0;
    padding: 0
}

#testimonial-success-modal .popup-holder {
    width: 559px;
    padding: 43px 44px 35px
}

#payment-text-popup .popup__text {
    text-align: left
}

#adr-stock-popup .section-title {
    margin-bottom: 40px
}

#fast-order-popup .popup-holder, #pricing-popup .popup-holder, .min-modal .popup-holder {
    width: 600px
}

#fast-order-popup h2, #fast-order-popup .h2, #pricing-popup h2, #pricing-popup .h2, .min-modal h2, .min-modal .h2 {
    margin: 0 0 42px
}

.align-center {
    text-align: center
}

@-moz-keyframes popup-active {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes popup-active {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes popup-active {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.countdown-holder {
    overflow: hidden;
    margin: 0 0 20px
}

.share-countdown {
    border-radius: 15px;
    border: 2px solid #0085db;
    float: left;
    height: 59px;
    padding: 0 16px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.share-countdown .count {
    font-weight: 900;
    font-size: 24px
}

.share-countdown .label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 900;
    margin: 0 3px
}

.share-countdown .days {
    margin: 0 6px 0 0
}

.share-countdown .days .label {
    font-size: 16px;
    font-weight: 400
}

.share-countdown .time {
    display: flex;
    align-items: flex-end
}

.icon-send-link {
    width: 18px;
    height: 14px;
    background-position: -1px -3144px;
    vertical-align: middle;
    margin: 0 13px 0 0
}

.icon-speech-bubble {
    width: 19px;
    height: 15px;
    background-position: -1px -3899px
}

.icon-viewed-bubble {
    width: 19px;
    height: 13px;
    background-position: -1px -848px
}

.question-holder {
    position: relative;
    padding: 0 8px 0 0
}

.question-holder.active .tooltip {
    opacity: 1;
    z-index: 100
}

.tooltip {
    width: 203px;
    padding: 20px 19px 18px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin: 0 0 16px -101px;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    font-family: "Open Sans", Arial, Verdana, Geneva, Helvetica, serif;
    font-style: normal;
    font-weight: 400;
    opacity: 0;
    z-index: -1;
    transition: all .3s
}

.tooltip:after {
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin: 0 0 0 -11px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 11px 0 11px;
    border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent
}

.tooltip .close {
    position: absolute;
    top: 8px;
    right: 12px;
    text-indent: -9999px;
    width: 11px;
    height: 11px;
    cursor: pointer
}

.tooltip .close:after {
    content: '+';
    display: block;
    transform: rotate(45deg);
    text-indent: 0;
    color: #fff;
    font-size: 27px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 100;
    margin: -18px 0 0 -2px
}

.bx-authform {
    margin: 40px auto 25px
}

.bx-authform .bx-title {
    text-align: center;
    margin: 0 0 30px
}

.ceo-block h1:before {
    display: none
}

.ceo-block ol {
    padding-left: 40px;
    margin: 1em 0
}

.ceo-block ul {
    margin: 0 0 24px
}

.ceo-block ul li {
    position: relative;
    padding: 0 0 0 14px
}

.ceo-block ul li:before {
    content: '';
    background: #0085db;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px
}

.ceo-block strong, .ceo-block b {
    font-weight: bold
}

.ceo-block em, .ceo-block i {
    font-style: italic
}

.ceo-block ol, .ceo-block ol li {
    list-style: decimal
}

.ceo-block p {
    margin: 0 0 1em
}

.map-site__holder {
    padding: 100px 0
}

.table-map {
    width: 60%
}

.table-map th {
    padding: 10px;
    text-align: left;
    font-size: 14px;
    line-height: 17px;
    font-weight: normal
}

.table-map td {
    padding: 10px;
    font-size: 14px;
    line-height: 17px
}

.items-tiles .item .arrow {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.items-tiles .item .arrow {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.promo-section {
    padding: 11px 0 0
}

.portal-promo-slider {
    padding: 0 0 56px;
    margin: 0 0 30px
}

.portal-promo-slider .slick-dots, .blue-dots-slider .slick-dots, .video-slider .slick-dots {
    bottom: 0;
    height: 22px
}

.portal-promo-slider .slick-dots li, .blue-dots-slider .slick-dots li, .video-slider .slick-dots li {
    padding: 6px;
    border-radius: 50%;
    border: 1px solid transparent;
    transition: all .3s;
    margin: 0 4px
}

.portal-promo-slider .slick-dots li:hover, .portal-promo-slider .slick-dots li.slick-active, .blue-dots-slider .slick-dots li:hover, .blue-dots-slider .slick-dots li.slick-active, .video-slider .slick-dots li:hover, .video-slider .slick-dots li.slick-active {
    border-color: #0397f8
}

.portal-promo-slider .slick-dots button, .blue-dots-slider .slick-dots button, .video-slider .slick-dots button {
    background: #0397f8;
    width: 8px;
    height: 8px
}

.brands-slider .slick-track {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.using-section {
    padding: 0 0 65px
}

.using-section h2.section-title, .using-section .h2.section-title {
    margin: 0 0 32px
}

.using-holder {
    border-radius: 27px;
    overflow: hidden
}

.items-tiles {
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -20px 0 0
}

.items-tiles.less-row:first-child .item:nth-child(4) {
    border-radius: 27px 27px 27px 0
}

.items-tiles.less-row .item:nth-child(4) {
    border-radius: 0 0 27px 0
}

.items-tiles .item {
    max-width: 305px;
    max-height: 277px;
    width: calc(25% - 20px);
    position: relative;
    margin: 0 20px 20px 0;
    overflow: hidden
}

.items-tiles .item a {
    display: block;
    height: 100%
}

.items-tiles .item a:hover .arrow {
    opacity: 1
}

.items-tiles .item .text-holder {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.17);
    color: #fff;
    padding: 0;
    transition: all .3s
}

.items-tiles .item .title {
    font-size: 30px;
    line-height: 35px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    padding: 0 0 25px 20px;
    display: inline-block;
    vertical-align: middle;
    transition: all .3s;
    position: absolute;
    bottom: 0;
    left: 0
}

.items-tiles .item .title span {
    padding: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle
}

.items-tiles .item .arrow {
    opacity: 0;
    transition: all .3s;
    width: 33px;
    height: 28px;
    background-position: -1px -693px;
    vertical-align: middle;
    margin: 6px 0 0
}

.items-tiles .item .num-holder {
    text-align: center;
    font-size: 58px;
    line-height: 58px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    text-shadow: 0 2px 0 rgba(0, 0, 1, 0.17);
    color: rgba(255, 255, 255, 0.7);
    padding: 23px 0 0;
    height: calc(100% - 95px);
    display: flex;
    justify-content: center;
    align-items: center
}

.items-tiles .item .num-holder .num {
    display: block;
    padding: 28px 0 0
}

.items-tiles:first-child .item {
    border-radius: 27px 27px 0 0
}

.items-tiles:last-child {
    margin-bottom: -20px
}

.items-tiles:last-child .item {
    border-radius: 0 0 27px 27px
}

.colors-section {
    padding: 23px 0 55px
}

.colors-section .colors-holder {
    padding: 32px 0 0;
    max-width: 1045px;
    margin: 0 auto
}

.colors-section .colors-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: 0 0 0 100px
}

.colors-section .colors-list li {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: 0 0 20px;
    width: 25%;
    max-width: 260px;
    padding: 0 25px 0 0
}

.colors-section .colors-list a {
    color: #12354c;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 0
}

.colors-section .colors-list a:hover {
    color: #0085db;
    border-color: transparent
}

.colors-section .colors-list .icon {
    width: 57px;
    min-width: 57px;
    height: 56px;
    border-radius: 12px;
    overflow: hidden;
    margin: 0 25px 0 0;
    display: block
}

.colors-section .colors-list .icon img {
    max-height: 999px;
    max-width: 999px
}

.product-sort-row .switch-view a.active .icon-sort-tile, .product-sort-row .switch-view a.active .icon-sort-list, .icon-sort-tile, .icon-sort-list, .catalog-section .special-propositions .arrow, .ui.accordion .title .dropdown.icon, .filter-panel .title .dropdown.icon, .filter-panel .filter-active-list a:before, .filter-panel .filter-active-list label:before, .more-products-link:before, .rate .star, .rate .star.active, .empty-catalog .info-message:before, .icon-info, .icon-info:hover, .icon-question, .icon-question:hover, .icon-question.active, .icon-help, .arrow-pagination-prev, .arrow-pagination-next {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.product-sort-row .switch-view a.active .icon-sort-tile, .product-sort-row .switch-view a.active .icon-sort-list, .icon-sort-tile, .icon-sort-list, .catalog-section .special-propositions .arrow, .ui.accordion .title .dropdown.icon, .filter-panel .title .dropdown.icon, .filter-panel .filter-active-list a:before, .filter-panel .filter-active-list label:before, .more-products-link:before, .rate .star, .rate .star.active, .empty-catalog .info-message:before, .icon-info, .icon-info:hover, .icon-question, .icon-question:hover, .icon-question.active, .icon-help, .arrow-pagination-prev, .arrow-pagination-next {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.product-sort-row__holder:after, .ui.accordion .item > .content:after, .filter-panel .item > .content:after, .filter-panel .filter-active-list:after, .filter-price .ranges-price:after, .product-content:after, .product-bottom-panel:after {
    clear: both;
    display: block;
    content: ''
}

.product-sort-row .switch-view a, .filter-mobile {
    background: #0399fc;
    background: -moz-linear-gradient(top, #0399fc 0, #007ccc 100%);
    background: -webkit-linear-gradient(top, #0399fc 0, #007ccc 100%);
    background: linear-gradient(to bottom, #0399fc 0, #007ccc 100%);
    transition: all .3s
}

.product-sort-row .switch-view a:hover, .filter-mobile:hover {
    background: #47caff;
    background: -moz-linear-gradient(top, #47caff 0, #007dcd 100%);
    background: -webkit-linear-gradient(top, #47caff 0, #007dcd 100%);
    background: linear-gradient(to bottom, #47caff 0, #007dcd 100%)
}

.more-filters-link {
    border-bottom: 1px dotted #0c9ccc;
    color: #0085db;
    font-size: 1rem;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    transition: all .3s
}

.more-filters-link:hover {
    border-color: transparent
}

.product-sort-row__holder {
    text-align: center;
    padding: 19px 20px 15px 339px
}

.product-sort-row .check-row {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

.product-sort-row .check-row__holder {
    display: flex;
    flex-flow: row nowrap;
    padding: 4px 0 0
}

.product-sort-row .check-row label {
    color: #0085db;
    font-size: 13px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 0
}

.product-sort-row .sort-form {
    float: right;
    width: 300px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end
}

.product-sort-row .select-dropdown {
    margin: 0 24px 0 0
}

.product-sort-row .switch-view {
    width: 75px;
    height: 34px;
    border: 1px solid #a3c4d8;
    border-radius: 3px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    overflow: hidden
}

.product-sort-row .switch-view a {
    display: block;
    height: 100%;
    width: 50%;
    text-align: center;
    line-height: 28px;
    margin: -1px 0
}

.product-sort-row .switch-view a.active {
    background: #fff;
    margin: 0
}

.product-sort-row .switch-view a.active .icon-sort-tile {
    width: 17px;
    height: 15px;
    background-position: -1px -3254px
}

.product-sort-row .switch-view a.active .icon-sort-list {
    width: 16px;
    height: 15px;
    background-position: -1px -3220px
}

.icon-sort-tile {
    width: 17px;
    height: 15px;
    background-position: -1px -3237px;
    vertical-align: middle
}

.icon-sort-list {
    width: 16px;
    height: 15px;
    background-position: -1px -3203px;
    vertical-align: middle
}

.catalog-section {
    padding: 0 0 61px
}

.catalog-section .catalog-block {
    border-radius: 27px;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    margin: 0 0 27px
}

.catalog-section .products {
    border-left: 1px solid #ebebeb;
    width: calc(100% - 289px);
    margin: 0
}

.catalog-section .products__holder {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -1px -1px 0
}

.catalog-section .products .product {
    width: 25%;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin: 0 0 -1px;
    transition: all .3s;
    height: 355px
}

.catalog-section .products .product:last-child {
    border-radius: 0 0 27px 0
}

.catalog-section .products .product.product-callback .btn {
    padding: 13px 32px
}

.catalog-section .products-list.products .product {
    width: 100%
}

.catalog-section .products-list .product {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    height: auto
}

.catalog-section .products-list .product-callback {
    flex-flow: column nowrap
}

.catalog-section .products-list .product-callback .text-holder {
    margin: 14px 0 19px
}

.catalog-section .products-list .product-callback .heading {
    margin: 0 0 9px
}

.catalog-section .products-list .product-callback .posts {
    font-size: 20px;
    line-height: 20px
}

.catalog-section .products-list .product-callback .btn {
    padding: 13px 23px
}

.catalog-section .products-list .special-propositions .arrow {
    transform: rotate(180deg) scale(1.762)
}

.catalog-section .special-propositions {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    padding: 0;
}

.catalog-section .special-propositions .icon {
    margin: 0 0 24px
}

.catalog-section .special-propositions .text-holder {
    font-size: 16px;
    line-height: 24px;
    margin: 0 15px 23px
}

.catalog-section .special-propositions .text-holder .heading {
    display: block;
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin: 0 0 16px
}

.catalog-section .special-propositions .text-holder .posts {
    display: block;
    color: #12354c;
    font-weight: 300
}

.catalog-section .special-propositions .arrow {
    width: 21px;
    height: 18px;
    background-position: -1px -769px;
    transform: rotate(180deg)
}

.ui.accordion .title, .filter-panel .title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 12px 5px
}

.ui.accordion .title .dropdown.icon, .filter-panel .title .dropdown.icon {
    width: 7px;
    height: 12px;
    background-position: -1px -1376px;
    margin: 0 10px 0 0
}

.ui.accordion .title .dropdown.icon:before, .filter-panel .title .dropdown.icon:before {
    content: ''
}

.ui.accordion .item > .content, .filter-panel .item > .content {
    padding: 6px 0 15px
}

.accordion .item .content:hover a {
    border-color: rgba(0, 133, 219, 0.5);
}

.accordion .item .content a:not(.bx-ui-slider-handle) {
    transition: all .3s;
    border-bottom: 1px solid transparent;
}

.filter-panel {
    background: #eaf5fc;
    width: 289px;
    min-width: 289px;
    padding: 31px 54px 10px 27px;
    border-radius: 27px 0 0 27px
}

.filter-panel .filter-active {
    border-bottom: 1px solid #d2e1ec;
    margin: 0 0 16px;
    padding: 0 0 18px
}

.filter-panel .filter-active-list {
    margin: 0 -6px 0 0;
    padding: 0 0 11px
}

.filter-panel .filter-active-list li {
    float: left;
    margin: 0 6px 9px 0
}

.filter-panel .filter-active-list a, .filter-panel .filter-active-list label {
    display: block;
    color: #466173;
    font-size: 13px;
    min-height: 34px;
    border: 1px solid #a3c4d8;
    border-radius: 17px;
    background: #fff;
    padding: 3px 27px 3px 9px;
    position: relative;
    cursor: pointer
}

.filter-panel .filter-active-list a:before, .filter-panel .filter-active-list label:before {
    content: '';
    width: 8px;
    height: 8px;
    background-position: -1px -1399px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -4px 0 0
}

.filter-panel .filter-active .reset-filters {
    border: 0;
    padding: 0;
    color: #0085db;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 1px dotted #0c9ccc;
    background: none
}

.filter-panel .filter-active .reset-filters:hover {
    color: #0085db;
    border-color: transparent
}

.filter-panel .icon-question {
    margin: 0 0 0 8px
}

.filter-panel .title {
    padding: 0 0 12px 0;
    display: block
}

.filter-panel .title .count {
    color: #12354c;
    font-weight: 300
}

.filter-panel .count {
    color: #98aab6
}

.filters-sections {
    padding: 0
}

.filters-sections .filter-item {
    border-top: 1px solid #d2e1ec;
    padding: 11px 0 0
}

.filters-sections .filter-item:first-child {
    border-top: 0;
    padding-top: 0
}

.filters-sections .filter-item .content {
    padding: 6px 0 15px
}

.filters-sections .filter-inner-list {
    padding: 0;
    margin: 0 0 -5px
}

.filters-sections .filter-inner-list .filter-item-more {
    margin: 0
}

.filters-sections .filter-inner-list .filter-item-more .title-more {
    padding: 0
}

.filters-sections .filter-inner-list .filter-item-more .content {
    padding: 0
}

.filters-sections .filter-inner-list .hidden {
    display: none
}

.filter-item-more .title-more.active {
    display: none
}

.filter-price {
    padding: 3px 0 10px
}

.filter-price__input {
    border: 1px solid #a3c4d8;
    background: #fff;
    border-radius: 3px;
    padding: 0 1px;
    height: 34px;
    width: 47px;
    font-size: 14px;
    color: #000;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    text-align: center
}

.filter-price .ranges-price {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    white-space: nowrap
}

.filter-price .price-min, .filter-price .price-max {
    margin: 0 9px
}

.more-filters-link {
    margin: 0 0 0 30px;
    font-weight: 400
}

.more-filters-link.hide {
    display: none !important
}

#filter-slider-ranged {
    background: #fff;
    height: 3px;
    position: relative;
    width: 100%;
    margin: 0 0 25px
}

#filter-slider-ranged .ui-widget-header {
    background: #12a8ff;
    height: 100%;
    position: absolute
}

#filter-slider-ranged .ui-slider-handle {
    background: #fff;
    border: 3px solid #12a8ff;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    margin: 0 -9px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: -9px;
    z-index: 1
}

#filter-slider-ranged .ui-slider-handle:after {
    content: '';
    width: 3px;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 5px;
    margin: -2px 0 0;
    background: #12a8ff
}

#filter-slider-ranged .ui-slider-handle .handle-min-price, #filter-slider-ranged .ui-slider-handle .handle-max-price {
    display: none
}

.bx-filter {
    margin-bottom: 0
}

.bx-filter .bx-filter-section {
    padding-top: 0
}

.bx-filter .bx-ui-slider-track-container {
    padding-top: 0
}

.bx-filter .bx-ui-slider-handle {
    background: #fff;
    border: 3px solid #12a8ff;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    margin: 0 -9px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: -9px;
    z-index: 1
}

.bx-filter .bx-ui-slider-handle:after {
    content: '';
    width: 3px;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 5px;
    margin: -2px 0 0;
    background: #12a8ff
}

.bx-filter .bx-ui-slider-handle.right {
    margin-right: -9px
}

.bx-filter .bx-ui-slider-handle.left {
    margin-left: -9px
}

.bx-filter .bx-ui-slider-track {
    background: #fff;
    height: 3px
}

.bx-filter .bx-ui-slider-pricebar-vd {
    background: #12a8ff
}

.bx-filter .bx-ui-slider-range {
    z-index: 90
}

.filter-mobile {
    width: 36px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    line-height: 32px;
    border: 1px solid #a3c4d8;
    border-radius: 3px;
    margin: 0 20px 0 0
}

.filter-mobile:hover {
    color: #fff
}

.filter-mobile.active {
    background: #fff;
    color: #3b404b
}

.products-list .product-img {
    margin: 0 45px 0 0;
    position: relative;
    border-radius: 0;
    overflow: visible;
    min-width: 206px
}

.products-list .product-img img {
    border-radius: 30px 30px 30px 0;
    max-width: 100%;
    max-height: 100%
}

.products-list .product .description {
    overflow: hidden;
    max-height: 36px;
    margin: 7px 0 0
}

.products-list .product .description p {
    font-size: 13px;
    line-height: 18px;
    margin: 0
}

.products-list .product .btn-price {
    text-align: left
}

.products-list .product-content {
    padding: 12px 0 0;
    width: calc(100% - 206px - 45px - 250px - 90px)
}

.products-list .special-propositions {
    flex-flow: row nowrap;
    width: 100%
}

.products-list .special-propositions .text-holder {
    padding: 0 45px;
    margin: 0
}

.products-list .sticker {
    top: -16px;
    right: -11px
}

.product {
    padding: 20px;
    position: relative
}

.product-img {
    width: 206px;
    height: 140px;
    overflow: hidden;
    border-radius: 30px 30px 30px 0;
    margin: 0 auto 8px;
    position: relative
}

.product-img .available {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #58ad6c;
    font-size: 12px;
    line-height: 18px;
    border-radius: 0 4px 0 0;
    padding: 4px 8px 2px 6px;
    background: rgba(255, 255, 255, 0.9)
}

.product-img .notavailable {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #94b0c1;
    font-size: 12px;
    line-height: 18px;
    border-radius: 0 4px 0 0;
    padding: 4px 8px 2px 6px;
    background: rgba(255, 255, 255, 0.9)
}
.product-img .notavailable .icon-cross {
    width: 10px;
    height: 10px;
    background-position: -1px -1397px;
}

.product-img .available span {
    margin: 0 0 0 3px
}

.product-img .available.not-available {
    color: #12354c
}

.product-img .available.pre-order {
    color: #a9a700
}

.product-content .code {
    display: block;
    color: #98aab6;
    font-size: 12px;
    margin: 0 0 5px
}

.product .code {
    display: block;
    color: #98aab6;
    font-size: 12px;
    margin: 0 0 5px
}

.product-title {
    line-height: 18px;
    margin: 0 0 16px
}

.product-title a {
    color: #12354c;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 0
}

.product-title a:hover {
    color: #0085db;
    border-color: transparent
}

.product-price {
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    font-size: 24px;
    line-height: 24px;
    margin: 0 0 18px
}

.product-price .price {
    display: block;
    margin: 0 0 1px
}

.product-price .price.old-price {
    font-size: 18px;
    color: #8f9ca6;
    display: inline-block;
    vertical-align: top;
    text-decoration: line-through
}

.product-price .price.old-price span {
    font-weight: 300;
    color: #466173
}

.product-price .currency {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    line-height: 21px;
    vertical-align: bottom
}

.product .btn-price {
    text-align: center;
    margin: 0 0 10px;
    padding: 5px 0 0
}

.product.not-available .product-img img {
    opacity: .6
}

.product.not-available .product-img .available {
    color: #12354c
}

.product.not-available .price {
    color: #98aab6
}

.product-callback {
    text-align: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

.product-callback .icon {
    margin: 0 0 21px
}

.product-callback .text-holder {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 22px
}

.product-callback .text-holder .heading {
    display: block;
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin: 0 0 14px
}

.product-callback .text-holder .posts {
    display: block;
    color: #12354c;
    font-weight: 300
}

.product .right-block {
    width: 250px;
    min-width: 250px;
    margin: 0 0 0 90px
}

.product .rate {
    margin: 4px 0px 0 0;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
}
.product .add_comment{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: #98aab6;
    font-size: 12px;
    margin: 0 6px;
}
.product .more-description {
    padding: 20px 0 0;
    display: none
}

.product .more-description__text {
    font-size: 13px;
    margin: 0 0 20px
}

.product .more-description__text p {
    line-height: 18px
}

.product .more-description .compare-info {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.product .more-description .rate {
    margin-right: 5px
}

.product:hover .product-frame {
    position: absolute;
    left: -1px;
    top: 0;
    right: -1px;
    padding: 20px;
    background: #fff;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    z-index: 10
}

.product:hover .more-description {
    display: block
}

.product-bottom-panel {
    text-align: center;
    padding: 0 0 0 260px
}

.catalog-section .product-bottom-panel {
    padding-right: 15px;
    padding-top: 27px;
    margin: 0 0 -50px
}

.more-products-link {
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    padding: 0 0 0 40px;
    position: relative;
    color: #0085db
}

.more-products-link:before {
    width: 24px;
    height: 24px;
    background-position: -1px -822px;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin: -12px 0 0
}

.more-products-link:hover span {
    border-color: transparent
}

.more-products-link span {
    border-bottom: 1px dotted #0c9ccc;
    transition: all .3s
}

.pagination {
    float: right;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    width: 260px
}

.pagination li {
    border: 1px solid transparent;
    border-radius: 13px;
    min-width: 25px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    margin: 0 0 0 3px;
    font-weight: 300
}

.pagination li.active {
    border-color: #0085db
}

.pagination li.active a, .pagination li.active span {
    color: #0085db
}

.pagination li.active a:hover, .pagination li.active span:hover {
    color: #12354c;
    border-color: transparent
}

.pagination a, .pagination span {
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
    cursor: pointer;
    color: #12354c;
    font-size: 18px;
    transition: all .3s;
    border-bottom: 1px solid transparent
}

.pagination a:hover, .pagination span:hover {
    color: #0085db;
    border-color: #0085db
}

.pagination .prev a:hover, .pagination .prev span:hover, .pagination .next a:hover, .pagination .next span:hover {
    border-color: transparent
}

.compare-info {
    display: flex;
    flex-flow: row nowrap
}

.rate .star {
    width: 16px;
    height: 15px;
    background-position: -1px -3916px
}

.rate .star.active {
    width: 16px;
    height: 15px;
    background-position: -1px -3933px
}

.callback-form {
    border-radius: 20px;
    position: relative;
    width: 260px;
    height: 40px;
    border: 1px solid #a3c4d8;
    margin: 0 0 14px
}

.callback-form .input-text {
    height: 38px;
    width: 100%;
    border: 0;
    padding: 0 45px 0 20px;
    border-radius: 20px
}

.callback-form .btn {
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: 0;
    height: 40px;
    width: 45px;
    padding: 0 !important;
    border: 0;
    transition: all .3s;
    border-radius: 0 20px 20px 0
}

.empty-catalog {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 147px 0 50px
}

.empty-catalog .info-message {
    position: relative;
    padding: 122px 0 129px
}

.empty-catalog .info-message:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -20px;
    width: 39px;
    height: 66px;
    background-position: -1px -3076px
}

.empty-catalog .title {
    color: #a8b7c1;
    font-size: 26px;
    line-height: 26px;
    font-weight: 600;
    display: block;
    margin: 0 0 18px
}

.empty-catalog p {
    font-size: 16px;
    line-height: 18px;
    margin: 0
}

.empty-catalog .callback-block {
    max-width: 569px;
    width: 100%;
    margin: 0 auto;
    border-radius: 34px;
    overflow: hidden;
    background: #0399fc;
    background: -moz-linear-gradient(top, #0399fc 1%, #007ccd 100%);
    background: -webkit-linear-gradient(top, #0399fc 1%, #007ccd 100%);
    background: linear-gradient(to bottom, #0399fc 1%, #007ccd 100%);
    padding: 3px
}

.empty-catalog .callback-block__holder {
    background: #fff;
    border-radius: 32px;
    overflow: hidden;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    padding: 53px 15px 45px
}

.empty-catalog .callback-block .text-holder {
    padding: 0 0 19px;
    font-size: 16px;
    line-height: 24px
}

.empty-catalog .callback-block .text-holder .heading {
    margin: 0 0 10px;
    display: block;
    font-size: 22px;
    font-weight: 600;
    color: #000
}

.empty-catalog .callback-block .text-holder .posts {
    font-size: 20px;
    line-height: 24px;
    display: block;
    font-weight: 300
}

.icon-info {
    width: 19px;
    height: 19px;
    background-position: -1px -3317px;
    cursor: pointer;
    vertical-align: middle
}

.icon-info:hover {
    width: 19px;
    height: 19px;
    background-position: -1px -3338px
}

.icon-question {
    width: 19px;
    height: 19px;
    background-position: -1px -3462px;
    cursor: pointer;
    vertical-align: middle;
    position: relative
}

.icon-question:hover, .icon-question.active {
    width: 19px;
    height: 19px;
    background-position: -1px -3483px
}

.icon-help {
    width: 82px;
    height: 82px;
    background-position: -1px -1409px
}

.arrow-pagination-prev {
    width: 13px;
    height: 11px;
    background-position: -1px -391px
}

.arrow-pagination-next {
    width: 13px;
    height: 11px;
    background-position: -1px -378px
}

.product-section__content .close-colors:after, .product-section .border-section .arrow-input-number, .icon-present-blue, .images-product-slider .slick-prev, .images-product-slider .slick-prev:hover, .images-product-slider .slick-next, .images-product-slider .slick-next:hover, .star-rating__ico:before, .star-rating__ico:hover:before, .star-rating__ico:hover ~ .star-rating__ico:before, .star-rating__input:checked ~ .star-rating__ico:before, .delivery-local, .delivery-ukr, .ic-payment {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.product-section__content .close-colors:after, .product-section .border-section .arrow-input-number, .icon-present-blue, .images-product-slider .slick-prev, .images-product-slider .slick-prev:hover, .images-product-slider .slick-next, .images-product-slider .slick-next:hover, .star-rating__ico:before, .star-rating__ico:hover:before, .star-rating__ico:hover ~ .star-rating__ico:before, .star-rating__input:checked ~ .star-rating__ico:before, .delivery-local, .delivery-ukr, .ic-payment {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.product-section__content:after, .star-rating__wrap:after {
    clear: both;
    display: block;
    content: ''
}

.product-section .btn-to-play, .jq-number__spin, .btn-play {
    background: #0399fc;
    background: -moz-linear-gradient(top, #0399fc 0, #007ccc 100%);
    background: -webkit-linear-gradient(top, #0399fc 0, #007ccc 100%);
    background: linear-gradient(to bottom, #0399fc 0, #007ccc 100%);
    transition: all .3s
}

.product-section .btn-to-play:hover, .jq-number__spin:hover, .btn-play:hover {
    background: #47caff;
    background: -moz-linear-gradient(top, #47caff 0, #007dcd 100%);
    background: -webkit-linear-gradient(top, #47caff 0, #007dcd 100%);
    background: linear-gradient(to bottom, #47caff 0, #007dcd 100%)
}

.product-section .btn-to-play {
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    line-height: 17px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 21px;
    transition: all .3s;
    border: 0;
    padding: 13px 23px
}

.product-section .btn-to-play:hover {
    color: #fff
}

.product-section .available-link, .characteristics .more-link, .delivery-and-payment .item .text .link {
    border-bottom: 1px dotted #0c9ccc;
    color: #0085db;
    font-size: 1rem;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    transition: all .3s
}

.product-section .available-link:hover, .characteristics .more-link:hover, .delivery-and-payment .item .text .link:hover {
    border-color: transparent
}

.product-section .border-section__links .order-link {
    color: #0085db;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 1px solid rgba(0, 133, 219, 0.5);
    display: inline-block;
    vertical-align: top;
    line-height: 13px
}

.product-section .border-section__links .order-link:hover {
    color: #0085db;
    border-color: transparent
}

.product-card {
    padding: 0 0 40px
}

.product-card .popular-products {
    padding-bottom: 62px;
    overflow: hidden
}

.product-section {
    padding: 6px 0 37px
}

.product-section__content {
    border: 1px solid #d1e0ea;
    border-radius: 30px;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch
}

.product-section__content .close-colors {
    display: none;
    position: absolute;
    top: -19px;
    right: 6px;
    line-height: 17px
}

.product-section__content .close-colors:after {
    content: '';
    width: 17px;
    height: 17px;
    background-position: -1px -3000px
}

.product-section .product-visual {
    width: 608px;
    padding: 35px 30px;
    transition: all .3s
}

.product-section .product-colors {
    float: left;
    width: 138px;
    margin: 0 17px 0 0
}

.product-section .product-colors .more-colors {
    margin: 0
}

.product-section .product-colors .info-color-row {
    border-bottom: 1px solid #dde7ed;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    display: none;
    padding: 0 0 12px
}

.product-section .product-colors .info-color-row .info-text {
    font-size: 13px;
    line-height: 16px
}

.product-section .product-colors .info-color-row .info-text .heading {
    display: block
}

.product-section .product-colors .info-color-row .info-text .name {
    display: block;
    font-weight: 700
}

.product-section .product-colors .info-color-row .price-holder .price {
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    font-size: 34px;
    line-height: 34px;
    display: block
}

.product-section .product-colors .info-color-row .price-holder .price .currency {
    font-weight: 300;
    font-size: 23px;
    line-height: 30px;
    display: inline-block;
    vertical-align: bottom
}

.product-section__content.opened-colors .slider-visual-nav {
    height: auto;
}

.product-section .slider-visual-nav {
    width: 138px;
    overflow: hidden;
    height: 228px;
    margin: 6px 0 3px
}

.product-section .slider-visual-nav .slick-list {
    height: 100% !important
}

.product-section .slider-visual-nav .slide {
    float: left;
    width: 57px !important;
    height: 56px;
    margin: 0 12px 20px 0;
    border: 0;
    position: relative
}

.product-section .slider-visual-nav .slide a {
    display: block;
    position: relative;
    border-radius: 12px;
    height: 100%;
    overflow: hidden
}

.product-section .slider-visual-nav .slide a:before {
    content: '';
    border: 3px solid transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    pointer-events: none
}

.product-section .slider-visual-nav .slide.slick-current a:before {
    border-color: #0085db
}

.product-section .slider-visual-nav .slide .btn-play {
    width: 29px;
    height: 29px;
    margin: 0;
    left: auto;
    right: -6px;
    top: -9px
}

.product-section .slider-visual-nav .slide .btn-play:after {
    border-width: 7.5px 0 7.5px 10px;
    margin: -8px 0 0 -3px
}

.product-section .slider-visual-nav .slide img {
    min-width: 100%;
    height: 100%
}

.product-section .slider-visual {
    overflow: hidden;
    max-width: 393px;
    width: calc(100% - 138px - 17px);
    border-radius: 30px 30px 0 30px;
    height: 269px;
    z-index: 999;
    position: relative
}

.product-section .slider-visual .slick-slide {
    display: none
}

.product-section .slider-visual .slide {
    opacity: 1;
    z-index: 998;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.product-section .slider-visual .slide.slick-current {
    opacity: 1;
    z-index: 999;
    position: relative
}

.product-section .slider-visual .slide img {
    border-radius: 30px 30px 0 30px
}

.product-section .btn-to-play {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: 99
}

.product-section .btn-to-play:after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 16px;
    border-color: transparent transparent transparent #fff;
    content: '';
    margin: -13px 0 0 -5px
}

.product-section .description-section {
    border-left: 1px solid #d1e0ea;
    border-right: 1px solid #d1e0ea;
    width: 500px;
    min-width: 500px;
    padding: 17px 25px 24px 28px;
    transition: all .3s
}

.product-section .description-section .row {
    margin: 0 0 15px
}

.product-section .description-section .row.row-price {
    margin: 0 0 25px
}

.product-section .description-section .links-holder {
    margin: 0 0 15px
}

.product-section .description-section .links-holder > a {
    margin: 0 30px 0 0
}

.product-section .description-section .links-holder > span {
    margin: 0 30px 0 0
}

.product-section .description-section .description-text {
    font-size: 13px;
    line-height: 18px
}

.product-section .description-section .description-text p {
    margin: 0
}

.product-section .description-section .description-text .link-see-more {
    border: 0;
    vertical-align: middle
}

.product-section .description-section .description-text .link-see-more:after {
    margin-top: -5px
}

.product-section .description-section .description-text .link-see-more:hover {
    border: 0
}

.product-section .description-section .preorder-text, .product-section .description-section .preorder-text.gray {
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    padding-bottom: 18px
}

.product-section .description-section .preorder-text .note, .product-section .description-section .preorder-text.gray .note {
    color: #98aab6;
    font-size: 13px;
    padding: 3px 0 0
}

.product-section .discount-row {
    background: #0399fc;
    color: #fff;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    border-radius: 3px 3px 0 0;
    margin: 0 0 -1px;
    padding: 5px 18px 4px;
    position: relative
}

.product-section .discount-row:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent #0399fc transparent;
    position: absolute;
    top: -6px;
    right: 42px
}

.product-section .stock-row {
    background: #eff4f9;
    border-bottom: 1px solid #dde7ed;
    margin: -17px -25px 7px -28px;
    padding: 10px 25px 8px 28px
}

.product-section .stock-row strong {
    font-weight: 700
}

.product-section .stock-row .icon-question {
    margin: 0 0 0 8px
}

.product-section .border-section {
    border: 1px dashed #0085db;
    border-radius: 3px;
    padding: 15px 20px 10px 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 0 21px
}

.product-section .border-section.gray {
    font-size: 18px;
    text-align: center;
    border-color: #8b9ca7;
    padding: 16px 20px 26px;
    font-weight: 300;
    margin: 0 0 21px
}

.product-section .border-section .meter {
    font-size: 26px;
    font-weight: 700
}

.product-section .border-section .arrow-input-number {
    width: 58px;
    height: 51px;
    background-position: -1px -35px;
    position: absolute;
    top: -16px;
    right: 23px
}

.product-section .border-section p {
    margin: 0;
    line-height: 24px
}

.product-section .border-section.columns {
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 3px
}

.product-section .border-section__text {
    padding: 0 5px 0 0
}

.product-section .border-section__text .row {
    margin: 6px 0 0
}

.product-section .border-section__text .row:first-child {
    margin-top: 0
}

.product-section .border-section__text p {
    font-size: 16px;
    font-weight: 300
}

.product-section .border-section__text .price {
    font-size: 23px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    display: block;
    margin: 0 0 10px
}

.product-section .border-section__text .price .currency {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 0 5px
}

.product-section .border-section__links {
    text-align: center
}

.product-section .border-section__links .row {
    margin: 9px 0 0
}

.product-section .border-section__links .row:first-child {
    margin-top: 0
}

.product-section .row-between {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center
}

.product-section .row-price .right-column .btn-buy {
    margin: 0 0 0 15px
}

.product-section .row.row-line {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 40px
}

.product-section .row.row-line .product-item-detail-buy-button {
    margin: 0 0 0 10px;
}
@media (max-width: 540px) {
    .product-section .row.row-line {
        flex-wrap: wrap;
    }
    .product-section .row.row-line .product-item-detail-buy-button {
        margin: 10px 0;
    }
    .product-section .row.row-line .btn-buy {
        margin-right: 10px;
    }
}

.product-section .row.row-line .count-form {
    margin: 0 30px 0 0
}

.product-section .code {
    display: inline-block;
    vertical-align: middle;
    color: #98aab6;
    font-size: 12px;
    max-width: 115px;
    margin: 0 20px 0 0
}

.product-section .rate {
    display: inline-block;
    vertical-align: middle
}

.product-section .available {
    color: #58ad6c;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
/*    margin: 0 0 5px;*/
    white-space: nowrap
}
.rate-wrap{
    display: inline-block;
}

.product-section .not-available {
    color: #12354c;
    display: block;
    margin: 0
}

.product-section .available-link {
    display: inline-block;
    vertical-align: top;
    line-height: 17px
}

.product-section .btn {
    padding: 13px 32px
}

.product-section .product-price {
    font-size: 34px;
    line-height: 34px;
    margin: 0 0 6px
}

.product-section .product-price .currency {
    font-size: 23px;
    line-height: 28px;
    margin: 0 0 0 5px;
    font-weight: 300
}

.product-section .calculator-link {
    color: #0085db;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 1px solid transparent;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    margin: 0 12px 0 0
}

.product-section .calculator-link:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.product-section .more-info {
    padding: 4px 25px 25px;
    width: 218px;
    min-width: 218px
}

.product-section .more-info .item {
    border-top: 1px solid #dde7ed
}

.product-section .more-info .item:first-child {
    border-top: 0;
    padding-top: 0
}

.product-section .more-info .title {
    font-size: 13px;
    line-height: 16px;
    padding: 19px 0 16px
}

.product-section .more-info .title a {
    color: #12354c
}

.product-section .more-info .content {
    padding: 0 0 24px
}

.product-section .more-info .list {
    margin: 0 -5px 10px 0
}

.product-section .more-info .list li {
    font-size: 13px;
    line-height: 16px;
    color: #98aab6
}

.product-section .more-info .icon-question {
    margin: 0 0 0 3px
}

.product-section .discount-list li {
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 8px
}

.product-section .width-value {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.product-section .width-value .heading {
    margin: 0 16px 0 0;
    line-height: 16px
}

.product-section .size-list {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px -5px 0
}

.product-section .size-list li {
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    margin: 6px 12px 5px 0
}

.product-section .size-list li.active a, .product-section .size-list li a:hover {
    border-color: #0085db;
    color: #0085db
}

.product-section .size-list a {
    color: #98aab6;
    border: 1px solid #98aab6;
    display: block;
    height: 25px;
    border-radius: 4px;
    min-width: 40px;
    text-align: center
}

.icon-present-blue {
    width: 20px;
    height: 24px;
    background-position: -1px -1766px;
    vertical-align: middle;
    margin: -6px 7px 0 0
}

.images-product-slider {
    max-width: 531px;
    width: 100%;
    margin: 0 auto
}

.images-product-slider .slick-list {
    overflow: hidden;
    border-radius: 30px 30px 0 30px;
    z-index: 1
}

.images-product-slider .slick-prev {
    width: 54px;
    height: 49px;
    background-position: -1px -274px;
    transform: rotate(-180deg);
    left: -22px
}

.images-product-slider .slick-prev:hover {
    width: 56px;
    height: 51px;
    background-position: -1px -325px
}

.images-product-slider .slick-next {
    width: 54px;
    height: 49px;
    background-position: -1px -549px;
    right: -22px
}

.images-product-slider .slick-next:hover {
    width: 56px;
    height: 51px;
    background-position: -1px -600px
}

.images-product-slider .slick-arrow {
    margin: -27px 0 0;
    z-index: 2
}

.images-product-slider .slick-arrow.slick-disabled {
    display: none !important
}

.count-form {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
    vertical-align: middle
}

input[type=number] {
    height: 100%;
    width: 100%
}

.jq-number {
    padding: 0 18px 0 0;
    height: 40px;
    border: 1px solid #0085db;
    border-radius: 3px
}

.jq-number.focused .jq-number__field {
    border: 0
}

.jq-number__field {
    width: 54px;
    height: 38px;
    border: 0
}

.jq-number__field input {
    height: 38px;
    font-size: 12px;
    padding: 8px 5px;
    color: #0085db;
    font-family: "Open Sans", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 700
}

.jq-number__spin {
    border: 0;
    width: 18px;
    height: 20px;
    color: #fff;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0;
    transition: none
}

.jq-number__spin:active {
    background: #0085db;
    box-shadow: none
}

.jq-number__spin:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-family: 'Helvetica', sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    padding: 0 0 0 1px
}

.jq-number__spin.plus:after {
    content: '+';
    border: 0
}

.jq-number__spin.minus:after {
    content: '-';
    border: 0;
    top: 0
}

.about-product-section {
    padding: 30px 0 0
}

.about-product-section .product-menu-holder {
    margin: 0 0 33px
}

.about-product-section .ui.dropdown {
    display: none
}

.product-menu {
    border-bottom: 1px solid #dfe4e7;
    display: flex;
    flex-flow: row wrap
}

.product-menu li {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    margin: 0 49px 0 0
}

.product-menu li.active a {
    color: #0085db;
    border-color: #0085db
}

.product-menu a {
    color: #000;
    border-bottom: 3px solid transparent;
    display: inline-block;
    vertical-align: top;
    transition: all .3s;
    padding: 0 0 9px
}

.product-menu a:hover {
    color: #0085db
}

.characteristics {
    padding: 30px 0 79px
}

.characteristics .table-holder {
    padding: 0 100px 4px 0
}

.characteristics .description-items {
    margin: 0 0 10px;
    max-height: 216px;
    overflow: hidden;
    transition: all .3s;
    display: block;

}

.characteristics .description-items li {
    display: flex;
    flex-flow: row nowrap;
    margin: 0 0 12px
}

.characteristics .description-items .heading {
    width: 51%;
   /* margin: 0 20px 0 0*/
    padding: 5px 0;
}

.characteristics .description-items .value {
    width: 49%
}

.characteristics .text-description {
    max-height: 192px;
    transition: all .3s;
    overflow: hidden;
    margin: 0 0 34px
}

.characteristics .table .value {
    width: 260px
}

.characteristics-table {
    display: flex;
    flex-flow: row nowrap;
    margin: 0 0 10px
}

.characteristics-table .column {
    width: 47%
}

.characteristics-table .column.column-description {
    width: 42%
}

.characteristics-table .column.column-description.opened .description-items {
    max-height: 999px
}

.characteristics-table .column.opened .text-description {
    max-height: 999px
}

.characteristics-table .title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #000;
    margin: 0 0 20px
}

.characteristics-table p {
    margin: 0;
    line-height: 24px
}

.blue-section {
    background: #eaf5fc;
    padding: 52px 0 38px;
    position: relative;
    overflow: hidden;
    width: 100%
}

.video-slider-holder {
    overflow: hidden;
    padding: 7px 0 0;
    max-width: 891px;
    margin: 0 auto
}

.video-slider-holder .video-nav {
    width: 128px;
    float: left;
    margin: 0 25px 0 0
}

.video-slider-holder .video-nav .slide {
    width: 128px;
    height: 100px;
    border: 3px solid #fff;
    border-radius: 24px;
    overflow: hidden;
    margin: 0 0 20px
}

.video-slider-holder .video-nav .slide img {
    opacity: .6;
    max-width: none
}

.video-slider-holder .video-nav .slide.slick-current {
    border-color: #0085db
}

.video-slider-holder .video-nav .slide.slick-current img {
    opacity: 1
}

.video-slider-holder .video-slider {
    width: calc(100% - 128px - 25px);
    height: 340px;
    border-radius: 30px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.video-slider-holder .video-slider .btn-play {
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px
}

.video-slider-holder .video-slider .btn-play:after {
    border-width: 25px 0 25px 32px;
    margin: -26px 0 0 -10px
}

.video-slider-holder .video-slider .btn-play.hide {
    display: none
}

.video-slider-holder .youtube-video {
    height: 340px
}

.video-slider-holder .youtube-video iframe {
    height: 340px
}

.video-slider .slick-arrow {
    left: -9999px
}

.btn-play {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    cursor: pointer
}

.btn-play:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 32px;
    border-color: transparent transparent transparent #fff;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -26px 0 0 -10px
}

.blue-section + .testimonials.testimonials-empty {
    padding-top: 58px
}

.testimonials {
    padding: 58px 0 30px
}

.testimonials .title-holder {
    min-height: 61px;
    margin: 0 0 26px;
    position: relative
}

.testimonials .title-holder .link-see-more {
    margin: 0 18px 0 0
}

.testimonials .btn-send-holder {
    position: absolute;
    right: 13px;
    top: 10px
}

.testimonials .send-testimonial {
    display: inline-block;
    vertical-align: top;
    color: #0085db;
    border: 1px dashed #0085db;
    transition: all .3s;
    height: 44px;
    padding: 8px 30px;
    font-weight: 700;
    border-radius: 22px;
    background: #fff
}

.testimonials .send-testimonial:hover {
    color: #199bef;
    border-color: #199bef
}

.testimonials.testimonials-empty {
    padding: 0 0 36px
}

.testimonials-slider {
    padding: 0 0 36px;
    overflow: hidden
}

.testimonials-slider .slick-list {
    margin: 0 -19px 0 0;
    overflow: hidden
}

.testimonials-slider .slide {
    background: #fff;
    box-shadow: 0 1px 4px rgba(25, 101, 239, 0.21);
    border-radius: 30px;
    overflow: hidden;
    width: 629px;
    /*height: 167px;*/
    margin: 1px 21px 4px 1px;
    text-align: left;
    padding: 31px 42px 10px
}

.testimonials-slider .date {
    display: block;
    color: #98aab6;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 10px
}

.testimonials-slider .row-name {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: 0 0 9px
}

.testimonials-slider .name {
    font-size: 16px;
    line-height: 19px;
    color: #000;
    font-weight: 600;
    margin: 0 17px 0 0
}

.testimonials-slider .rate {
    line-height: 19px;
    white-space: nowrap
}

.testimonials-slider .text {
    /*max-height: 54px;*/
    overflow: hidden
}

.testimonials-slider .text p {
    margin: 0;
    font-size: 14px;
    line-height: 18px
}

.testimonials-empty-block {
    max-width: 528px;
    margin: 0 auto;
    border-radius: 35px;
    border: 2px solid #0085db;
    padding: 39px 20px 44px;
    text-align: center
}

.testimonials-empty-block .text {
    color: #466173;
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 35px
}

.testimonials-empty-block .text p {
    margin: 0
}

.necessary-products {
    padding: 41px 0;
    overflow: hidden
}

.necessary-products h2.section-title, .necessary-products .h2.section-title {
    margin: 0 0 27px
}

.delivery-and-payment {
    padding: 35px 0 91px
}

.delivery-and-payment .delivery-payment-holder {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    padding: 37px 0 0
}

.delivery-and-payment .item {
    text-align: center;
    max-width: 290px;
    margin: 0 33px
}

.delivery-and-payment .item .icon {
    width: 125px;
    height: 125px;
    border: 1px solid #0085db;
    border-radius: 50%;
    text-align: center;
    line-height: 120px;
    margin: 0 auto 38px
}

.delivery-and-payment .item .icon i {
    vertical-align: middle
}

.delivery-and-payment .item .text-holder .name {
    display: block;
    margin: 0 0 17px
}

.delivery-and-payment .item .text-holder .name a {
    color: #0085db;
    font-size: 16px;
    transition: all .3s;
    border-bottom: 1px solid transparent;
    font-weight: 600
}

.delivery-and-payment .item .text-holder .name a:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.delivery-and-payment .item .text {
    font-weight: 300;
    color: #466173
}

.delivery-and-payment .item .text p {
    margin: 0;
    font-size: 18px;
    line-height: 24px
}

.delivery-and-payment .item .text a {
    color: #12354c;
    transition: all .3s
}

.delivery-and-payment .item .text a:hover {
    color: #0085db
}

.delivery-and-payment .item .text .link {
    font-size: 18px
}

.delivery-and-payment .item .text .note {
    display: block;
    font-size: 13px;
    color: #98aab6
}

.star-rating {
    font-size: 0;
    line-height: 0
}

.star-rating .label-control {
    font-size: 13px;
    line-height: 18px;
    margin: 0 35px 0 0
}

.star-rating__wrap {
    display: inline-block
}

.star-rating__ico {
    float: right;
    padding-left: 2px;
    cursor: pointer;
    width: 29px;
    margin: 0 9px 0 0
}

.star-rating__ico:last-child {
    padding-left: 0
}

.star-rating__ico:before {
    content: '';
    width: 16px;
    height: 15px;
    background-position: -1px -3916px;
    transform: scale(1.8122);
    transition: opacity 0.2s linear
}

.star-rating__input {
    display: none
}

.star-rating__ico:hover:before, .star-rating__ico:hover ~ .star-rating__ico:before, .star-rating__input:checked ~ .star-rating__ico:before {
    content: '';
    width: 16px;
    height: 15px;
    background-position: -1px -3933px
}

.delivery-local {
    width: 54px;
    height: 58px;
    background-position: -1px -1140px
}

.delivery-ukr {
    width: 62px;
    height: 46px;
    background-position: -1px -1200px
}

.ic-payment {
    width: 55px;
    height: 49px;
    background-position: -1px -1607px
}

.product-colors-list {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -6px;
    padding: 20px 0 0
}

.product-colors-list li {
    width: 57px;
    height: 56px;
    margin: 0 6px 20px;
    border-radius: 12px;
    position: relative
}

.product-colors-list li a {
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    display: block;
    position: relative
}

.product-colors-list li a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-radius: 12px;
    pointer-events: none
}

.product-colors-list li.active a:before {
    border-color: #0085db
}

.product-colors-list li .btn-play {
    width: 29px;
    height: 29px;
    margin: 0;
    left: auto;
    right: -6px;
    top: -9px
}

.product-colors-list li .btn-play:after {
    border-width: 7.5px 0 7.5px 10px;
    margin: -8px 0 0 -3px
}

.right-panel .checkout-links .quick-order, .promo-code-link {
    border-bottom: 1px dotted #0c9ccc;
    color: #0085db;
    font-size: 1rem;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    transition: all .3s
}

.right-panel .checkout-links .quick-order:hover, .promo-code-link:hover {
    border-color: transparent
}

.promo-code-cancel {
    color: #0085db;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 1px solid rgba(0, 133, 219, 0.5);
    display: inline-block;
    vertical-align: top;
    line-height: 13px
}

.promo-code-cancel:hover {
    color: #0085db;
    border-color: transparent
}

.basket-page .main-title-block {
    padding-bottom: 40px
}

.basket-section .basket-header {
    font-size: 13px;
    line-height: 18px;
    padding: 20px 58px 14px 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.basket-section .basket-header .r-block {
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: calc(100% - 430px)
}

.basket-section .basket-header .header-name {
    width: 386px
}

.basket-section .basket-header .header-price {
    width: 115px;
    padding: 0 10px
}

.basket-section .basket-header .header-count {
    width: 110px
}

.basket-section .basket-header .header-coast {
    width: 120px
}

.basket-section .basket-block {
    border-radius: 27px;
    overflow: hidden;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    margin: 0 0 27px
}

.basket-section .basket-products {
    padding: 0 40px 0 35px
}

.basket-section .basket-products .product-result {
    padding: 0
}

.basket-section .basket-products .product {
    border-top: 1px solid #dde7ed;
    padding: 26px 58px 30px 0;
    position: relative;
    align-items: flex-start
}

.basket-section .basket-products .product .r-block {
    align-items: flex-start;
    padding: 17px 0 0
}

.basket-section .basket-products .product .checkbox-item {
    margin: 14px 0 0
}

.basket-section .basket-products .price-block .product-price {
    padding: 10px 0 0;
    width: 120px;
    text-align: left
}

.basket-section .basket-products .product-price {
    margin: 0;
    padding: 10px 8px 0;
    width: 115px
}

.basket-section .basket-products .count-holder {
    width: 110px
}

.basket-section .product-remove {
    position: absolute;
    top: 47px;
    right: 20px;
    font-size: 40px;
    line-height: 40px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 100;
    color: #adc9db;
    transform: rotate(45deg);
    cursor: pointer
}

.basket-section .products {
    border: 1px solid #ebebeb;
    width: calc(100% - 289px);
    border-radius: 27px 0 0 27px;
    margin: 0
}

.basket-section .add-services {
    background: #fafcfd;
    height: 0;
    opacity: 0;
    transition: all .3s;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden
}

.basket-section .add-services:after {
    border-color: transparent transparent #fafcfd transparent
}

.basket-section .add-services.active {
    height: auto;
    opacity: 1;
    padding-top: 25px;
    padding-bottom: 40px;
    overflow: visible
}

.basket-section .product .price-title {
    display: none
}

.right-panel {
    background: #eaf5fc;
    width: 289px;
    min-width: 289px;
    padding: 31px 40px 25px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between
}

.right-panel .coast {
    color: #466173;
    line-height: 18px;
    border-bottom: 1px solid #d2e1ec;
    padding: 0 0 28px;
    margin: 0 0 30px
}

.right-panel .coast-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 29px 0 0
}

.right-panel .coast-row:first-child {
    padding-top: 0
}

.right-panel .coast .heading {
    font-size: 0.9286rem;
    padding: 0 15px 0 0
}

.right-panel .coast .price {
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    font-size: 18px;
    white-space: nowrap
}

.right-panel .coast .price .currency {
    font-size: 15px;
    font-weight: 400
}

.right-panel .total-coast {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    line-height: 22px;
    margin: 0 0 40px
}

.right-panel .total-coast .heading {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin: 0 10px 0 0
}

.right-panel .total-coast .price {
    font-size: 22px;
    font-weight: 900;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif
}

.right-panel .total-coast .price .currency {
    font-size: 18px;
    font-weight: 700
}

.right-panel .checkout-links {
    text-align: center;
    padding: 0 0 20px
}

.right-panel .checkout-links .text {
    padding: 22px 0 7px;
    font-size: 16px;
    font-weight: 300
}

.right-panel .checkout-links .text p {
    margin: 0;
    line-height: 20px
}

.promo-code {
    border-top: 1px solid #d2e1ec;
    padding: 20px 0 0;
    text-align: center
}

.promo-code.open .promo-code-form {
    height: auto;
    opacity: 1;
    margin-bottom: 17px
}

.promo-code.open .promo-code-cancel {
    display: inline-block;
    vertical-align: top
}

.promo-code.open .promo-code-link {
    display: none
}

.promo-code-form {
    width: 226px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    margin: 0 0 0 -7px;
    height: 0;
    opacity: 0;
    transition: all .3s
}

.promo-code-form .input-text {
    width: 100%;
    height: 40px;
    border: 0;
    padding: 0 45px 0 20px;
    font-size: 0.9286rem
}

.promo-code-form .submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 45px;
    background: #a3c4d8;
    padding: 0;
    border: 0;
    transition: all .3s;
    border-radius: 0 20px 20px 0
}

.promo-code-cancel {
    display: none
}

.necessary-products-slider {
    padding: 0 0 45px;
    margin: 0 0 21px
}

.necessary-products-slider .slick-list {
    border: 1px solid #ebebeb;
    border-radius: 30px
}

.necessary-products-slider .product.mini {
    float: left
}

.necessary-products-slider .product.mini .product-title {
    height: 31px;
    overflow: hidden
}

.social-block .social-list .value.active:before, .icon-edit, .icon-remove-adr {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.social-block .social-list .value.active:before, .icon-edit, .icon-remove-adr {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.user-info .address-block.address-edit:after {
    clear: both;
    display: block;
    content: ''
}

.user-info-form.ui .add-address-link, .user-info .change-password, .user-info .edit-password .password-link span {
    border-bottom: 1px dotted #0c9ccc;
    color: #0085db;
    font-size: 1rem;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    transition: all .3s
}

.user-info-form.ui .add-address-link:hover, .user-info .change-password:hover, .user-info .edit-password .password-link span:hover {
    border-color: transparent
}

.cabinet-orders .order-item .block-more .more, .order-content .product .testimonial-link {
    color: #0085db;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 1px solid rgba(0, 133, 219, 0.5);
    display: inline-block;
    vertical-align: top;
    line-height: 13px
}

.cabinet-orders .order-item .block-more .more:hover, .order-content .product .testimonial-link:hover {
    color: #0085db;
    border-color: transparent
}

.cabinet {
    display: flex;
    flex-flow: row nowrap;
    padding: 40px 0 65px
}

.cabinet-content {
    width: calc(100% - 268px)
}

.cabinet-content-holder {
    border: 1px solid #d7ebf7;
    border-radius: 0 30px 30px 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    width: 100%
}

.cabinet .ui.selection.dropdown .menu {
    max-height: 300px
}

.menu-panel {
    width: 268px;
    min-width: 268px
}

.user-menu {
    border-left: 1px solid #f2f4f5
}

.user-menu .text {
    display: none
}

.user-menu .icon {
    display: none
}

.user-menu .item {
    font-size: 15px;
    font-weight: 600;
    padding: 4px 44px 4px 22px;
    border-left: 3px solid transparent;
    margin: 0 0 5px;
    cursor: pointer;
    color: #000;
    transition: all .3s
}

.user-menu .item:hover {
    color: #0085db
}

.user-menu .item a {
    color: #000;
    transition: all .3s
}

.user-menu .item a:hover {
    color: #0085db
}

.user-menu .item .count {
    color: #98aab6;
    font-weight: 400
}

.user-menu .item.active {
    border-color: #0085db
}

.user-menu .item.active a {
    color: #0085db
}

.user-menu .item.sign-out {
    font-weight: 400;
    padding-top: 17px
}

.user-menu .item.sign-out div {
    border-top: 1px solid #dfe4e7;
    padding: 19px 0 0
}

.user-menu .item.sign-out a {
    color: #0085db
}

.user-menu .item.sign-out .icon-exit {
    transform: scale(1.2665);
    margin: -4px 8px 0 3px
}

.user-info {
    background: #eaf5fc;
    border-right: 1px solid #d7ebf7;
    width: 511px;
    min-width: 511px;
    padding: 40px 55px 45px
}

.user-info-form.ui .field .control-label {
    color: #7c8c96;
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 4px
}

.user-info-form.ui .field .form-control {
    border-color: #fff;
    min-width: 100%
}

.user-info-form.ui .text-info {
    font-size: 16px;
    color: #000
}

.user-info .btn-holder {
    padding: 19px 0 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.user-info .btn-holder .link-holder {
    vertical-align: middle;
    padding: 7px 0 0
}

.user-info .btn-holder .link-holder.hide {
    display: none
}

.user-info .address-block .address-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start
}

.user-info .address-block .address-row:last-child {
    margin-top: 18px
}

.user-info .address-block .address-row address {
    font-style: normal;
    font-size: 13px;
    line-height: 18px
}

.user-info .address-block .link-holder {
    padding: 14px 0 0
}

.user-info .address-block .btns-edit {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: 0 0 0 10px
}

.user-info .address-block .btns-edit .remove-link {
    margin: 0 0 0 19px
}

.user-info .address-block.address-edit {
    padding: 0 0 1px
}

.user-info .address-block.address-edit .address-row {
    padding: 4px 0 0
}

.user-info .address-block.address-edit .address-row:last-child {
    margin-top: 5px
}

.user-info .address-block.address-edit .link-holder {
    padding: 5px 0 0
}

.user-info .address-block.address-edit.open .add-address {
    padding-top: 24px;
    opacity: 1;
    height: auto;
    overflow: visible
}

.user-info .address-block .add-address {
    padding: 0;
    transition: all .3s;
    overflow: hidden;
    opacity: 0;
    height: 0;
    position: relative
}

.user-info .address-block .add-address .remove-address {
    width: 13px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    top: 63px;
    right: -31px;
    z-index: 1
}

.user-info .address-block .add-address > .field {
    margin: 0 0 14px
}

.user-info .address-block .add-address .fields {
    margin-bottom: 14px
}

.user-info .edit-password {
    padding: 0;
    height: 0;
    opacity: 0;
    transition: all .3s;
    overflow: hidden;
    position: relative
}

.user-info .edit-password .remove-password {
    width: 13px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    top: 48px;
    right: -31px;
    z-index: 1
}

.user-info .edit-password.open {
    padding: 9px 0 30px;
    opacity: 1;
    height: auto;
    overflow: visible
}

.user-info .edit-password .password-holder {
    position: relative
}

.user-info .edit-password .password-holder .form-control {
    padding-right: 133px
}

.user-info .edit-password .password-link {
    font-size: 13px;
    line-height: 17px;
    position: absolute;
    right: 17px;
    top: 50%;
    margin: -10px 0 0
}

.user-info .edit-password .password-link i {
    display: none;
    font-size: 20px
}

form.ui.form .field > .field {
    margin: 0
}

form.ui.form .field.password-field.error:after {
    background: none;
    display: none
}

.social-block {
    padding: 41px 20px 41px 57px
}

.social-block h3 {
    color: #000;
    font-size: 18px;
    line-height: 21px;
    font-weight: 600
}

.social-block .note-text {
    color: #8296a3;
    margin: 0 0 27px
}

.social-block .note-text p {
    line-height: 24px
}

.social-block .social-list li {
    margin: 0 0 25px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.social-block .social-list .social-item {
    width: 170px;
    height: 42px;
    margin: 0 20px 0 0
}

.social-block .social-list .social-item a {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    height: 100%;
    border-radius: 21px;
    background: #365899;
    padding: 0 14px 2px;
    color: #fff;
    transition: all .3s
}

.social-block .social-list .social-item a.fb {
    background: #365899
}

.social-block .social-list .social-item a.fb:hover {
    background: #466aae
}

.social-block .social-list .social-item a.vk {
    background: #44678d
}

.social-block .social-list .social-item a.vk:hover {
    background: #5b82ac
}

.social-block .social-list .social-item a.gp {
    background: #dd4b39
}

.social-block .social-list .social-item a.gp:hover {
    background: #e76454
}

.social-block .social-list .icon {
    width: 29px;
    text-align: center;
    margin: 2px 19px 0 0
}

.social-block .social-list .icon i {
    font-size: 23px
}

.social-block .social-list .text {
    font-weight: 600;
    color: #fff;
    font-size: 15px
}

.social-block .social-list .value {
    color: #98aab6;
    font-size: 12px;
    white-space: nowrap
}

.social-block .social-list .value.active {
    color: #58ad6c
}

.social-block .social-list .value.active:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 8px;
    background-position: -1px -1060px;
    margin: 0 5px 0 0
}

.menu-sort {
    margin: 0 0 21px
}

.menu-sort .menu {
    display: flex;
    flex-flow: row nowrap
}

.menu-sort > .text, .menu-sort .icon {
    display: none
}

.menu-sort .item a {
    color: #0085db;
    font-size: 0.9286rem;
    line-height: 28px;
    border: 2px solid transparent;
    display: inline-block;
    vertical-align: top;
    min-height: 34px;
    padding: 0 18px;
    font-weight: 600;
    position: relative
}

.menu-sort .item a:hover span {
    border-color: transparent
}

.menu-sort .item a span {
    border-bottom: 1px dotted #0c9ccc;
    transition: all .3s
}

.menu-sort .item.active a {
    border-color: #0399fc;
    border-radius: 17px
}

.menu-sort .item.active a span {
    border-color: transparent
}

.menu-sort .item.active a:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7.5px 0 7.5px;
    border-color: #0399fc transparent transparent transparent;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin: 0 0 0 -7px
}

.menu-sort .item.active a:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7.5px 0 7.5px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin: 0 0 0 -7px
}

.cabinet-orders .orders-block {
    border: 1px solid #d1e0ea;
    overflow: hidden;
    border-radius: 0 30px 30px 0;
    padding: 21px 30px 15px
}

.cabinet-orders .order-item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    border-top: 1px solid #dfe4e7;
    padding: 28px 0 16px
}

.cabinet-orders .order-item:first-child {
    border-top: 0;
    padding-top: 0
}

.cabinet-orders .order-item .info-id {
    width: 180px;
    padding: 0 30px 0 0
}

.cabinet-orders .order-item .code {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 8px
}

.cabinet-orders .order-item .state {
    display: block
}

.cabinet-orders .order-item .description {
    width: calc(100% - 100px - 180px)
}

.cabinet-orders .order-item .description .order-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 4px 65px 16px 0
}

.cabinet-orders .order-item .description .name {
    line-height: 18px
}

.cabinet-orders .order-item .description .name a {
    color: #12354c;
    font-size: 14px;
    transition: all .3s;
    border-bottom: 0;
    line-height: 18px
}

.cabinet-orders .order-item .description .name a:hover {
    color: #0085db;
    border-color: transparent
}

.cabinet-orders .order-item .description .count {
    font-size: 15px;
    line-height: 18px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    width: 100px;
    min-width: 100px;
    text-align: center
}

.cabinet-orders .order-item .description .count .num {
    font-weight: 900
}

.cabinet-orders .order-item .block-more {
    text-align: right;
    width: 100px;
    padding: 5px 11px 0 0
}

.cabinet-orders .order-item .block-more .date {
    display: block;
    padding: 1px 0 0
}

.cabinet-orders .state {
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.cabinet-orders .state-new {
    color: #589cad
}

.cabinet-orders .state-complete {
    color: #d79f27
}

.cabinet-orders .state-send-delivery {
    color: #58ad6c
}

.cabinet-orders .state-received {
    color: #58ad6c
}

.cabinet-orders .date {
    color: #98aab6;
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap
}

.cabinet-orders .link-back-holder {
    padding: 0 0 13px 15px
}

.cabinet-orders .order-block {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    border-radius: 0 27px 27px 0;
    overflow: hidden
}

.cabinet-orders .order-content {
    width: calc(100% - 289px);
    border: 1px solid #ebebeb;
    padding: 20px 35px 31px
}

.cabinet-orders .row-about-order {
    padding: 3px 0 10px
}

.cabinet-orders .row-about-order .order-code {
    font-weight: 600;
    font-size: 18px;
    color: #000;
    margin: 0 20px 0 0
}

.cabinet-orders .row-about-order .date {
    margin: 0 28px 0 0
}

.cabinet-orders .row-about-order .state i {
    margin: 0 6px 0 0
}

.cabinet-orders .row-about-order .state-recived {
    color: #58ad6c
}

.cabinet-orders .product-result {
    padding: 0
}

.order-content .order-header {
    font-size: 13px;
    line-height: 18px;
    padding: 20px 0 14px 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.order-content .order-header .header-name {
    width: 386px
}

.order-content .order-header .r-block {
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: calc(100% - 406px)
}

.order-content .order-header .header-count {
    width: 141px;
    padding: 0 15px;
    text-align: center
}

.order-content .order-header .header-coast {
    width: 87px
}

.order-content .product {
    border-top: 1px solid #dde7ed;
    padding: 26px 0 30px;
    position: relative;
    align-items: flex-start
}

.order-content .product .r-block {
    width: calc(100% - 406px)
}

.order-content .product .count-holder {
    width: 141px;
    font-size: 18px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    padding: 10px 15px 0;
    white-space: nowrap;
    text-align: center
}

.order-content .product .price-block {
    padding: 23px 0 0;
    width: 87px;
    min-width: 87px;
    text-align: left
}

.order-content .product .price-title {
    display: none
}

.order-content .product .price-block .product-price {
    font-size: 18px;
    font-weight: 700
}

.order-content .product .testimonial-link {
    position: absolute;
    right: 5px;
    bottom: 20px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-size: 1rem
}

.order-content .order-info {
    border-top: 1px solid #dde7ed;
    padding: 24px 5px 0 0
}

.order-content .order-info h3 {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    margin: 0 0 26px
}

.order-content .order-info-columns {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.order-content .order-info-columns .item {
    width: 28%;
    margin: 0 7px 24px 0
}

.order-content .order-info-columns .item p {
    line-height: 18px
}

.order-content .order-info h4, .order-content .order-info .h4 {
    font-weight: 400;
    color: #98aab6;
    font-size: 13px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    margin: 0 0 5px
}

.order-content .order-info p {
    line-height: 24px;
    margin: 0
}

.order-block .right-panel {
    padding-left: 30px;
    padding-right: 30px
}

.order-block .right-panel .total-coast {
    justify-content: space-between
}

.cabinet-products__section {
    margin: 0 0 45px
}

.cabinet-products__section:last-child {
    margin-bottom: 0
}

.cabinet-products h2.section-title, .cabinet-products .h2.section-title {
    text-align: left;
    margin: 0 0 27px 22px
}

.cabinet-products .products {
    border-left: 1px solid #ebebeb;
    margin: 0 19px 0 0
}

.cabinet-products .products__holder {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -1px 0 0
}

.cabinet-products .product {
    width: 25%;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin: 0 0 -1px;
    transition: all .3s;
    height: 365px
}

.cabinet-products .product-title {
    max-height: 37px;
    overflow: hidden
}

.cabinet-products .product-bottom-panel {
    padding: 30px 0 0;
    text-align: center
}

.cabinet-subs .table {
    max-width: 652px;
    width: 100%;
    border-bottom: 1px solid #dde7ed
}

.cabinet-subs .table th {
    font-weight: normal;
    font-size: 13px;
    text-align: left;
    padding: 0 0 9px
}

.cabinet-subs .table td {
    border-top: 1px solid #dde7ed;
    padding: 16px 0 14px;
    font-size: 14px;
    line-height: 18px
}

.icon-edit {
    width: 15px;
    height: 15px;
    background-position: -1px -1342px
}

.icon-remove-adr {
    width: 13px;
    height: 14px;
    background-position: -1px -2970px
}

.icon-step-title, .checkout-order .selected-services li:before, form.ui.checkout-form .btn.next .icon-arrow-send-next, .icon-send-order, .icon-order-call, .footer.footer-checkout .callback-block .phone:before {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.icon-step-title, .checkout-order .selected-services li:before, form.ui.checkout-form .btn.next .icon-arrow-send-next, .icon-send-order, .icon-order-call, .footer.footer-checkout .callback-block .phone:before {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.check-step .city a, .step-delivery .comment-link {
    border-bottom: 1px dotted #0c9ccc;
    color: #0085db;
    font-size: 1rem;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    transition: all .3s
}

.check-step .city a:hover, .step-delivery .comment-link:hover {
    border-color: transparent
}

.check-step .title .edit-link, .step-delivery .check-map-holder .map-link, .checkout-order .edit-link {
    color: #0085db;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 1px solid rgba(0, 133, 219, 0.5);
    display: inline-block;
    vertical-align: top;
    line-height: 13px
}

.check-step .title .edit-link:hover, .step-delivery .check-map-holder .map-link:hover, .checkout-order .edit-link:hover {
    color: #0085db;
    border-color: transparent
}

.checkout-page {
    height: auto;
    min-height: 100%
}

.checkout-page .main-title-block h2, .checkout-page .main-title-block .h2 {
    font-size: 22px;
    font-weight: 600;
    margin: 43px 0 0
}

.checkout-page .container {
    max-width: 1064px
}

.checkout-page .header {
    padding: 0
}

.checkout-page .header__row {
    padding: 0 0 10px
}

.checkout-page .header .header-holder {
    align-items: center;
    padding: 15px 0 20px
}

.checkout-page .header .callback-block {
    margin: 4px 0 0 35px
}

.checkout-page .header .callback-block .phone {
    display: inline-block;
    vertical-align: middle;
    margin: 0 35px 0 0
}

.checkout-page .logo {
    width: 105px;
    padding: 4px 0 0
}

.checkout-page #main {
    padding-bottom: 100px
}

.checkout-content {
    max-width: 840px;
    min-height: 622px;
    width: 100%;
    border: 1px solid #12a8ff;
    border-radius: 30px;
    margin: 38px auto 67px;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    overflow: hidden
}

.checkout-content .checkout-info {
    width: 460px;
    min-width: 460px;
    border-right: 1px solid #12a8ff;
    padding: 28px 33px 0;
    background: #eaf5fc
}

.checkout-content .tab-list__holder a {
    color: #466173;
    border-color: #a3c4d8;
    border-radius: 17px;
    border-width: 1px;
    padding-top: 1px;
    margin: 0 5px 20px
}

.checkout-content .tab-list__holder a span {
    border: 0
}

.checkout-content .tab-list__holder a.active {
    margin: 0 4px 20px;
    padding-top: 0;
    border-width: 2px
}

.checkout-content .tab-list__holder a.active:after {
    border-top-color: #eaf5fc
}

.check-step .title {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    padding: 0 0 12px 5px
}

.check-step .title i {
    margin: 0 17px 0 0;
    transform: rotate(90deg)
}

.check-step .title .edit-link {
    font-weight: 400;
    vertical-align: middle;
    margin: 0 0 0 13px;
    display: none
}

.check-step.completed .title {
    color: #81b0ce
}

.check-step.completed .title i {
    transform: rotate(0deg);
    opacity: .5
}

.check-step.completed .title .edit-link {
    display: inline-block
}

.check-step.completed .check-step-content {
    display: none
}

.check-step-content {
    padding: 0 0 15px
}

.check-step .inner-fields {
    max-width: 265px;
    margin: 0 auto
}

.check-step.disabled .title {
    color: #81b0ce
}

.check-step.disabled .title i {
    transform: rotate(0deg);
    opacity: .5
}

.check-step.disabled .check-step-content {
    display: none
}

.check-step .city {
    font-size: 0.9286rem;
    color: #466173
}

.check-step .city span {
    margin: 0 3px 0 0
}

.check-step .city a {
    font-size: 0.9286rem
}

.step-contacts .check-step-content {
    padding: 25px 0 37px
}

.step-contacts .tab-list {
    padding: 0 0 15px
}

.step-contacts form.form .field {
    margin: 0 0 18px
}

.step-delivery {
    padding: 0 0 15px
}

.step-delivery .check-step-content {
    padding-left: 29px;
    padding-right: 22px
}

.step-delivery .ui.form .check-row {
    margin: 0 -18px 0 0
}

.step-delivery .ui.form .check-row .checkbox-item {
    margin: 0 18px 0 0
}

.step-delivery .ui.form .label {
    font-weight: 400;
    font-size: 0.9286rem;
    color: #000;
    margin: 0 0 15px
}

.step-delivery .ui.form .check-row {
    padding: 0
}

.step-delivery .ui.form .comment-link-holder {
    margin: 0 0 40px
}

.step-delivery .ui.form .delivery-comment {
    display: none
}

.step-delivery .ui.form .open-text .delivery-comment {
    display: block;
    margin: 15px 0 0
}

.step-delivery .ui.form .payment-types {
    margin: 0 0 16px
}

.step-delivery .ui.form .payment-types .label {
    margin: 0 0 10px
}

.step-delivery .checkbox-item .radio + span {
    padding: 0 0 0 28px
}

.step-delivery .tabset {
    padding: 6px 0 14px
}

.step-delivery .tab-list {
    padding: 0 0 32px
}

.step-delivery .check-map-holder {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.step-delivery .check-map-holder .link-holder {
    margin: 0 0 0 20px
}

.step-delivery .check-map-holder .map-link {
    white-space: nowrap;
    vertical-align: middle
}

.text-center {
    text-align: center
}

.icon-step-title {
    width: 7px;
    height: 12px;
    background-position: -1px -1376px
}

.checkout-order {
    padding: 26px 40px 20px;
    width: calc(100% - 460px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between
}

.checkout-order .title-holder {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0 0 21px
}

.checkout-order .title-holder .edit {
    padding: 10px 0 0
}

.checkout-order h2, .checkout-order .h2 {
    font-size: 22px;
    font-weight: 600;
    margin: 0
}

.checkout-order .products-holder {
    border-bottom: 1px solid #dde7ed;
    height: 256px
}

.checkout-order .product {
    padding: 15px 0 20px;
    border-top: 1px solid #dde7ed;
    display: flex;
    flex-flow: row nowrap;
    color: #466173
}

.checkout-order .product:first-child {
    border-top: 0;
    padding-top: 0
}

.checkout-order .product-img {
    width: 65px;
    min-width: 65px;
    height: 56px;
    border-radius: 13px 13px 0 13px;
    margin: 5px 20px 0 0
}

.checkout-order .product-img img {
    max-height: 100px;
    min-height: 100%
}

.checkout-order .product .code {
    color: #466173;
    margin: 0 0 2px
}

.checkout-order .product-title {
    margin: 0;
    padding: 0 3px 0 0
}

.checkout-order .product-title a {
    color: #466173;
    font-size: 13px;
    line-height: 16px;
    display: inline-block;
    vertical-align: top
}

.checkout-order .product-price {
    font-size: 18px;
    line-height: 21px;
    padding: 7px 0 0;
    margin: 0 0 9px
}

.checkout-order .product-price .currency {
    font-size: 15px;
    line-height: 21px
}

.checkout-order .product-price .count {
    font-weight: 400;
    font-size: 13px
}

.checkout-order .selected-services li {
    padding: 0 0 0 15px;
    position: relative;
    font-size: 13px;
    color: #466173
}

.checkout-order .selected-services li:before {
    content: '';
    width: 7px;
    height: 12px;
    background-position: -1px -1376px;
    transform: scale(0.715);
    position: absolute;
    left: 0;
    top: 5px
}

.checkout-order .coast-holder {
    border-bottom: 1px solid #d2e1ec;
    padding: 16px 0 18px;
    color: #466173;
    line-height: 18px;
    font-size: 13px
}

.checkout-order .coast-holder .row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 14px 0 0
}

.checkout-order .coast-holder .row:first-child {
    padding-top: 0
}

.checkout-order .coast {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.checkout-order .coast .heading {
    font-size: 13px
}

.checkout-order .coast .price {
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    font-size: 18px
}

.checkout-order .coast .price .currency {
    font-size: 15px;
    font-weight: 400
}

.checkout-order .coast.total {
    color: #12354c;
    border: 0;
    padding-top: 22px;
    padding-bottom: 20px
}

.checkout-order .coast.total .heading {
    font-size: 18px;
    font-weight: 600
}

.checkout-order .coast.total .price {
    font-size: 22px
}

.checkout-order .coast.total .price .currency {
    font-size: 18px;
    font-weight: 700
}

.checkout-order .promo-code {
    padding: 15px 0 0
}

.checkout-order .promo-code-form {
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #a3c4d8;
    border-top: 1px solid #a3c4d8;
    border-bottom: 1px solid #a3c4d8
}

.mCSB_scrollTools {
    width: 3px
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 3px;
    border-radius: 0
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background: #0085db
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1
}

.checkout-page .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .checkout-page .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: -40px
}

form.ui.checkout-form .check-row {
    padding: 0 0 0 14px
}

form.ui.checkout-form .submit-holder {
    padding-top: 7px
}

form.ui.checkout-form .btn.next {
    padding: 13px 23px
}

form.ui.checkout-form .btn.next .icon-arrow-send-next {
    width: 13px;
    height: 11px;
    background-position: -1px -809px;
    margin: 0 0 0 7px
}

.checkout-success {
    max-width: 612px;
    margin: 69px auto 30px
}

.checkout-success .order-block {
    border-bottom: 1px solid #dde7ed;
    padding: 0 0 17px;
    margin: 0 0 59px
}

.checkout-success__row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    border-top: 1px solid #dde7ed;
    padding: 30px 0 21px
}

.checkout-success__row:first-child {
    padding-top: 17px
}

.checkout-success__row .block-r {
    min-width: 182px
}

.checkout-success__row .block-l {
    width: 280px
}

.checkout-success .title {
    color: rgba(18, 53, 76, 0.6);
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 6px
}

.checkout-success .value {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
}

.checkout-success .order-info__row {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 0 0 51px
}

.checkout-success .order-info__row .icon {
    width: 65px;
    min-width: 65px
}

.checkout-success .order-info__row .text {
    font-size: 16px;
    line-height: 24px
}

.icon-send-order {
    width: 39px;
    height: 27px;
    background-position: -1px -1578px
}

.icon-order-call {
    width: 35px;
    height: 39px;
    background-position: -1px -1537px
}

.footer.footer-checkout {
    padding: 30px 0 37px;
    position: relative;
    margin-top: -100px
}

.footer.footer-checkout .container {
    max-width: 1064px
}

.footer.footer-checkout .callback-block {
    margin: 4px 0 0 55px
}

.footer.footer-checkout .callback-block .phone {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0;
    position: relative
}

.footer.footer-checkout .callback-block .phone:before {
    content: '';
    width: 21px;
    height: 21px;
    background-position: -1px -1679px;
    position: absolute;
    left: -40px;
    top: 3px
}

.footer.footer-checkout .footer__bottom {
    padding: 0
}

.footer.footer-checkout .footer__bottom .payment-icons {
    padding: 0
}

.footer-checkout .payment-icons i {
    margin: 0 0 0 16px
}

.header__row-user > a:before, .header .callback-block .phone:before, .icon-exit, .basket__link:before, .search__link, .search .search-btn, .search__link:hover, .search .search-btn:hover, .search.opened .search__link, .search.opened .search__link:hover, .mobile-menu .top-panel .login-link:before, .footer .socials a .fa-play:before, .payment-icon-visa, .payment-icon-mastercard, .turumburum-logo, .icon-arrow-send {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.header__row-user > a:before, .header .callback-block .phone:before, .icon-exit, .basket__link:before, .search__link, .search .search-btn, .search__link:hover, .search .search-btn:hover, .search.opened .search__link, .search.opened .search__link:hover, .mobile-menu .top-panel .login-link:before, .footer .socials a .fa-play:before, .payment-icon-visa, .payment-icon-mastercard, .turumburum-logo, .icon-arrow-send {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.header__row:after, .info-menu:after, .header-menu:after, ul.languages:after {
    clear: both;
    display: block;
    content: ''
}

.dropdown-basket .btns-holder .link, .search .more-results-link {
    border-bottom: 1px dotted #0c9ccc;
    color: #0085db;
    font-size: 1rem;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    transition: all .3s
}

.dropdown-basket .btns-holder .link:hover, .search .more-results-link:hover {
    border-color: transparent
}

.header__row-user > a:before, .header .callback-block .phone:before, .icon-exit, .basket__link:before, .search__link, .search .search-btn, .search__link:hover, .search .search-btn:hover, .search.opened .search__link, .search.opened .search__link:hover, .mobile-menu .top-panel .login-link:before, .footer .socials a .fa-play:before, .payment-icon-visa, .payment-icon-mastercard, .turumburum-logo, .icon-arrow-send {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.header {
    padding: 14px 0 0
}

.header .header-holder {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 0 0 7px
}

.header__block-left {
    width: calc(50% - 100px)
}

.header__block-right {
    width: calc(50% - 100px);
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end
}

.header__block-right .header__column:first-child {
    min-width: 305px;
    padding: 0 5px 0 0
}

.header__row {
    font-size: 0.9286rem;
    line-height: 15px;
    color: #466173;
    padding: 0 0 15px
}

.header__row-info {
    margin: 0;
    white-space: nowrap
}

.header__row-info a {
    color: #0085db;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 1px solid rgba(66, 153, 224, 0.5)
}

.header__row-info a:hover {
    color: #0085db;
    border-color: transparent
}

.header__row-user {
    position: relative
}

.header__row-user > a {
    color: #12354c;
    position: relative;
    padding: 0 0 0 33px;
    margin: 0 0 0 1px
}

.header__row-user > a:before {
    content: '';
    width: 19px;
    height: 20px;
    background-position: -1px -1493px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -10px 0 0
}

.header__row-user.open .user-dropdown {
    opacity: 1;
    height: auto;
    overflow: visible;
    z-index: 1001;
}

.header .callback-block {
    margin: 10px 0 0 48px
}

.header .callback-block .phone {
    position: relative
}

.header .callback-block .phone:before {
    content: '';
    width: 21px;
    height: 21px;
    background-position: -1px -1679px;
    position: absolute;
    left: -45px;
    top: 3px
}

.header .user-dropdown {
    position: absolute;
    left: 27px;
    top: 34px;
    width: 209px;
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 1px 7px rgba(25, 101, 239, 0.31);
    transition: opacity .3s;
    opacity: 0;
    z-index: 101;
    height: 0;
    overflow: hidden
}

.header .user-dropdown:before {
    content: '';
    background: #fff;
    box-shadow: 1px 1px 7px rgba(25, 101, 239, 0.31);
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    position: absolute;
    top: -7px;
    left: 33px
}

.header .user-dropdown:after {
    background: #fff;
    width: 15px;
    height: 15px;
    transform: rotate(45deg)
}

.header .user-dropdown .user-header-menu {
    background: #fff;
    padding: 20px 23px 20px 25px;
    border-radius: 25px;
    position: relative
}

.header .user-dropdown .user-header-menu li {
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 12px
}

.header .user-dropdown .user-header-menu li a {
    color: #12354c;
    transition: all .3s
}

.header .user-dropdown .user-header-menu li a:hover {
    color: #0085db
}

.header .user-dropdown .user-header-menu li.sign-out {
    margin: 0;
    padding: 4px 0 0
}

.header .user-dropdown .user-header-menu li.sign-out div {
    padding: 12px 0 0;
    border-top: 1px solid #dde7ed
}

.header .user-dropdown .user-header-menu li.sign-out a span {
    color: #0085db;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 1px solid transparent
}

.header .user-dropdown .user-header-menu li.sign-out a span:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.icon-exit {
    width: 15px;
    height: 15px;
    background-position: -1px -1359px;
    vertical-align: middle;
    margin: -2px 12px 0 0
}

.info-menu {
    margin: 0
}

.info-menu li {
    float: left;
    margin: 0 33px 5px 0
}

.info-menu a {
    color: #466173;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 1px solid #a2b0b9;
    line-height: 15px;
    display: inline-block;
    vertical-align: top
}

.info-menu a:hover {
    color: #0085db;
    border-color: transparent
}

.header-menu {
    margin: 0
}

.header-menu li {
    margin: 0 5px 10px 0;
    width: 140px;
    float: left
}

.header-menu a {
    color: #0085db;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 1px solid transparent
}

.header-menu a:hover {
    color: #0085db;
    border-color: rgba(66, 153, 224, 0.5)
}

.logo {
    text-align: center;
    overflow: hidden;
    padding: 2px 0 0;
    max-width: 127px
}

.logo a {
    display: block;
    height: 100%
}

div.languages {
    height: 18px
}

ul.languages {
    margin: -2px 0 0;
    float: right
}

ul.languages li {
    float: left;
    font-size: 13px;
    line-height: 15px
}

ul.languages li.active a {
    color: #0085db;
    border-color: #0085db
}

ul.languages a {
    color: #466173;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 0;
    border: 1px solid transparent;
    border-radius: 10px;
    display: inline-block;
    vertical-align: top;
    padding: 0 7px 3px
}

ul.languages a:hover {
    color: #0085db;
    border-color: 0
}

.callback-block .phone {
    color: #12354c;
    font-size: 24px;
    line-height: 24px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 300;
    display: block;
    margin: 0 0 9px
}

.callback-block a {
    color: #0085db;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 1px dotted #0c9ccc
}

.callback-block a:hover {
    color: #0085db;
    border-color: transparent
}

.header .compare {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 10px 25px 0 0
}

.header .compare a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 20px;
    padding: 0
}

.header .compare .count {
    background: #0085db;
    color: #fff;
    border-radius: 8px;
    position: absolute;
    top: -6px;
    right: -8px;
    min-width: 16px;
    height: 16px;
    text-align: center;
    font-size: 11px;
    line-height: 16px;
    padding: 0 4px
}

.basket {
    font-size: 1rem;
    color: #12354c;
    position: relative;
    float: right;
    margin: 10px 0 0;
    padding: 0
}

.basket > a {
    color: #12354c;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 0;
    display: inline-block;
    vertical-align: top
}

.basket > a:hover {
    color: #0085db;
    border-color: 0
}

.basket__link {
    display: block;
    margin: 0 0 9px 0;
    position: relative;
    padding: 0 0 0 56px;
    white-space: nowrap;
    z-index: 1002
}

.basket__link:before {
    content: '';
    width: 32px;
    height: 27px;
    background-position: -1px -968px;
    position: absolute;
    left: 0;
    top: -1px
}

.basket .count {
    color: #98aab6;
    margin: 0 0 0 1px
}

.basket .total-sum {
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    display: block;
    white-space: nowrap;
    padding: 0 0 0 56px
}

.basket .num {
    font-size: 1.286rem;
    margin: 0 5px 0 0
}

.basket.open .basket__link:after {
    content: '';
    background: #fff;
    box-shadow: -2px -2px 2px 0 rgba(25, 101, 239, 0.1);
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    position: absolute;
    top: 43px;
    left: 10px
}

.basket.open .dropdown-basket {
    opacity: 1;
    height: auto;
    overflow: visible
}

.dropdown-basket {
    position: absolute;
    right: -92px;
    top: 51px;
    width: 534px;
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 1px 7px rgba(25, 101, 239, 0.31);
    transition: all .3s;
    z-index: 1001;
    opacity: 0;
    height: 0;
    overflow: hidden
}

.dropdown-basket-holder {
    background: #fff;
    border-radius: 25px;
    position: relative;
    padding: 8px 0 27px
}

.dropdown-basket .products-holder {
    border-bottom: 1px solid #dde7ed;
    height: 229px
}

.dropdown-basket .product {
    border-top: 1px solid #dde7ed;
    padding: 20px 0 7px 50px;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.dropdown-basket .product:first-child {
    border-top: 0
}

.dropdown-basket .product .product-remove {
    position: absolute;
    top: 37px;
    left: 18px;
    font-size: 30px;
    line-height: 30px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 100;
    color: #adc9db;
    transform: rotate(45deg)
}

.dropdown-basket .product-img {
    width: 86px;
    min-width: 86px;
    max-width: 86px;
    height: 60px;
    margin: 0 27px 0 0;
    border-radius: 18px 18px 18px 0
}

.dropdown-basket .product .code {
    margin: 0 0 9px
}

.dropdown-basket .product .coast {
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 0 0
}

.dropdown-basket .product .block-l {
    display: flex;
    flex-flow: row nowrap;
    max-width: 340px
}

.dropdown-basket .product .block-r {
    width: 115px;
    min-width: 100px;
    padding: 0 0 7px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    margin: 0 15px
}

.dropdown-basket .product .input-holder {
    white-space: nowrap;
    margin: 0 0 21px
}

.dropdown-basket .product .input-holder .form-control {
    width: 43px;
    height: 29px;
    padding: 0 8px;
    font-size: 13px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle
}

.dropdown-basket .product .input-holder .units {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.9286rem;
    margin: 0 0 0 2px;
    font-weight: 400;
    font-family: "Open Sans", Arial, Verdana, Geneva, Helvetica, serif
}

.dropdown-basket .product-price {
    font-size: 18px;
    line-height: 18px;
    white-space: nowrap
}

.dropdown-basket .product-price .currency {
    font-size: 15px;
    line-height: 15px
}

.dropdown-basket .row-total-sum {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    padding: 22px 0 20px
}

.dropdown-basket .row-total-sum .title {
    font-size: 18px;
    line-height: 17px;
    font-weight: 600;
    color: #000;
    margin: 0 17px 0 0
}

.dropdown-basket .row-total-sum .price {
    min-width: 115px;
    width: 115px;
    font-size: 18px;
    line-height: 18px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    margin: 0 15px 0 0;
    white-space: nowrap
}

.dropdown-basket .row-total-sum .price .currency {
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    line-height: 15px;
    vertical-align: bottom
}

.dropdown-basket .btns-holder {
    text-align: right;
    padding: 0 21px 0 0
}

.dropdown-basket .btns-holder .link {
    margin: 0 20px 0 0;
    vertical-align: middle
}

.index-page .catalog-menu {
    box-shadow: 0 3px 0 rgba(0, 124, 204, 0.32)
}

.catalog-menu {
    border-top: 2px solid #0085db;
    background: #fff;
    position: relative;
    z-index: 1000;
    border-radius: 0 0 25px 25px
}

.catalog-menu__row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    height: 65px;
    position: relative
}

.catalog-menu__nav {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 2px 18px;
    width: calc(100% - 74px);
    height: 65px
}

.catalog-menu__nav > li {
    margin: 0 5px 0 7px;
    line-height: 17px;
    text-align: center
}

.catalog-menu__nav > li > a {
    color: #12354c;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 0;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    line-height: 17px;
    position: relative;
    z-index: 11
}

.catalog-menu__nav > li > a:hover {
    color: #0085db;
    border-color: 0
}

.catalog-menu__nav > li.open .catalog-menu__dropdown {
    top: 0;
    padding-top: 85px;
    padding-bottom: 39px;
    z-index: 10;
    opacity: 1;
    height: auto
}

.catalog-menu__dropdown {
    background: #fff;
    box-shadow: 0 3px 0 rgba(0, 124, 204, 0.32);
    border-radius: 0 0 25px 25px;
    overflow: hidden;
    text-align: left;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    padding: 20px 28px 45px;
    height: 0;
    z-index: -1;
    opacity: 0
}

.catalog-menu .type-sections {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.catalog-menu .type-sections .section {
    padding: 0;
    width: 50%
}

.catalog-menu .type-sections .section .title {
    display: block;
    font-family: "Open Sans", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    border-left: 1px solid #ebebeb;
    padding: 0 0 28px 11px;
    position: relative
}

.catalog-menu .type-sections .section .title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #0085db;
    width: 3px;
    height: 18px
}

.catalog-menu .type-sections .section .title .link-see-more {
    margin-left: 11px;
    font-size: 13px;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 400;
    padding: 0 10px 0 0
}

.catalog-menu .sub-sections {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.catalog-menu .sub-sections .sub-section {
    border-left: 1px solid #ebebeb;
    padding: 0 15px;
    width: 33.3334%
}

.catalog-menu .sub-sections .sub-section .heading {
    display: block;
    font-size: 13px;
    color: #98aab6;
    margin: 0 0 14px
}

.catalog-menu .sub-sections .sub-section .heading a {
    color: #98aab6;
    transition: all .3s
}

.catalog-menu .sub-sections .sub-section .heading a:hover {
    color: #0085db
}

.sub-catalog-menu li {
    margin: 0 0 4px
}

.sub-catalog-menu a {
    color: #12354c;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 0
}

.sub-catalog-menu a:hover {
    color: #0085db;
    border-color: 0
}

.search {
    width: 74px;
    text-align: center;
    padding: 22px 0 0;
    position: relative;
    z-index: 15
}

.search__link, .search .search-btn {
    width: 17px;
    height: 17px;
    background-position: -1px -3038px
}

.search__link:hover, .search .search-btn:hover {
    width: 17px;
    height: 17px;
    background-position: -1px -3057px
}

.search__block {
    display: none;
    position: absolute;
    top: 80px;
    right: 0;
    width: 534px;
    border: 2px solid #0085db;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 1px 7px rgba(25, 101, 239, 0.31)
}

.search__block .input-text {
    height: 57px;
    padding: 0 66px 0 22px;
    border-radius: 30px
}

.search__block:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 11px 10px;
    border-color: transparent transparent #0085db transparent;
    position: absolute;
    top: -11px;
    right: 29px
}

.search__block:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 11px 10px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -8px;
    right: 29px
}

.search__input-holder {
    position: relative;
    height: 57px
}

.search .search-btn {
    position: absolute;
    right: 27px;
    top: 50%;
    margin: -8px 0 0;
    background-color: transparent;
    border: 0;
    padding: 0
}

.search.opened .search__block {
    display: block
}

.search.opened .search__link {
    width: 17px;
    height: 17px;
    background-position: -1px -2951px
}

.search.opened .search__link:hover {
    width: 17px;
    height: 17px;
    background-position: -1px -3019px
}

.search .products-holder {
    border-top: 1px solid #dde7ed;
    border-bottom: 1px solid #dde7ed;
    max-height: 203px
}

.search .product {
    display: flex;
    flex-flow: row nowrap;
    text-align: left;
    border-top: 1px solid #dde7ed
}

.search .product:first-child {
    border-top: 0
}

.search .product-img {
    width: 86px;
    min-width: 86px;
    height: 59px;
    margin: 0 24px 0 0;
    border-radius: 18px 18px 18px 0
}

.search .product-img img {
    min-width: 100%
}

.search .product-content {
    width: calc(100% - 110px);
    margin: -8px 0 0
}

.search .product .row-top {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.search .product .row-top .code {
    margin-right: 20px
}

.search .product .available {
    color: #58ad6c;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 5px
}

.search .product .row-middle {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.search .product-title {
    font-size: 13px;
    max-width: 210px;
    margin: 0 5px 0 0
}

.search .product-price {
    font-size: 18px;
    line-height: 18px
}

.search .product-price .price {
    white-space: nowrap
}

.search .product-price .currency {
    font-size: 15px;
    line-height: 20px
}

.search .product-price .icon-info {
    margin-left: 10px
}

.search .all-results {
    text-align: center;
    padding: 22px 0 32px
}

.search.mobile .product-content {
    margin-top: -2px
}

.header.opened-menu .mobile-menu__holder {
    display: block
}

.mobile-menu {
    position: absolute;
    left: 0;
    top: 0
}

.mobile-menu .menu-button {
    height: 44px;
    width: 44px;
    display: block;
    position: relative;
    margin: 26px 0 0 20px;
    transition: .5s ease-in-out;
    transform: rotate(0deg)
}

.mobile-menu .menu-button:hover span {
    background: #12a8ff
}

.mobile-menu .menu-button span:nth-child(1), .mobile-menu .menu-button span:nth-child(2) {
    top: 0
}

.mobile-menu .menu-button span {
    display: block;
    position: absolute;
    height: 3px;
    width: 50%;
    background: #0085db;
    border-radius: 3px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out
}

.mobile-menu .menu-button span:nth-child(even) {
    left: 50%;
    border-radius: 0 3px 3px 0
}

.mobile-menu .menu-button span:nth-child(odd) {
    left: 0;
    border-radius: 3px 0 0 3px
}

.mobile-menu .menu-button span:nth-child(1), .mobile-menu .menu-button span:nth-child(2) {
    top: 7px
}

.mobile-menu .menu-button span:nth-child(3), .mobile-menu .menu-button span:nth-child(4) {
    top: 21px
}

.mobile-menu .menu-button span:nth-child(5), .mobile-menu .menu-button span:nth-child(6) {
    top: 34px
}

.mobile-menu__holder {
    background: rgba(0, 0, 0, 0.5);
    height: calc(100% - 96px);
    top: 96px;
    display: none;
    position: fixed;
    left: 0;
    right: 0
}

.mobile-menu__block {
    position: fixed;
    left: -280px;
    top: 96px;
    background: #fff;
    transition: all .3s;
    width: 280px;
    border-right: 3px solid #0085db;
    height: calc(100% - 96px);
    padding: 15px 20px;
    overflow: auto;
    z-index: 1
}

.mobile-menu__block > ul {
    margin: 0 0 20px
}

.mobile-menu__block > ul li {
    margin: 0 0 5px
}

.mobile-menu.opened .mobile-menu__block {
    left: 0
}

.mobile-menu.opened .menu-button span:nth-child(1), .mobile-menu.opened .menu-button span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mobile-menu.opened .menu-button span:nth-child(2), .mobile-menu.opened .menu-button span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mobile-menu.opened .menu-button span:nth-child(1) {
    left: 4px;
    top: 11px
}

.mobile-menu.opened .menu-button span:nth-child(2) {
    left: calc(50% - 4px);
    top: 11px
}

.mobile-menu.opened .menu-button span:nth-child(3) {
    left: -50%;
    opacity: 0
}

.mobile-menu.opened .menu-button span:nth-child(4) {
    left: 100%;
    opacity: 0
}

.mobile-menu.opened .menu-button span:nth-child(5) {
    left: 4px;
    top: 25px
}

.mobile-menu.opened .menu-button span:nth-child(6) {
    left: calc(50% - 4px);
    top: 25px
}

.mobile-menu .top-panel {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 5px 0 25px
}

.mobile-menu .top-panel .login-link {
    position: relative;
    color: #0085db;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 0;
    line-height: 15px;
    padding: 0 0 0 26px
}

.mobile-menu .top-panel .login-link:hover {
    color: #0085db;
    border-color: 0
}

.mobile-menu .top-panel .login-link:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin: -10px 0 0;
    width: 19px;
    height: 20px;
    background-position: -1px -1493px
}

.mobile-menu .top-panel .login-link span {
    border-bottom: 1px solid transparent;
    transition: all .3s;
    display: inline-block;
    vertical-align: middle
}

.mobile-menu .top-panel .login-link:hover span {
    border-color: rgba(0, 133, 219, 0.5)
}

.mobile-catalog-menu a {
    color: #12354c;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 0;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    line-height: 17px
}

.mobile-catalog-menu a:hover {
    color: #0085db;
    border-color: 0
}

.mobile-header-menu a {
    color: #0085db;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 1px solid transparent
}

.mobile-header-menu a:hover {
    color: #0085db;
    border-color: rgba(66, 153, 224, 0.5)
}

.mobile-info-menu a {
    color: #466173;
    font-size: 0.9286rem;
    transition: all .3s;
    border-bottom: 1px solid #a2b0b9;
    line-height: 15px;
    display: inline-block;
    vertical-align: top
}

.mobile-info-menu a:hover {
    color: #0085db;
    border-color: transparent
}

.header__row-user > a:before, .header .callback-block .phone:before, .icon-exit, .basket__link:before, .search__link, .search .search-btn, .search__link:hover, .search .search-btn:hover, .search.opened .search__link, .search.opened .search__link:hover, .mobile-menu .top-panel .login-link:before, .footer .socials a .fa-play:before, .payment-icon-visa, .payment-icon-mastercard, .turumburum-logo, .icon-arrow-send {
    display: inline-block;
    background-image: url("/local/templates/primary/dist/css/../img/sprite.svg");
    background-size: 710px 3966px
}

.footer {
    width: 100%;
    background: #eaf5fc;
    padding: 67px 0 16px
}

.footer__top {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 0 30px 19px 4px
}

.footer h3 {
    font-size: 0.8571rem;
    font-family: "Roboto", Arial, Verdana, Geneva, Helvetica, serif;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 14px;
    letter-spacing: 0.05em
}

.footer__list {
    padding: 4px 0 0
}

.footer__list li {
    margin: 0 5px 11px 0
}

.footer__list a {
    color: #12354c;
    font-size: 1rem;
    transition: all .3s;
    border-bottom: 1px solid transparent
}

.footer__list a:hover {
    color: #0085db;
    border-color: rgba(0, 133, 219, 0.5)
}

.footer .menu-columns {
    padding: 0 5px 0 0
}

.footer .show-room-column {
    margin: 0 12px 0 32px
}

.footer .show-room-column h3 {
    margin: 0 0 10px
}

.footer .show-room-column .footer__row {
    margin: 0 0 28px
}

.footer .address {
    font-style: normal;
    display: block;
    line-height: 22px
}

.footer .work-time {
    display: block;
    line-height: 22px
}

.footer form.ui.form.subscription-form {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    width: 260px;
    margin: 19px 0 0;
    border: 0
}

.footer form.ui.form.subscription-form .field.error:after, .footer form.ui.form.subscription-form .field.is-valid:after {
    right: 55px
}

.footer form.ui.form.subscription-form .input-text, .footer form.ui.form.subscription-form .form-control {
    height: 40px;
    width: 100%;
    border: 0;
    padding: 0 70px 0 20px
}

.footer form.ui.form.subscription-form .submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 45px;
    background: #a3c4d8;
    padding: 0;
    border: 0;
    transition: all .3s;
    border-radius: 0 20px 20px 0
}

.footer form.ui.form.subscription-form .submit:hover {
    opacity: .7
}

.footer__row {
    margin: 0 0 33px
}

.footer__row h3 {
    padding: 0 18px
}

.footer__bottom {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 0.9286rem;
    padding: 0 31px 0 5px
}

.footer__bottom .copyright span {
    margin: 0 0 0 7px
}

.footer__bottom .developed-by span {
    margin: 0 5px 0 0
}

.footer__bottom .developed-by a {
    transition: all .3s
}

.footer__bottom .developed-by a:hover {
    opacity: .6
}

.footer__bottom .payment-icons {
    padding: 0 90px 0 0
}

.footer .socials {
    padding: 0 0 0 0
}

.footer .socials a {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border-radius: 50%;
    background: #d1e6f3;
    text-align: center;
    transition: all .3s;
    margin: 0 6px 0 0
}

.footer .socials a:hover {
    opacity: .8
}

.footer .socials a i {
    color: #a3c4d8;
    vertical-align: middle;
    font-size: 18px
}

.footer .socials a .fa-play {
    font-size: 15px;
    margin: 0 0 0 5px
}

.footer .socials a .fa-play:before {
    content: '';
    width: 12px;
    height: 15px;
    background-position: -1px -3950px
}

.footer .callback-block {
    margin: 0 0 24px
}

.footer .callback-block .phone {
    margin: 0 0 4px
}

form.ui.form.subscription-form {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    width: 260px;
    margin: 19px 0 0;
    border: 1px solid #a3c4d8;
    height: 40px
}

form.ui.form.subscription-form .field {
    height: 40px
}

form.ui.form.subscription-form .field.error:after, form.ui.form.subscription-form .field.is-valid:after {
    right: 55px
}

form.ui.form.subscription-form .input-text, form.ui.form.subscription-form .form-control {
    height: 38px;
    width: 100%;
    border: 0;
    padding: 0 70px 0 20px
}

form.ui.form.subscription-form .submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 45px;
    background: #a3c4d8;
    padding: 0;
    border: 0;
    transition: all .3s;
    border-radius: 0 20px 20px 0
}

form.ui.form.subscription-form .submit:hover {
    opacity: .7
}

form.ui.form.subscription-form .btn {
    position: absolute;
    right: 0;
    top: -1px;
    bottom: -1px;
    height: 40px;
    width: 45px;
    padding: 0;
    border: 0;
    border-radius: 0 20px 20px 0
}

.payment-icons i {
    display: inline-block;
    vertical-align: middle;
    opacity: .3;
    margin: 0 7px
}

.payment-icon-visa {
    width: 70px;
    height: 23px;
    background-position: -1px -3437px
}

.payment-icon-mastercard {
    width: 55px;
    height: 33px;
    background-position: -1px -3402px
}

.turumburum-logo {
    width: 102px;
    height: 17px;
    background-position: -1px -3383px;
    vertical-align: middle
}

.icon-arrow-send {
    width: 21px;
    height: 18px;
    background-position: -1px -673px;
    display: inline-block;
    vertical-align: middle
}

@media (max-width: 1500px) {
    .dropdown-basket {
        right: -5px
    }

    .dropdown-basket:before {
        right: 115px
    }
}

@media (max-width: 1320px) {
    .items-tiles .item .num-holder {
        font-size: 50px;
        line-height: 50px;
        padding: 0
    }

    .catalog-section .products .product {
        width: 33.333333334%
    }

    .catalog-section .products .product-img {
        width: 100%;
        max-width: 206px
    }

    .catalog-section .products .product-img img {
        max-width: 300px
    }

    .product .right-block {
        margin: 0 0 0 30px
    }

    .products-list .product-img {
        margin: 0 30px 0 0
    }

    .products-list .product-content {
        width: calc(100% - 206px - 30px - 250px - 30px)
    }

    .products.five-elements .product {
        width: 25%
    }

    .product-section .product-visual {
        width: calc(100% - 445px - 218px)
    }

    .cabinet-products .product {
        width: 33.333333334%
    }

    .cabinet-products .product-img {
        width: 100%;
        max-width: 206px
    }

    .cabinet-products .product-img img {
        max-width: 300px
    }

    .brand-content .stocks-list {
        padding: 12px 0 0
    }

    .clients__items.slider {
        margin: 0 30px 63px
    }
}

@media (max-width: 1300px) {
    .basket-section .product-remove {
        right: 10px
    }

    .basket-section .basket-header {
        padding-right: 40px
    }

    .basket-section .basket-header .header-name {
        width: 377px
    }

    .basket-section .basket-header .r-block {
        width: calc(100% - 390px)
    }

    .basket-section .basket-products {
        padding: 0 20px
    }

    .basket-section .basket-products .product {
        padding-right: 40px
    }

    .basket-section .basket-products .product .r-block {
        width: calc(100% - 390px)
    }

    .basket-section .product-result .product-img {
        margin: 0 20px 0 0
    }

    .header__block-right .header__column:first-child {
        min-width: 200px;
        padding: 0 30px 0 0
    }

    .order-content .order-header .r-block {
        width: calc(100% - 366px)
    }

    .order-content .order-header .header-count {
        padding: 0 10px 0 0;
        width: 100px
    }

    .order-content .product-content {
        width: 180px
    }

    .order-content .product .r-block {
        width: calc(100% - 366px)
    }

    .order-content .product .count-holder {
        width: 100px;
        padding: 10px 10px 0 0
    }
}

@media (max-width: 1280px) {
    .brand-content .stocks-list .stock-item {
        max-width: 552px
    }

    .services__list .item .text-holder {
        font-size: 26px;
        line-height: 30px
    }
}

@media (max-width: 1200px) {
    .header__block-right .header__column:first-child {
        min-width: 1px
    }

    .header-menu li {
        width: 115px
    }

    .basket .total-sum, .basket .text {
        display: none
    }

    .basket__link {
        margin: 0;
        width: 32px;
        height: 27px;
        padding: 0
    }

    .basket .count {
        background: #0085db;
        border-radius: 8px;
        position: absolute;
        top: -6px;
        right: -8px;
        color: #fff;
        min-width: 16px;
        height: 16px;
        text-align: center;
        font-size: 11px;
        line-height: 16px;
        padding: 0 4px
    }

    .basket .count .bracket {
        display: none
    }

    .basket.open .basket__link:after {
        top: 38px
    }

    .promo-slider .promo-text {
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 30px
    }

    .promo-slider .promo-text .title-name {
        font-size: 30px;
        line-height: 35px
    }

    .promo-slider .slick-next {
        right: 7%
    }

    .promo-slider .slick-prev {
        left: 7%
    }

    .fade-slider .slick-dots {
        bottom: 15px
    }

    .services__list .item .text-holder {
        font-size: 20px;
        line-height: 26px
    }

    .services__list .item.item-big .text-holder {
        font-size: 36px;
        line-height: 42px
    }

    .items-tiles .item .title {
        font-size: 26px;
        line-height: 30px
    }

    .items-tiles .item .num-holder {
        font-size: 45px;
        line-height: 45px
    }

    .items-tiles .icon-infinity {
        transform: scale(0.8);
        margin: 5px 0 0
    }

    .product-sort-row__holder {
        padding-left: 20px;
        text-align: left
    }

    .product .right-block {
        width: 180px;
        min-width: 180px;
        margin: 0 0 0 20px
    }

    .product .rate {
        margin: 0 0 15px
    }

    .compare-info {
        flex-flow: column nowrap
    }

    .products-list .product-img {
        margin: 0 20px 0 0
    }

    .products-list .product-content {
        width: calc(100% - 226px - 200px)
    }

    .blog-section__min .articles__list .img {
        width: 200px;
        height: 98px;
        margin: 0 30px 0 0
    }

    .blog-section__min .articles__list .img img {
        border-radius: 30px 30px 0 30px
    }

    .blog-section__min .articles__list .description {
        padding-top: 0
    }

    .product-section__content {
        flex-flow: row wrap
    }

    .product-section__content.opened-colors .product-visual {
        width: 100%;
        border-right: 0
    }

    .product-section__content.opened-colors .description-section {
        display: block
    }

    .product-section .product-colors .info-color-row .price-holder {
        display: none
    }

    .product-section .product-visual {
        width: 100%;
        border-bottom: 1px solid #d1e0ea
    }

    .product-section .slider-visual {
        margin: 0 auto
    }

    .product-section .description-section {
        border-left: 0;
        width: calc(100% - 218px)
    }

    .basket-section .basket-block {
        flex-flow: column nowrap
    }

    .basket-section .products {
        width: 100%;
        border-radius: 27px 27px 0 0
    }

    .basket-section .right-panel {
        width: 100%
    }

    .right-panel .promo-code.open .promo-code-form {
        margin: 0 auto 17px
    }

    .user-info {
        padding-left: 30px;
        padding-right: 30px;
        min-width: 52%
    }

    .user-info .address-block .add-address .remove-address {
        top: 25px;
        right: 0
    }

    .user-info .btn-holder {
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center
    }

    .user-info .btn-holder .link-holder {
        padding-top: 20px
    }

    .social-block {
        padding-left: 30px
    }

    .menu-sort .menu {
        display: block
    }

    .menu-sort .menu.hidden {
        display: none
    }

    .menu-sort > .text, .menu-sort .icon {
        display: inline-block
    }

    .menu-sort .item a {
        color: #000;
        font-weight: 400;
        padding: 0;
        border: 0;
        line-height: 1em;
        min-height: 1px
    }

    .menu-sort .item a:before, .menu-sort .item a:after {
        display: none
    }

    .menu-sort .item a span {
        border: 0
    }

    .menu-sort .item.active a {
        font-weight: 700
    }

    .cabinet-orders .order-block {
        flex-flow: column nowrap
    }

    .cabinet-orders .order-content {
        width: 100%;
        border-radius: 0 27px 0 0
    }

    .order-block .right-panel {
        width: 100%;
        min-width: 100%
    }

    .compare-sort {
        justify-content: flex-start;
        align-items: flex-start;
        flex-flow: column nowrap;
        max-width: 1090px;
        padding-right: 6px;
        margin: 0 auto
    }

    .compare .filter-panel {
        display: none
    }

    .compare .catalog-section .products {
        width: 100%
    }

    .products-compare-slider .product-characteristics {
        margin: 0 0 15px
    }

    .products-compare-slider .product-characteristics .value-row {
        height: 53px;
        padding: 0;
        margin: 0;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        text-align: left;
        align-items: center;
        line-height: 18px
    }

    .products-compare-slider .product-characteristics .value-row .heading {
        display: inline-block;
        vertical-align: middle;
        width: 60%;
        margin: 0 10px 0 0
    }

    .products-compare-slider .product-characteristics .value-row .value {
        display: inline-block;
        vertical-align: middle;
        height: 18px;
        overflow: hidden;
        text-align: right
    }

    .brand-content .brand-info .img-holder {
        width: 45%
    }

    .brand-content .brand-info .description-block {
        width: calc(55% - 60px);
        padding: 10px 0 0
    }

    .brand-content .stocks-list {
        flex-flow: column nowrap;
        align-items: center
    }

    .brand-content .consultation-block {
        float: none;
        margin: 0 auto
    }

    .stock-info .stock-item {
        justify-content: space-between
    }

    .stock-info .stock-item .img-holder {
        width: 45%;
        margin: 0;
        height: auto
    }

    .stock-info .stock-item-content {
        width: calc(55% - 60px)
    }

    .stock-info .description-block {
        max-width: 100%
    }

    .stock-info .present-holder {
        flex-flow: column nowrap;
        align-items: flex-start
    }

    .stock-info .present__block {
        margin: 25px 0 -30px
    }

    .product-result .product.mini .product-row {
        justify-content: flex-start
    }

    .product-result .product.mini .product-row .product-price {
        margin: 0 20px
    }
    .product-section .code {
        max-width: 100%;
    }
}

@media (max-width: 1080px) {
    .products-slider.products-slider__min .product-content {
        flex-flow: row wrap
    }

    .products-slider .product-colors {
        margin-bottom: 20px
    }

    .wrapper.checkout-page .header .callback-block .phone {
        display: block;
        margin: 0 0 9px
    }
}

@media (max-width: 1024px) {
    .services__list .item .text-holder {
        font-size: 17px;
        line-height: 21px;
        padding: 15px 50px 15px 20px
    }

    .services__list .item.item-big .text-holder {
        font-size: 32px;
        line-height: 36px;
        padding: 30px 50px 25px 30px
    }

    .articles__list {
        display: none
    }

    .articles .last-news {
        margin: 0 30px
    }

    .items-tiles .item .title {
        font-size: 20px;
        line-height: 24px;
        padding: 0 0 15px 15px
    }

    .items-tiles .item .num-holder {
        font-size: 38px;
        line-height: 38px;
        padding: 20px 0 0
    }

    .items-tiles .icon-infinity {
        transform: scale(0.7);
        margin: 10px 0 0
    }

    .catalog-section .products .product {
        width: 50%
    }

    .about-product-section .product-menu-holder {
        margin: 0
    }

    .about-product-section .product-menu {
        display: none
    }

    .about-product-section .ui.dropdown {
        display: inline-block
    }

    .cabinet-products .product {
        width: 50%
    }

    .products.five-elements .product {
        width: 33.333333334%
    }

    .footer__bottom .payment-icons {
        padding: 0 30px 0 0
    }
}

@media (max-width: 996px) {
    .product-catalog__list.mini {
        max-width: 770px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 990px) {
    .header {
        height: 96px;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 1000;
        background: #fff;
        border-bottom: 3px solid #0085db
    }

    .header__block-left, .header__row-info, .header .header-holder .languages, .header__row-user {
        display: none
    }

    .header .callback-block .phone {
        display: inline-block;
        vertical-align: middle;
        margin-right: 30px
    }

    .header__block-right {
        width: calc(100% - 110px);
        justify-content: space-between;
        align-items: center
    }

    .header__row {
        padding: 0
    }

    .header .header-holder {
        align-items: center;
        justify-content: flex-start;
        padding: 0 0 17px 80px
    }

    .header .callback-block a {
        display: none
    }

    .header__block-right .header__column:first-child {
        padding: 0
    }

    .dropdown-basket {
        right: -15px;
        top: 45px
    }

    .dropdown-basket:before {
        right: 22px
    }

    .logo {
        width: 80px;
        margin: 0 30px 0 0
    }

    .wrapper.checkout-page .header-holder {
        justify-content: center
    }

    .wrapper.checkout-page .header__block-right {
        display: none
    }

    .wrapper.checkout-page .logo {
        width: 80px;
        margin: 0 auto
    }

    .search {
        display: none
    }

    .search.mobile {
        display: inline-block;
        vertical-align: top;
        padding: 8px 0 0
    }

    .catalog-menu {
        display: none
    }

    #main {
        padding-top: 96px
    }

    .promo-slider {
        margin: 0 auto
    }

    .promo-slider .promo-text {
        padding: 10px 0 30px
    }

    .promo-slider .slick-next {
        right: 45px
    }

    .promo-slider .slick-prev {
        left: 45px
    }

    .brands-section .brands-slider .slick-list {
        margin: 0 30px
    }

    .brands-section .brands-slider .slide {
        padding: 0 5px
    }

    .ceo-section .ceo__logo {
        width: 30%;
        margin: 20px 0 0
    }

    .ceo-section .ceo__description {
        width: calc(100% - 30% - 40px)
    }

    .ceo-section .ceo__list li {
        font-size: 16px;
        line-height: 25px
    }

    .products-slider.products-slider__min .slide {
        flex-direction: column
    }

    .products-slider.products-slider__min .product-content {
        padding: 10px 0 0
    }

    .products-slider.products-slider__min .product-content .product-title {
        margin: 0 0 15px
    }

    .products-slider.products-slider__min .product-content .product-row:first-child {
        padding: 0
    }

    .products-slider.products-slider__min .product-img {
        margin: 0 0 15px
    }

    .products-slider.products-slider__min .product-content {
        flex-flow: column nowrap;
        width: 100%
    }

    .colors-section .colors-list {
        justify-content: flex-start;
        margin: 0 0 0 40px
    }

    .colors-section .colors-list li {
        width: 33%
    }

    .items-tiles .item .num-holder {
        font-size: 32px;
        line-height: 32px;
        margin: 0 -10px
    }

    .items-tiles .icon-infinity {
        transform: scale(0.6);
        margin: 15px 0 0
    }

    .product-sort-row .check-row {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        float: left
    }

    .product-sort-row .check-row__holder {
        padding: 0 0 2px
    }

    .filter-panel {
        position: absolute;
        left: -310px;
        transition: all .3s;
        z-index: 99;
        height: 100%;
        overflow-y: auto;
        width: 290px;
        border-right: 1px solid #ebebeb
    }

    .filter-panel.open {
        left: 0
    }

    .search-page .filter-panel {
        border-radius: 0
    }

    .catalog-section .catalog-block {
        position: relative;
        border-radius: 27px;
        z-index: 1
    }

    .catalog-section .products {
        width: 100%
    }

    .catalog-section .products .product {
        width: 33.333333334%
    }

    .catalog-section .product-bottom-panel {
        padding: 0 15px 0 275px
    }

    .blog-section__min .articles__list {
        flex-flow: column nowrap
    }

    .blog-section__min .articles__list .item {
        width: 100%;
        padding-top: 25px;
        border-top: 1px solid #ebebeb;
        margin-top: 25px
    }

    .blog-section__min .articles__list .item:first-child {
        border-top: 0;
        padding-top: 0;
        margin-top: 0
    }

    .empty-catalog {
        padding: 70px 10px 50px
    }

    .empty-catalog .info-message {
        padding-bottom: 100px
    }

    .about-product-section {
        padding: 0
    }

    .product-menu-holder {
        display: none
    }

    .characteristics-table {
        flex-flow: column nowrap
    }

    .characteristics-table .column {
        width: 100%
    }

    .characteristics-table .column.column-description {
        width: 100%
    }

    .characteristics-table .column-description {
        margin: 0 0 30px
    }

    .characteristics .description-items .heading {
        width: 60%
    }

    .characteristics .description-items .value {
        width: 40%
    }

    .video-slider-holder {
        display: flex;
        flex-flow: column-reverse nowrap;
        max-width: 100%
    }

    .video-slider-holder .video-nav {
        float: none;
        width: calc(384px + 20px + 20px + 20px);
        margin: 0 auto
    }

    .video-slider-holder .video-nav .slide {
        width: 128px !important;
        margin: 0 10px
    }

    .video-slider-holder .video-slider {
        margin: 0 auto 20px;
        max-width: 738px;
        width: 100%;
        height: auto
    }

    .basket-section .product-remove {
        right: 0
    }

    .basket-section .basket-header .header-name {
        width: 300px
    }

    .basket-section .basket-header .r-block {
        width: calc(100% - 315px)
    }

    .basket-section .basket-products {
        padding: 0 15px
    }

    .basket-section .basket-products .product {
        flex-flow: row nowrap;
        justify-content: space-between;
        padding-right: 20px;
        padding-bottom: 20px
    }

    .basket-section .basket-products .product .left-block {
        width: auto;
        align-items: flex-start;
        margin: 0
    }

    .basket-section .basket-products .product .r-block {
        width: calc(100% - 315px)
    }

    .basket-section .basket-products .product-img {
        width: 100px;
        height: 69px;
        border-radius: 25px 25px 25px 0;
        margin-top: 15px
    }

    .basket-section .basket-products .product-content {
        width: 180px
    }

    .basket-section .add-services {
        flex-flow: row nowrap;
        padding-right: 20px
    }

    .basket-section .add-services .item {
        padding: 0
    }

    .checkout-page .checkout-content {
        flex-flow: column nowrap
    }

    .checkout-page .checkout-content .checkout-info {
        width: 100%;
        min-width: 100%;
        border-right: 0;
        border-bottom: 1px solid #12a8ff;
        padding-bottom: 15px
    }

    .checkout-page .checkout-order {
        width: 100%
    }

    .checkout-page .checkout-order .products-holder {
        height: 239px
    }

    .user-menu .text {
        display: block
    }

    .user-menu .icon {
        display: inline-block
    }

    .user-menu .item {
        margin: 0
    }

    .user-menu .item.active a {
        color: #000
    }

    .user-menu .item.sign-out {
        border-top: 1px solid #dfe4e7
    }

    .user-menu .item.sign-out div {
        border: 0;
        padding: 0
    }

    .cabinet {
        flex-flow: column nowrap
    }

    .menu-panel {
        width: 100%;
        margin: 0 0 30px
    }

    .cabinet-content {
        width: 100%
    }

    .cabinet-orders .order-item .description .order-row {
        padding-right: 20px
    }

    .order-content .product-result .product {
        flex-flow: row nowrap;
        padding: 25px 0
    }

    .order-content .product-result .product .price-block {
        padding: 23px 0 0
    }

    .cabinet-products .product {
        width: 33.333333334%
    }

    .flip-header.fixed {
        top: 96px
    }

    .flip-header__container {
        padding-left: 0
    }

    .about-client__row .column-l {
        width: 250px
    }

    .about-client__row .column-r {
        width: calc(100% - 250px - 40px)
    }

    .about-client__row .info {
        margin-right: 60px
    }

    .blue-section.photos-slider {
        padding: 50px 0
    }

    .container__frame {
        flex-flow: column nowrap;
        margin-bottom: 50px
    }

    .container__frame.right-menu {
        position: relative
    }

    .container__frame.right-menu .container__content {
        padding-top: 70px
    }

    .container__frame.right-menu .menu-panel {
        padding: 40px 0 0;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
        width: auto
    }

    .container__frame.right-menu .menu-panel .user-menu {
        position: absolute;
        left: 0;
        top: 10px
    }

    .container__frame.right-menu .socials-list {
        max-width: 270px;
        width: calc(100% - 30px);
        margin: 0 15px
    }

    .container__frame .menu-panel {
        width: 100%;
        min-width: 100%
    }

    .container__content {
        width: 100%
    }

    .stock-info .stock-item {
        flex-flow: column nowrap;
        padding-bottom: 60px
    }

    .stock-info .stock-item .img-holder {
        width: 100%;
        margin: 0 auto 20px;
        max-width: 560px;
        max-height: 245px;
        height: auto
    }

    .stock-info .stock-item-content {
        width: 100%;
        max-width: 100%
    }

    .footer {
        padding: 50px 0 25px
    }

    .footer__top {
        padding: 0
    }

    .footer__bottom, .footer .menu-columns {
        display: none
    }

    .footer .hide-for-mobile {
        display: none
    }

    .footer .show-room-column {
        display: flex;
        flex-flow: row nowrap;
        margin: 0
    }

    .footer .show-room-column .footer__block {
        margin: 0 40px
    }

    .footer .show-room-column .footer__block:first-child {
        margin-left: 0
    }

    .footer.footer-checkout .copyright {
        display: none
    }

    .footer.footer-checkout .footer__bottom {
        display: block;
        text-align: center
    }

    .footer.footer-checkout .footer__bottom .callback-block {
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
        margin: 0
    }

    .footer.footer-checkout .footer__bottom .callback-block .phone {
        margin: 0 0 9px
    }

    .footer.footer-checkout .payment-icons {
        display: none
    }

    .popup-overlay .popup {
        width: 100%;
        padding: 15px
    }

    .popup-overlay .popup-holder {
        width: 100% !important
    }

    .popup-overlay .close {
        top: -1px;
        right: 21px
    }

    .popup-overlay .close:after {
        color: #12354c
    }

    .product-result .product {
        flex-flow: column nowrap;
        justify-content: center;
        align-items: flex-start;
        padding: 0
    }

    .product-result .product .left-block {
        width: 100%;
        margin: 0 0 20px
    }

    .product-result .product .r-block {
        width: 100%;
        max-width: 500px
    }

    .product-result .product .price-block {
        padding: 0
    }

    .product-result .two-products .product.mini {
        width: 100%;
        border-right: 0;
        border-top: 1px solid #ebebeb
    }

    .product-result .two-products .product.mini:first-child {
        border-top: 0
    }

    .necessary-products .product-result .product {
        flex-flow: row nowrap
    }

    .add-services {
        flex-flow: column nowrap
    }

    .add-services .item {
        padding: 25px 0 0
    }

    .add-services .item:first-child {
        padding-top: 0
    }

    .brand-content .brand-info {
        flex-flow: column nowrap;
        padding-left: 0
    }

    .brand-content .brand-info .img-holder {
        max-width: 557px;
        max-height: 357px;
        height: auto;
        margin: 0 auto 15px;
        width: 100%
    }

    .brand-content .brand-info .description-block {
        width: 100%
    }

    .brand-content .brand-info .description-block .top-row {
        justify-content: flex-start
    }

    .brand-content .brand-info .description-block .brand-logo {
        margin-right: 25px
    }

    .brand-content .brand-info .description-block .text {
        padding-right: 0
    }

    .brand-content .menu-producer {
        flex-flow: column nowrap;
        margin: 0 0 30px
    }

    .brand-content .menu-producer .link-see-more {
        position: relative;
        right: auto;
        top: auto
    }

    .stock-info .present__block {
        margin-bottom: 0
    }

    .frame-menu .container__content {
        width: 100%
    }

    .frame-menu.right-menu .container__content {
        width: 100%
    }

    .article-page .container__frame.frame-menu {
        padding-top: 20px;
        margin-bottom: 10px
    }

    .article-page .blog-section__min {
        padding-top: 15px
    }

    .article__block {
        padding: 0;
        margin: 0 0 35px
    }

    .article__main-img .img {
        margin-left: 0
    }

    .article__text-block .img-holder {
        margin-left: 0
    }

    .container__frame.right-menu .menu-panel .user-menu {
        top: 25px
    }

    .art-goods__holder {
        padding: 0 0 40px
    }

    .blog-section__min-holder {
        padding-left: 0
    }

    .popup-body .two-products .product-img {
        margin: 0 0 20px
    }

    .popup-body .two-products .product-content {
        width: 100%
    }

    .form-section {
        width: 50%
    }

    .social-section {
        width: 50%
    }
}

@media (min-width: 991px) {
    .search.mobile, .mobile-menu {
        display: none
    }

    .header.opened-menu .mobile-menu__holder {
        display: none
    }

    .filter-mobile {
        display: none
    }
}

@media (min-width: 991px) {
    .address-display .video-slider-holder {
        max-width: 749px;
        display: flex;
        flex-flow: row-reverse nowrap;
        padding: 0;
        margin: 0
    }

    .address-display .video-slider-holder .video-nav {
        margin: 0 0 -19px 20px;
        width: 130px
    }

    .address-display .video-slider-holder .video-nav .slide {
        width: 130px;
        height: 97px;
        margin: 0 0 19px;
        border-radius: 30px 30px 30px 0;
        border: 0;
        position: relative
    }

    .address-display .video-slider-holder .video-nav .slide.slick-current:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border: 4px solid #12a8ff;
        border-radius: 30px 30px 30px 0;
        pointer-events: none
    }

    .address-display .video-slider-holder .video-slider {
        width: calc(100% - 130px - 20px);
        border-radius: 30px 30px 0 30px;
        height: 329px;
        display: flex;
        align-items: center
    }

    .address-display .video-slider-holder .video-slider .slick-list {
        border-radius: 30px 30px 0 30px
    }
}

@media (max-width: 950px) {
    .product-sort-row .check-row {
        flex-direction: column;
        align-items: flex-start
    }

    .product-sort-row .check-row__holder {
        padding: 15px 0 0;
        flex-direction: column
    }

    .product-sort-row .check-row__holder .checkbox-item {
        margin: 0 0 6px
    }

    .filter-mobile {
        margin: 0
    }
}

@media (max-width: 824px) {
    .product-catalog__list.mini {
        max-width: 576px
    }
}

@media (max-width: 800px) {
    .services__list .item .text-holder {
        font-size: 17px;
        line-height: 21px;
        padding: 10px 50px 10px 12px
    }

    .services__list .item.item-big .text-holder {
        font-size: 28px;
        line-height: 30px;
        padding: 25px 50px 25px 25px
    }

    .video-slider-holder .video-slider {
        max-width: 560px
    }

    .video-slider-holder .youtube-video, .video-slider-holder .youtube-video iframe {
        height: 258px
    }

    .items-tiles .item .title {
        font-size: 18px;
        line-height: 22px;
        padding: 0 0 10px 12px
    }
}

@media (max-width: 767px) {
    .container {
        padding: 0 10px
    }

    .header {
        height: 80px;
        padding: 0
    }

    .header .container {
        height: 100%
    }

    .header .header-holder {
        padding: 0 0 3px 90px;
        height: 100%
    }

    .header .callback-block {
        margin-left: 0
    }

    .header .callback-block > a {
        display: none
    }

    .header .callback-block .phone:before {
        display: none
    }

    .logo {
        width: 60px
    }

    .mobile-menu .menu-button {
        margin-top: 16px
    }

    .mobile-menu__block, .mobile-menu__holder {
        top: 80px;
        height: calc(100% - 80px)
    }

    #main {
        padding-top: 80px
    }

    .promo-slider .slide img {
        min-height: 190px;
        max-width: 768px
    }

    .promo-slider .promo-text {
        font-size: 18px;
        line-height: 22px;
        padding-left: 80px;
        padding-right: 80px
    }

    .promo-slider .promo-text .title-name {
        font-size: 25px;
        line-height: 30px
    }

    .promo-slider .promo-text p {
        margin: 0 0 20px
    }

    .promo-slider .slick-arrow {
        transform: scale(0.8);
        margin-top: -38px
    }

    .promo-slider .slick-next {
        right: 5px
    }

    .promo-slider .slick-prev {
        left: 5px
    }

    .benefits-section {
        padding: 35px 0 40px
    }

    .benefits-section__row {
        padding: 0;
        justify-content: space-around
    }

    .benefits-section__row:after {
        display: none
    }

    .benefits-section__row .item {
        flex-direction: column
    }

    .benefits-section__row .num {
        font-size: 32px;
        line-height: 32px;
        margin: 0
    }

    .benefits-section__total-row {
        justify-content: space-around
    }

    .benefits-section__total-row .num {
        font-size: 28px;
        line-height: 28px
    }

    .benefits-section__row .item, .benefits-section__total-row .item, .benefits-section .item {
        padding: 0 10px
    }

    .product-catalog-section, .index-page .product-catalog-section {
        padding: 35px 0 20px
    }

    h2, .h2 {
        font-size: 20px;
        line-height: 25px
    }

    .title-holder {
        margin: 0 0 35px
    }

    .title-holder p {
        font-size: 16px;
        line-height: 18px
    }

    .title-letter {
        display: none
    }

    .services-section, .index-page .services-section {
        padding: 35px 0
    }

    .services-section .title-holder, .index-page .services-section .title-holder {
        margin: 0 0 35px
    }

    .services {
        max-width: 633px;
        margin: 0 auto
    }

    .services__list {
        flex-flow: row wrap
    }

    .services__list .item .text-holder {
        font-size: 26px;
        line-height: 30px;
        padding: 25px 50px 25px 25px
    }

    .services__list .item.item-big {
        width: 100%
    }

    .services__list .item.item-big .text-holder {
        font-size: 40px;
        line-height: 45px;
        padding: 39px 50px 25px 38px
    }

    .services__main-list .item {
        width: calc(50% - 8px);
        margin-right: 0
    }

    .services__main-list .item:last-child {
        border-radius: 0
    }

    .services__main-list div.items-small {
        width: 100%;
        justify-content: space-between
    }

    .services .items-small {
        width: 100%
    }

    .articles-section .articles__main-list {
        flex-flow: row wrap
    }

    .articles-section .articles__item {
        width: calc(50% - 20px)
    }

    .clients-section {
        padding: 35px 0
    }

    .clients-section .clients-slider .text-holder .description {
        transform: scale(0.75) translate(-72px, -55px);
        padding: 35px 60px 80px 45px
    }

    .clients-section .clients-slider .link-holder {
        margin: 0
    }

    .clients-section .clients-slider .info-shape {
        transform: scale(0.75)
    }

    .clients-section .clients-slider .info-shape.shape-top {
        top: 10px;
        left: 320px
    }

    .clients-section .clients-slider .info-shape.shape-left {
        top: 104px;
        left: 258px
    }

    .blog-section {
        padding: 35px 0
    }

    .main-article .description h4.title, .main-article .description .h4.title {
        line-height: 22px
    }

    .main-article .description h4.title a, .main-article .description .h4.title a {
        font-size: 18px
    }

    .ceo-section {
        padding: 35px 0
    }

    .ceo-section .ceo {
        flex-flow: column wrap;
        justify-content: center;
        align-items: center
    }

    .ceo-section .ceo__logo {
        margin: 0 0 30px;
        width: 200px
    }

    .ceo-section .ceo__description {
        width: auto;
        max-width: 420px
    }

    .ceo-section .ceo__description .title {
        font-size: 20px;
        margin: 0 0 20px
    }

    .ceo-section .ceo__list li {
        margin: 0 0 10px
    }

    .using-holder {
        max-width: 630px;
        margin: 0 auto
    }

    .items-tiles .item {
        width: calc(50% - 20px)
    }

    .items-tiles .item .title {
        font-size: 30px;
        line-height: 35px;
        padding: 0 0 25px 20px
    }

    .items-tiles .item .num-holder {
        font-size: 58px;
        line-height: 58px;
        margin: 0
    }

    .items-tiles .icon-infinity {
        transform: scale(1)
    }

    .items-tiles:first-child .item:nth-child(3), .items-tiles:first-child .item:nth-child(4) {
        border-radius: 0
    }

    .items-tiles:last-child .item:nth-child(1), .items-tiles:last-child .item:nth-child(2) {
        border-radius: 0
    }

    .items-tiles.less-last-row .item:nth-child(2) {
        border-radius: 0 0 27px 0
    }

    .catalog-section .products .product {
        width: 50%
    }

    .product-sort-row__holder {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: flex-start
    }

    .product-sort-row .switch-view {
        display: none
    }

    .product-sort-row .select-dropdown {
        margin: 0
    }

    .product-sort-row .sort-form {
        width: auto;
        float: none;
        justify-content: flex-start;
        margin: 0 0 0 15px
    }

    .product-bottom-panel {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        padding: 0 15px;
        text-align: left
    }

    .product-bottom-panel .pagination {
        justify-content: center;
        width: auto;
        float: none;
        padding: 35px 0 0
    }

    .catalog-section .product-bottom-panel {
        padding: 0 15px
    }

    .empty-catalog {
        padding-top: 50px
    }

    .empty-catalog .info-message {
        padding: 110px 0 60px
    }

    .empty-catalog .title {
        font-size: 24px
    }

    .product-section .description-section {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #d1e0ea
    }

    .product-section .more-info {
        width: 100%
    }

    .product-section__content.opened-colors .product-colors {
        width: 138px;
        margin: 0 17px 0 0
    }

    .product-section__content.opened-colors .slider-visual {
        width: calc(100% - 138px - 17px)
    }

    .video-slider-holder .video-slider .btn-play {
        transform: scale(0.7)
    }

    .testimonials .btn-send-holder {
        position: static;
        padding: 20px 10px 0
    }

    .testimonials-slider .slide {
        padding: 31px 20px 10px
    }

    .delivery-and-payment {
        padding-bottom: 0
    }

    .delivery-and-payment .delivery-payment-holder {
        flex-flow: column nowrap
    }

    .delivery-and-payment .item {
        max-width: 100%;
        margin: 0 0 60px
    }

    .delivery-and-payment .item .icon {
        margin-bottom: 20px
    }

    .basket-page h1 {
        margin: 0 0 20px
    }

    .basket-page h1 .link-left {
        float: none;
        position: absolute;
        left: 0;
        top: 100%;
        margin-top: 15px
    }

    .basket-page h1 .link-right {
        float: none;
        position: absolute;
        right: 0;
        top: 100%;
        margin-top: 15px
    }

    .basket-section .product-remove {
        right: auto;
        left: 0;
        top: 3px
    }

    .basket-section .basket-header {
        display: none
    }

    .basket-section .basket-products .product-holder:first-child .product {
        border-top: 0
    }

    .basket-section .basket-products .product {
        flex-flow: column nowrap;
        padding-right: 0
    }

    .basket-section .basket-products .product .left-block {
        width: 100%;
        flex-flow: row nowrap
    }

    .basket-section .basket-products .product .r-block {
        width: 100%;
        max-width: 100%;
        flex-flow: row wrap
    }

    .basket-section .basket-products .product-content {
        width: calc(100% - 100px - 25px)
    }

    .basket-section .add-services {
        flex-flow: column nowrap
    }

    .basket-section .add-services .item {
        padding: 25px 0 0
    }

    .right-panel {
        padding-left: 15px;
        padding-right: 15px
    }

    .checkout-page .checkout-content .checkout-info, .checkout-page .checkout-content .checkout-order {
        padding-left: 20px;
        padding-right: 20px
    }

    .cabinet-content-holder {
        flex-flow: column nowrap;
        overflow: hidden
    }

    .user-info {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #d7ebf7
    }

    .user-info .address-block .add-address > .field {
        margin-bottom: 20px
    }

    .user-info .edit-password .password-link i {
        display: inline-block
    }

    .user-info .edit-password .password-link span {
        display: none
    }

    .user-info .edit-password .password-holder .form-control {
        padding-right: 50px
    }

    .control-label.empty {
        display: none !important;
        margin: 0 !important;
        height: 0 !important
    }

    .ui.form .fields .wide.field {
        margin-bottom: 14px
    }

    .ui.form .fields .wide.field:last-child {
        margin-bottom: 0
    }

    .cabinet-orders .order-item .info-id {
        padding-right: 10px
    }

    .cabinet-orders .order-item .description {
        display: none
    }

    .cabinet-orders .row-about-order {
        padding-bottom: 20px
    }

    .cabinet-orders .order-content {
        padding: 20px 15px 31px
    }

    .order-content .order-header {
        display: none
    }

    .order-content .product-img {
        width: 100px;
        height: 69px;
        border-radius: 25px 25px 25px 0;
        margin-top: 15px
    }

    .order-content .product-content {
        width: calc(100% - 100px - 25px)
    }

    .order-content .product-result .product {
        flex-flow: column nowrap
    }

    .order-content .product-result .product-content {
        padding: 0
    }

    .order-content .product-result .product-title {
        margin: 0
    }

    .order-content .product-result .product .r-block {
        max-width: 100%;
        justify-content: flex-start;
        margin: 0 0 15px
    }

    .order-content .product-result .product .count-holder {
        text-align: left
    }

    .order-content .product-result .product .count-holder {
        padding-top: 0
    }

    .order-content .product-result .product .price-block {
        padding: 2px 0 0
    }

    .order-content .product-result .product .price-block .product-price {
        margin: 0
    }

    .order-content .product-result .testimonial-link {
        position: static
    }

    .order-block .right-panel {
        padding-left: 15px;
        padding-right: 15px
    }

    .cabinet-products .product {
        width: 50%
    }

    .brands-content .item {
        width: 25%;
        margin: 0 0 60px
    }

    .products.five-elements .product {
        width: 50%
    }

    .service__content-holder {
        padding: 0;
        flex-flow: column nowrap;
        align-items: center
    }

    .service__content-l {
        padding: 0 0 60px;
        text-align: center
    }

    .service__content-l .btn {
        margin: 0
    }

    .service__content-r {
        margin: 0
    }

    .service-prices {
        text-align: left
    }

    .flip-header.fixed {
        top: 80px
    }

    .flip-header__container {
        padding: 0;
        justify-content: space-around
    }

    .flip-header h2, .flip-header .h2 {
        margin: 0 15px
    }

    .flip-header .btn {
        position: relative
    }

    .clients-page .product-bottom-panel {
        margin-bottom: 20px
    }

    .clients__sort {
        flex-flow: column nowrap;
        align-items: flex-start;
        max-width: 608px;
        margin: 0 auto 20px
    }

    .clients__sort .heading {
        margin: 0 0 0 30px
    }

    .clients__items {
        max-width: 608px;
        margin-bottom: 30px
    }

    .clients__items-holder {
        margin-right: 0
    }

    .clients__items .item {
        width: 100%;
        margin-right: 0
    }

    .about-client__row {
        flex-flow: column nowrap;
        padding: 0 0 25px
    }

    .about-client__row .column-l {
        width: 100%;
        padding: 0 0 10px
    }

    .about-client__row .column-r {
        width: 100%
    }

    .clients__items.slider {
        margin: 0 auto 40px
    }

    .clients__items.slider .slick-list {
        border-radius: 30px;
        overflow: hidden
    }

    .clients-cases-slider {
        margin: 0 22px
    }

    .clients-cases-slider .item {
        margin: 0
    }

    .clients-cases-slider .slick-active {
        border-radius: 30px;
        overflow: hidden
    }

    .testimonial__block {
        flex-flow: column nowrap;
        max-width: 629px;
        margin: 0 auto
    }

    .testimonial__block .img-holder {
        margin: 12px auto 30px
    }

    .testimonial__box {
        margin: 0 0 15px
    }

    .client-document {
        min-width: 0;
        width: auto;
        border: 0;
        border-radius: 0;
        margin: 0 45px
    }

    .client-document img {
        display: none
    }

    .client-document .doc-link {
        display: inline-block
    }

    .articles__main-list {
        margin: 0
    }

    .articles__item {
        margin: 0 0 30px;
        width: 100%
    }

    .container__frame .menu-panel {
        text-align: center
    }

    .container__content .stocks-list .stock-item {
        width: 100%
    }

    .btn-play {
        transform: scale(0.7)
    }

    .article__block .form-holder {
        flex-flow: column nowrap;
        border-radius: 30px
    }

    .article__block .form-holder .description-info {
        width: 100%;
        padding: 40px 35px
    }

    .article__block .form-holder .form-section {
        width: 100%;
        border-left: 0;
        border-top: 1px solid #d7ebf7;
        border-bottom: 0;
        padding: 40px 35px
    }

    .article__block .title-holder {
        flex-flow: column nowrap;
        align-items: flex-start;
        margin: 0 0 25px
    }

    .article__block .title-holder h2, .article__block .title-holder .h2 {
        margin-bottom: 20px
    }

    .article__block .product-bottom-panel {
        flex-flow: column nowrap;
        justify-content: center;
        padding: 0
    }

    .article__block .product-bottom-panel .send-testimonial {
        width: 100%;
        margin: 0 0 35px
    }

    .question-block, .answer-block {
        padding: 25px
    }

    .answer-block {
        margin-left: 25px
    }

    .address__item {
        flex-flow: column nowrap;
        align-items: center
    }

    .address__item .contact-description {
        padding: 0 0 30px
    }

    .address__item .map {
        width: 100%
    }

    .article__text-block .contacts-row {
        flex-flow: column nowrap;
        align-items: center;
        text-align: center;
        padding-top: 10px
    }

    .article__text-block .contacts-row li {
        margin: 0;
        justify-content: center;
        align-items: center;
        flex-flow: column nowrap;
        padding: 30px 0 0
    }

    .article__text-block .contacts-row li:first-child {
        padding-top: 0
    }

    .article__text-block .contacts-row li i {
        width: 21px;
        margin: 0 0 5px
    }

    .footer {
        padding: 40px 0 15px
    }

    .footer__top, .footer .show-room-column {
        flex-flow: column nowrap;
        align-items: center
    }

    .footer .show-room-column .footer__block {
        margin: 0
    }

    .footer__block {
        text-align: center
    }

    .footer .socials {
        padding: 0;
        text-align: center
    }

    .footer .socials a {
        margin: 0 3px
    }

    .footer__row h3 {
        padding: 0
    }

    .popup-overlay .popup-holder {
        padding: 54px 30px 40px
    }

    .popup-overlay .close {
        top: -6px;
        right: 16px
    }

    .popup-body .pattern-holder {
        max-width: 100%;
        flex-flow: column nowrap
    }

    .popup-body .pattern-holder .img-holder {
        margin: 0 0 30px
    }

    .popup-body .stock-holder {
        flex-flow: column nowrap
    }

    .popup-body .stock-holder .img-holder {
        margin: 0 0 30px
    }

    .form-patterns {
        min-width: 100%
    }

    .popup-body .two-products.products .product-row {
        padding: 0;
        flex-flow: column nowrap;
        align-items: flex-start
    }

    .popup-body .two-products.products .product-row .input-holder {
        margin: 0 0 15px
    }

    .popup-body .two-products.products .product-price {
        margin: 0 0 15px
    }

    #testimonial-modal .form-patterns {
        margin-left: 0;
        min-width: 100%
    }

    .login-holder, .registration__block {
        flex-flow: column nowrap
    }

    .form-section {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #d7ebf7
    }

    .social-section {
        width: 100%
    }
}

@media (max-width: 630px) {
    .search__block {
        position: fixed;
        top: 95px;
        right: 15px;
        left: 15px;
        width: auto
    }

    .search__block:after, .search__block:before {
        right: 72px
    }
}

@media (max-width: 612px) {
    .product-catalog__list.mini {
        max-width: 384px
    }
}

@media (max-width: 600px) {
    .header .header-holder {
        padding-left: 70px
    }

    .header .callback-block .phone {
        font-size: 17px;
        margin: 0 5px 0 0
    }

    .header__block-right {
        width: calc(100% - 80px)
    }

    .dropdown-basket {
        width: 290px
    }

    .dropdown-basket .product {
        flex-flow: column nowrap;
        padding: 30px 10px 15px 10px
    }

    .dropdown-basket .product .product-remove {
        left: 10px;
        top: 0
    }

    .dropdown-basket .product-img {
        margin: 0 15px 0 0
    }

    .dropdown-basket .product .input-holder {
        margin: 0 15px 0 0
    }

    .dropdown-basket .product .block-r {
        flex-flow: row nowrap;
        justify-content: space-between;
        width: 100%
    }

    .dropdown-basket .product .block-r .product-price {
        flex-flow: row nowrap;
        justify-content: flex-end;
        display: flex;
        width: 100%;
        align-items: center;
        padding: 0 15px 0 0;
        margin: 0
    }

    .dropdown-basket .row-total-sum {
        padding-right: 25px
    }

    .dropdown-basket .row-total-sum .price {
        width: auto;
        min-width: 20px
    }

    .dropdown-basket .btns-holder {
        text-align: center
    }

    .dropdown-basket .btns-holder .link {
        display: inline-block;
        vertical-align: middle;
        line-height: 17px;
        margin: 20px 20px 10px
    }

    .dropdown-basket .btns-holder .btn {
        margin-top: 10px
    }

    .mobile-menu .menu-button {
        margin-left: 20px;
        width: 32px;
        height: 32px;
        margin-top: 22px
    }

    .mobile-menu .menu-button span {
        height: 2px
    }

    .mobile-menu .menu-button span:nth-child(3), .mobile-menu .menu-button span:nth-child(4) {
        top: 16px
    }

    .mobile-menu .menu-button span:nth-child(5), .mobile-menu .menu-button span:nth-child(6) {
        top: 25px
    }

    .mobile-menu.opened .menu-button span:nth-child(1) {
        left: 3px;
        top: 13px
    }

    .mobile-menu.opened .menu-button span:nth-child(2) {
        left: calc(50% - 3px);
        top: 13px
    }

    .mobile-menu.opened .menu-button span:nth-child(5) {
        left: 3px;
        top: 23px
    }

    .mobile-menu.opened .menu-button span:nth-child(6) {
        left: calc(50% - 3px);
        top: 23px
    }

    .logo {
        width: 50px;
        margin-right: 20px
    }

    .search {
        width: 50px
    }

    .search__block:after, .search__block:before {
        right: 50px
    }

    .promo-slider .promo-text {
        padding-left: 70px;
        padding-right: 70px;
        font-size: 15px;
        line-height: 18px
    }

    .promo-slider .promo-text .title-name {
        font-size: 20px;
        line-height: 24px
    }

    .promo-slider .slick-arrow {
        transform: scale(0.7)
    }

    .promo-slider .slick-prev {
        left: 0
    }

    .promo-slider .slick-next {
        right: 0
    }

    .promo-section {
        display: none
    }

    .benefits-section__row, .benefits-section__total-row {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .benefits-section__row {
        margin-bottom: 20px
    }

    .benefits-section__row .item, .benefits-section__total-row .item, .benefits-section .item {
        margin: 0 0 25px;
        text-align: center;
        padding: 0
    }

    .services__list .item .text-holder {
        font-size: 22px;
        line-height: 26px
    }

    .services__list .item.item-big .text-holder {
        font-size: 36px;
        line-height: 42px
    }

    .service__content {
        padding-top: 20px
    }

    .about-client {
        padding-top: 0
    }

    .articles-section .articles__main-list {
        flex-flow: column nowrap;
        margin: 0;
        align-items: center
    }

    .articles-section .articles__item {
        width: 100%
    }

    .articles .last-news {
        display: none
    }

    .blog-section__min .articles__list .img {
        float: none;
        margin: 0 0 30px
    }

    .items-tiles .item .title {
        font-size: 26px;
        line-height: 30px
    }

    .items-tiles .item .num-holder {
        font-size: 45px;
        line-height: 45px
    }

    .items-tiles .icon-infinity {
        transform: scale(0.8)
    }

    .colors-section .colors-list {
        justify-content: flex-start;
        margin: 0 0 0 20px
    }

    .colors-section .colors-list li {
        width: 50%
    }

    .product-section .product-visual {
        display: flex;
        flex-flow: column-reverse nowrap
    }

    .product-section .slider-visual {
        margin-bottom: 20px;
        width: 100%;
        height: auto
    }

    .product-section .product-colors {
        width: 100%;
        float: none;
        margin: 0;
        text-align: center
    }

    .product-section .product-colors .info-color-row {
        text-align: left
    }

    .product-section .slider-visual-nav {
        height: 76px;
        width: 207px;
        margin: 0 auto 10px
    }

    .product-section .slider-visual-nav .slide {
        margin: 10px 6px 10px
    }

    .product-section .description-section {
        min-width: 100%
    }

    .product-section .description-section .row.row-price {
        flex-flow: column nowrap;
        align-items: flex-end
    }

    .product-section .description-section .arrow-input-number {
        display: none !important
    }

    .product-section .border-section.columns {
        flex-flow: column nowrap;
        text-align: center;
        align-items: center
    }

    .product-section .border-section__text {
        padding: 0 0 10px
    }

    .product-section .product-price {
        margin: 0 0 20px
    }

    .product-section__content.opened-colors .product-colors {
        width: 100%;
        margin: 0
    }

    .product-section__content.opened-colors .slider-visual {
        width: 100%
    }

    .video-slider-holder .video-nav {
        display: none
    }

    .video-slider-holder .video-slider {
        max-width: 300px
    }

    .video-slider-holder .youtube-video, .video-slider-holder .youtube-video iframe {
        height: 138px
    }

    .video-slider {
        margin-bottom: 0;
        padding: 0 0 35px
    }

    .video-slider .slick-list {
        border-radius: 30px
    }

    .video-slider .slick-dots {
        bottom: 0
    }

    .product-result .product .left-block {
        flex-flow: column nowrap;
        align-items: flex-start
    }

    .product-result .product-img {
        margin: 0 0 20px
    }

    .product-result .product-content {
        width: 100%
    }

    .checkout-page .checkout-success__row {
        flex-flow: column nowrap
    }

    .checkout-page .checkout-success__row .block-l {
        margin: 0 0 20px
    }

    .order-content .order-info {
        padding-right: 0
    }

    .order-content .order-info-columns {
        flex-flow: column nowrap
    }

    .order-content .order-info-columns .item {
        width: 100%;
        margin: 0 0 24px
    }

    .brands-content .item {
        width: 33.333333334%
    }

    .brand-content .brand-info .description-block .top-row {
        flex-flow: column nowrap;
        align-items: flex-start;
        margin: 0 0 5px
    }

    .brand-content .brand-info .description-block .brand-logo {
        margin: 0 0 25px
    }

    .flip-header__container {
        flex-flow: column nowrap
    }

    .flip-header h2, .flip-header .h2 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px
    }

    .blue-section.photos-slider {
        padding: 45px 0 20px
    }

    .article__block .delivery-list {
        flex-flow: column nowrap;
        align-items: center
    }

    .article__block .delivery-list li {
        margin: 20px 20px 25px
    }

    .article__block .product-bottom-panel .send-testimonial {
        width: auto
    }

    .article__text-block .address-box .address-row {
        flex-flow: column nowrap
    }

    .article__text-block .address-box .address-row .link-holder {
        padding: 10px 0 0 34px
    }
}

@media (max-width: 540px) {
    .products-slider.products-slider__min {
        flex-flow: column nowrap
    }

    .products-slider.products-slider__min .slide {
        width: 100% !important;
        border-top: 1px solid #ebebeb;
        border-right: 0;
        height: auto
    }

    .products-slider.products-slider__min .slide:first-child {
        border-top: 0
    }
}

@media (max-width: 500px) {
    .search .product .row-middle {
        flex-flow: column nowrap
    }

    .search .product-price {
        margin: 10px 0 0
    }

    .header .callback-block .phone {
        display: none
    }

    .services__list .item .text-holder {
        font-size: 18px;
        line-height: 22px;
        padding: 15px 50px 15px 20px
    }

    .services__list .item.item-big .text-holder {
        font-size: 32px;
        line-height: 36px;
        padding: 30px 50px 25px 30px
    }

    .clients-section .clients-slider .text-holder .description {
        max-width: 429px
    }

    .clients-section .clients-slider .info-shape.shape-top {
        top: auto;
        left: 126px;
        bottom: -15px
    }

    .clients-section .clients-slider .info-shape.shape-left {
        top: auto;
        left: -16px;
        bottom: -10px
    }

    .clients-section .clients-slider .slick-dots {
        display: none !important
    }

    .items-tiles .item .title {
        font-size: 20px;
        line-height: 24px;
        padding: 0 0 15px 15px
    }

    .items-tiles .item .num-holder {
        font-size: 38px;
        line-height: 38px
    }

    .items-tiles .icon-infinity {
        transform: scale(0.7)
    }

    .catalog-section .products .product {
        width: 100%
    }

    .product-bottom-panel, .catalog-section .product-bottom-panel {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center
    }

    .pagination {
        justify-content: center;
        width: auto;
        float: none;
        padding: 35px 0 0
    }

    .product-result .product .r-block {
        flex-flow: column nowrap;
        align-items: flex-start
    }

    .product-result .product .count-holder {
        padding: 0 0 25px
    }

    .product-result .product .price-block .product-price {
        margin: 0 0 25px;
        text-align: left
    }

    .product-result .product-price {
        margin: 0 0 25px
    }

    .add-services {
        padding-bottom: 20px
    }

    .basket-products .btns-holder {
        text-align: center
    }

    .basket-products .btns-holder .link {
        display: inline-block;
        vertical-align: middle;
        line-height: 17px;
        margin: 20px 20px 10px
    }

    .basket-products .btns-holder .btn {
        margin: 10px 0 0
    }

    .popup-body .two-products .product {
        width: 100%;
        border-right: 0;
        border-top: 1px solid #ebebeb
    }

    .popup-body .two-products .product:first-child {
        border-top: 0
    }

    .basket-section .basket-products .price-block {
        padding: 0
    }

    .basket-section .basket-products .price-block .product-price {
        margin: 0
    }

    .basket-section .product .price-title {
        display: block;
        width: 50%
    }

    .basket-products .product-result .product .price-block {
        padding: 0
    }

    .basket-products .product-result .product .count-holder {
        padding: 0 0 10px;
        width: 120px
    }

    .necessary-products .product-result .product {
        flex-flow: column nowrap
    }

    .necessary-products .product-result .product .product-content {
        width: 100%;
        padding: 15px 0 0
    }

    .checkout-page .step-delivery .check-map-holder {
        flex-flow: column nowrap;
        align-items: flex-start
    }

    .checkout-page .step-delivery .check-map-holder .link-holder {
        margin: 15px 0 0
    }

    .cabinet-products .products, .catalog-section .products {
        border-radius: 27px
    }

    .cabinet-products .products .product, .catalog-section .products .product {
        width: 100%
    }

    .cabinet-products .products .product:first-child, .catalog-section .products .product:first-child {
        border-radius: 27px 27px 0 0
    }

    .cabinet-products .products .product:first-child .product-frame, .catalog-section .products .product:first-child .product-frame {
        border-radius: 27px 27px 0 0
    }

    .cabinet-products .products .product:last-child, .catalog-section .products .product:last-child {
        border-radius: 0 0 27px 27px
    }

    .cabinet-products .products .product:last-child .product-frame, .catalog-section .products .product:last-child .product-frame {
        border-radius: 0 0 27px 27px
    }

    .cabinet-products .products .product:last-child:first-child, .catalog-section .products .product:last-child:first-child {
        border-radius: 27px
    }

    .cabinet-products .products .product:last-child:first-child .product-frame, .catalog-section .products .product:last-child:first-child .product-frame {
        border-radius: 27px
    }

    .viewed-products .section-title {
        padding: 0 0 0 22px
    }

    .products.five-elements .product {
        width: 100%
    }

    .stock-slider .slick-arrow {
        top: 84%
    }

    .clients__items .title {
        font-size: 22px;
        line-height: 26px;
        padding: 0 0 15px 25px
    }

    .form-section {
        padding-left: 15px;
        padding-right: 15px
    }

    .social-section {
        padding-left: 15px;
        padding-right: 15px
    }

    .article__block .form-holder .description-info {
        padding: 30px 20px
    }

    .article__block .form-holder .form-section {
        padding: 35px 15px
    }
}

@media (max-width: 430px) {
    .services__list .item {
        width: 100%;
        max-height: 496px;
        max-width: 633px
    }

    .services__list .item img {
        width: 100%
    }

    .services__list .item .text-holder {
        font-size: 28px;
        line-height: 30px;
        padding: 25px 60px 25px 25px
    }

    .services__list .item .text-holder .title {
        margin: 0 0 25px
    }

    .services__list .item.item-big .text-holder {
        font-size: 28px;
        line-height: 30px;
        padding: 25px 60px 25px 25px
    }

    .services__list .items-small .arrow {
        transform: scale(1.5455);
        margin: 9px 0 0 9px
    }

    .services__main-list .item {
        width: 100%
    }

    .items-tiles {
        margin: 0
    }

    .items-tiles .item {
        width: 100%;
        margin: 0 0 20px;
        max-height: 496px;
        max-width: 633px;
        border-radius: 0 !important
    }

    .items-tiles .item .title {
        font-size: 28px;
        line-height: 30px;
        padding: 0 20px 25px 20px
    }

    .items-tiles .item img {
        width: 100%
    }

    .items-tiles .item .num-holder {
        font-size: 50px;
        line-height: 50px
    }

    .items-tiles .icon-infinity {
        transform: scale(1)
    }

    .star-rating {
        padding: 0 0 10px
    }

    .star-rating .label-control {
        display: block;
        margin: 0 0 15px
    }

    .star-rating__wrap {
        margin: 0 0 0 5px
    }

    .basket-page h1 {
        margin: 0 0 60px
    }

    .basket-page h1 .link-left {
        margin-left: 13px
    }

    .basket-page h1 .link-right {
        right: auto;
        left: 0;
        margin-top: 50px
    }

    .delete-block {
        right: auto;
        left: 0
    }

    .delete-block:before, .delete-block:after {
        left: 50%;
        margin-left: -10px
    }

    .brands-content .item {
        width: 50%
    }

    .cost-form .text-holder .heading {
        font-size: 22px;
        line-height: 26px
    }
}

@media (max-width: 420px) {
    .product-catalog__list.mini {
        max-width: 193px
    }
}

@media (max-width: 400px) {
    .share-countdown {
        padding: 0 10px;
        height: 50px
    }

    .share-countdown .count {
        font-size: 18px;
        line-height: 18px
    }

    .share-countdown .label {
        font-size: 12px;
        line-height: 16px
    }

    .share-countdown .days .label {
        font-size: 14px
    }

    div.calculator__row {
        margin: 0 -30px 15px
    }

    div.calculator .item {
        width: 100%;
        max-width: 267px;
        margin: 0 0 10px
    }

    div.calculator .item.result-item {
        width: 100%;
        max-width: 269px
    }

    div.calculator .inputs-row {
        justify-content: space-between
    }

    div.calculator .inputs-row .value {
        margin: 0
    }

    .video-slider-holder .video-slider .slick-arrow {
        left: -9999px
    }
    .rate-wrap{
        margin-top: 10px;
    }
    .rate{
        margin-right: 7px;
    }
    .left-column .add_comment{
        margin-left: 0;
    }
}

@media (min-width: 501px) and (max-width: 767px) {
    .cabinet-products .product:nth-child(2), .catalog-section .product:nth-child(2) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .product:nth-child(2) .product-frame, .catalog-section .product:nth-child(2) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .product:last-child, .catalog-section .product:last-child {
        border-radius: 0 0 27px 0
    }

    .cabinet-products .product:last-child .product-frame, .catalog-section .product:last-child .product-frame {
        border-radius: 0 0 27px 0
    }

    .cabinet-products .product:last-child:nth-child(2), .catalog-section .product:last-child:nth-child(2) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .product:last-child:nth-child(2) .product-frame, .catalog-section .product:last-child:nth-child(2) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .product:last-child:nth-child(1), .catalog-section .product:last-child:nth-child(1) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .product:last-child:nth-child(1) .product-frame, .catalog-section .product:last-child:nth-child(1) .product-frame {
        border-radius: 0 27px 0 0
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .cabinet-products .product:nth-child(3), .catalog-section .product:nth-child(3) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .product:nth-child(3) .product-frame, .catalog-section .product:nth-child(3) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .product:last-child, .catalog-section .product:last-child {
        border-radius: 0 0 27px 0
    }

    .cabinet-products .product:last-child .product-frame, .catalog-section .product:last-child .product-frame {
        border-radius: 0 0 27px 0
    }

    .cabinet-products .product:last-child:nth-child(3), .catalog-section .product:last-child:nth-child(3) {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(3) .product-frame, .catalog-section .product:last-child:nth-child(3) .product-frame {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(2), .catalog-section .product:last-child:nth-child(2) {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(2) .product-frame, .catalog-section .product:last-child:nth-child(2) .product-frame {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(1), .catalog-section .product:last-child:nth-child(1) {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(1) .product-frame, .catalog-section .product:last-child:nth-child(1) .product-frame {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .five-elements .product:nth-child(3), .catalog-section .five-elements .product:nth-child(3) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:nth-child(3) .product-frame, .catalog-section .five-elements .product:nth-child(3) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:nth-child(2), .catalog-section .five-elements .product:nth-child(2) {
        border-radius: 0
    }

    .cabinet-products .five-elements .product:nth-child(2) .product-frame, .catalog-section .five-elements .product:nth-child(2) .product-frame {
        border-radius: 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(3), .catalog-section .five-elements .product:last-child:nth-child(3) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(3) .product-frame, .catalog-section .five-elements .product:last-child:nth-child(3) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(2), .catalog-section .five-elements .product:last-child:nth-child(2) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(2) .product-frame, .catalog-section .five-elements .product:last-child:nth-child(2) .product-frame {
        border-radius: 0 27px 0 0
    }
}

@media (min-width: 991px) and (max-width: 1024px) {
    .cabinet-products .product:nth-child(2), .catalog-section .product:nth-child(2) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .product:nth-child(2) .product-frame, .catalog-section .product:nth-child(2) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .product:last-child, .catalog-section .product:last-child {
        border-radius: 0 0 27px 0
    }

    .cabinet-products .product:last-child .product-frame, .catalog-section .product:last-child .product-frame {
        border-radius: 0 0 27px 0
    }

    .cabinet-products .product:last-child:nth-child(2), .catalog-section .product:last-child:nth-child(2) {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(2) .product-frame, .catalog-section .product:last-child:nth-child(2) .product-frame {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(1), .catalog-section .product:last-child:nth-child(1) {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(1) .product-frame, .catalog-section .product:last-child:nth-child(1) .product-frame {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .five-elements .product:nth-child(4), .catalog-section .five-elements .product:nth-child(4) {
        border-radius: 0
    }

    .cabinet-products .five-elements .product:nth-child(4) .product-frame, .catalog-section .five-elements .product:nth-child(4) .product-frame {
        border-radius: 0
    }

    .cabinet-products .five-elements .product:nth-child(3), .catalog-section .five-elements .product:nth-child(3) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:nth-child(3) .product-frame, .catalog-section .five-elements .product:nth-child(3) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:nth-child(2), .catalog-section .five-elements .product:nth-child(2) {
        border-radius: 0
    }

    .cabinet-products .five-elements .product:nth-child(2) .product-frame, .catalog-section .five-elements .product:nth-child(2) .product-frame {
        border-radius: 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(4), .catalog-section .five-elements .product:last-child:nth-child(4) {
        border-radius: 0 0 27px 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(4) .product-frame, .catalog-section .five-elements .product:last-child:nth-child(4) .product-frame {
        border-radius: 0 0 27px 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(3), .catalog-section .five-elements .product:last-child:nth-child(3) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(3) .product-frame, .catalog-section .five-elements .product:last-child:nth-child(3) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(2), .catalog-section .five-elements .product:last-child:nth-child(2) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(2) .product-frame, .catalog-section .five-elements .product:last-child:nth-child(2) .product-frame {
        border-radius: 0 27px 0 0
    }
}

@media (min-width: 1025px) and (max-width: 1320px) {
    .cabinet-products .product:nth-child(3), .catalog-section .product:nth-child(3) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .product:nth-child(3) .product-frame, .catalog-section .product:nth-child(3) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .product:last-child, .catalog-section .product:last-child {
        border-radius: 0 0 27px 0
    }

    .cabinet-products .product:last-child .product-frame, .catalog-section .product:last-child .product-frame {
        border-radius: 0 0 27px 0
    }

    .cabinet-products .product:last-child:nth-child(3), .catalog-section .product:last-child:nth-child(3) {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(3) .product-frame, .catalog-section .product:last-child:nth-child(3) .product-frame {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(2), .catalog-section .product:last-child:nth-child(2) {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(2) .product-frame, .catalog-section .product:last-child:nth-child(2) .product-frame {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(1), .catalog-section .product:last-child:nth-child(1) {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(1) .product-frame, .catalog-section .product:last-child:nth-child(1) .product-frame {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .five-elements .product:nth-child(5), .catalog-section .five-elements .product:nth-child(5) {
        border-radius: 0
    }

    .cabinet-products .five-elements .product:nth-child(5) .product-frame, .catalog-section .five-elements .product:nth-child(5) .product-frame {
        border-radius: 0
    }

    .cabinet-products .five-elements .product:nth-child(4), .catalog-section .five-elements .product:nth-child(4) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:nth-child(4) .product-frame, .catalog-section .five-elements .product:nth-child(4) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:nth-child(3), .catalog-section .five-elements .product:nth-child(3) {
        border-radius: 0
    }

    .cabinet-products .five-elements .product:nth-child(3) .product-frame, .catalog-section .five-elements .product:nth-child(3) .product-frame {
        border-radius: 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(5), .catalog-section .five-elements .product:last-child:nth-child(5) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(5) .product-frame, .catalog-section .five-elements .product:last-child:nth-child(5) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(4), .catalog-section .five-elements .product:last-child:nth-child(4) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(4) .product-frame, .catalog-section .five-elements .product:last-child:nth-child(4) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(3), .catalog-section .five-elements .product:last-child:nth-child(3) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(3) .product-frame, .catalog-section .five-elements .product:last-child:nth-child(3) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(2), .catalog-section .five-elements .product:last-child:nth-child(2) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(2) .product-frame, .catalog-section .five-elements .product:last-child:nth-child(2) .product-frame {
        border-radius: 0 27px 0 0
    }
}

@media (min-width: 1321px) {
    .cabinet-products .product:nth-child(4), .catalog-section .product:nth-child(4) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .product:nth-child(4) .product-frame, .catalog-section .product:nth-child(4) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .product:last-child, .catalog-section .product:last-child {
        border-radius: 0 0 27px 0
    }

    .cabinet-products .product:last-child .product-frame, .catalog-section .product:last-child .product-frame {
        border-radius: 0 0 27px 0
    }

    .cabinet-products .product:last-child:nth-child(5), .catalog-section .product:last-child:nth-child(5) {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(5) .product-frame, .catalog-section .product:last-child:nth-child(5) .product-frame {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(4), .catalog-section .product:last-child:nth-child(4) {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(4) .product-frame, .catalog-section .product:last-child:nth-child(4) .product-frame {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(3), .catalog-section .product:last-child:nth-child(3) {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(3) .product-frame, .catalog-section .product:last-child:nth-child(3) .product-frame {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(2), .catalog-section .product:last-child:nth-child(2) {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(2) .product-frame, .catalog-section .product:last-child:nth-child(2) .product-frame {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(1), .catalog-section .product:last-child:nth-child(1) {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .product:last-child:nth-child(1) .product-frame, .catalog-section .product:last-child:nth-child(1) .product-frame {
        border-radius: 0 27px 27px 0
    }

    .cabinet-products .five-elements .product:nth-child(5), .catalog-section .five-elements .product:nth-child(5) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:nth-child(5) .product-frame, .catalog-section .five-elements .product:nth-child(5) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:nth-child(4), .catalog-section .five-elements .product:nth-child(4) {
        border-radius: 0
    }

    .cabinet-products .five-elements .product:nth-child(4) .product-frame, .catalog-section .five-elements .product:nth-child(4) .product-frame {
        border-radius: 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(5), .catalog-section .five-elements .product:last-child:nth-child(5) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(5) .product-frame, .catalog-section .five-elements .product:last-child:nth-child(5) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(4), .catalog-section .five-elements .product:last-child:nth-child(4) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(4) .product-frame, .catalog-section .five-elements .product:last-child:nth-child(4) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(3), .catalog-section .five-elements .product:last-child:nth-child(3) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(3) .product-frame, .catalog-section .five-elements .product:last-child:nth-child(3) .product-frame {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(2), .catalog-section .five-elements .product:last-child:nth-child(2) {
        border-radius: 0 27px 0 0
    }

    .cabinet-products .five-elements .product:last-child:nth-child(2) .product-frame, .catalog-section .five-elements .product:last-child:nth-child(2) .product-frame {
        border-radius: 0 27px 0 0
    }
}

@media (min-width: 1101px) {
    .product-section__content.opened-colors .product-visual {
        width: calc(100% - 218px);
        border-right: 1px solid #d1e0ea
    }

    .product-section__content.opened-colors .product-colors {
        max-width: 543px;
        width: calc(100% - 393px - 44px);
        margin: 0 44px 0 0
    }

    .product-section__content.opened-colors .product-colors .info-color-row {
        display: flex
    }

    .product-section__content.opened-colors .slider-visual-nav {
        width: calc(100% + 12px)
    }

    .product-section__content.opened-colors .slider-visual-nav .slide {
        margin: 9px 12px 11px 0
    }

    .product-section__content.opened-colors .slider-visual {
        width: 393px
    }

    .product-section__content.opened-colors .description-section {
        display: none
    }

    .product-section__content.opened-colors .close-colors {
        display: block
    }

    .product-section__content.opened-colors .more-colors {
        display: none
    }
}

@media (min-width: 1201px) {
    .compare-mobile-links {
        display: none
    }

    .brands-row-filter .menu-sort .menu {
        margin: 0 -7px -10px;
        flex-flow: row wrap
    }

    .brands-row-filter .menu-sort .item {
        margin: 0 7px 10px
    }

    .brands-row-filter .menu-sort .item a {
        border: 1px solid #0085db;
        height: 40px;
        border-radius: 20px;
        line-height: 14px;
        padding: 0 13px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transition: all .3s
    }

    .brands-row-filter .menu-sort .item a span {
        border: 0
    }

    .brands-row-filter .menu-sort .item a:hover {
        background: #eaf5fc
    }

    .brands-row-filter .menu-sort .item.active a {
        background: #eaf5fc;
        border-color: #eaf5fc
    }
}

@media (min-width: 768px) {
}
.block-column-reverse{
    display: flex;
    flex-direction: column-reverse;
}
/* End */


/* Start:/local/templates/primary/components/bitrix/menu/header_top_left/style.min.css?1535805008490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/primary/components/bitrix/menu/header_top_left/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/primary/components/bitrix/menu/header_top_middle/style.min.css?1535805008490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/primary/components/bitrix/menu/header_top_middle/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/primary/components/bitrix/search.title/port_mob/style.css?15358050082181*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/primary/components/bitrix/search.title/port_mob/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
.search .products-holder{
	position: relative;
    overflow-y: scroll;
}
/* End */


/* Start:/local/templates/primary/components/bitrix/catalog.compare.list/in_header/style.css?15358050081265*/
.bx_catalog-compare-list{
    font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size:12px;
    z-index:998;
    overflow:hidden;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    width:270px;
    max-height:100%;
    padding:10px 8px 0;
    white-space:normal;
    color:#404040;
    border:1px solid #b7b7b7;
    border-radius:3px;
    background:#fff;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.18);
	margin-bottom: 10px;
}
.bx_catalog-compare-list.fix{
	position:fixed;
}
.bx_catalog-compare-list.top{
    top:5px;
}
.bx_catalog-compare-list.right{
    right:5px;
}
.bx_catalog-compare-list.bottom{
    bottom:5px;
}
.bx_catalog-compare-list.left{
    left:5px;
}
.bx_catalog-compare-list .bx_catalog_compare_form {  }
.bx_catalog-compare-list:hover .bx_catalog_compare_form {  }
.bx_catalog-compare-list a{
    font-size:11px;
    color:#327ab7;
}
.bx_catalog-compare-list a:hover{
    text-decoration:none;
}
.bx_catalog_compare_count p{
    margin:0 0 10px 0;
}
.bx_catalog_compare_count p.compare-redirect{
	text-align: center;
	font-weight: bold;
}
.bx_catalog-compare-list .compare-items td{
    font-size:12px;
    font-weight:bold;
    padding-bottom:10px;
	vertical-align: top;
}
/* End */


/* Start:/local/templates/primary/components/bitrix/sale.basket.basket.line/.default/style.min.css?15358050083569*/
.bx-basket-block{font-size:12px;padding-bottom:5px;white-space:nowrap;position:relative;padding-left:20px}.bx-basket-block>.fa{color:#97a1ab;width:12px;position:absolute;left:0;top:3px}.bx-basket-block a{color:#039be5;border-bottom:1px dashed;margin-right:10px}.bx-basket-block a:hover{text-decoration:none;border-bottom-color:transparent}@media(min-width:768px){.bx-basket-fixed{width:200px;position:fixed;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden;bottom:0;left:0;right:0}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;padding-bottom:20px;border-top:1px solid #f7f7f7;overflow:hidden}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;bottom:0;left:0;right:0}.bx-closed .bx-basket-item-list{height:20px;overflow:hidden}.bx-basket-item-list-action{cursor:pointer;background:#f7f7f7;position:absolute;bottom:0;right:0;left:0;z-index:120;height:20px;line-height:14px;vertical-align:middle;text-align:center;font-size:12px;color:#4f4f4f;padding:3px 0}.bx-basket-item-list-button-container{text-align:center;position:absolute;bottom:20px;border-top:1px solid #f7f7f7;padding:10px 0;background:#fff;left:0;right:0}.bx-basket-item-list-button-container a.btn{color:#ddd;text-decoration:none}.bx-basket-item-list-button-container a.btn:hover,.bx-basket-item-list-button-container a.btn:active{color:#fff}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{padding-top:15px;position:relative;padding-right:10px;padding-left:10px;margin-bottom:15px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{border-bottom:0;margin-bottom:0}.bx-basket-item-list-item-status{font-weight:bold;padding:3px;background:#ebebeb;margin:0 10px 20px;line-height:16px;font-size:13px;border-radius:3px;text-align:center;white-space:normal}.bx-basket-item-list-item-img{text-align:center;position:relative;padding-bottom:5px}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;color:#3f3f3f;text-decoration:none;white-space:normal;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;right:10px;top:-7px;width:20px;height:20px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center;opacity:.5}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;text-decoration:line-through;color:#b0b0b0}.bx_cart_login_top .bx-hdr-profile a{text-decoration:none}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em}
/* End */


/* Start:/local/templates/primary/components/bitrix/search.title/port/style.css?15358050082181*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/primary/components/bitrix/search.title/port/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
.search .products-holder{
	position: relative;
    overflow-y: scroll;
}
/* End */


/* Start:/local/templates/primary/components/bitrix/menu/header_top_middle_mobile/style.min.css?1535805008490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/primary/components/bitrix/menu/header_top_middle_mobile/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/primary/components/bitrix/menu/header_top_left_mobile/style.min.css?1535805008490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/primary/components/bitrix/menu/header_top_left_mobile/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/primary/components/bitrix/menu/footer_left/style.min.css?1535805008490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/primary/components/bitrix/menu/footer_left/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/primary/components/bitrix/menu/footer_center/style.min.css?1535805008490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/primary/components/bitrix/menu/footer_center/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/primary/components/bitrix/menu/footer_right/style.min.css?1535805008490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/primary/components/bitrix/menu/footer_right/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/primary/components/bitrix/socserv.auth.form/flat/style.min.css?15358050082500*/
.bx-authform-social-popup{display:none;background:#fff;width:auto;padding:15px;font-size:14px;white-space:nowrap}.bx-authform-social-popup form{margin-bottom:0}.bx-authform-social-popup input[type="text"]{display:inline-block;max-width:150px;font-size:18px;height:30px;margin:0;padding:0 4px;border:1px solid #ccd5db;border-radius:2px;background:#f8fafc;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-authform-social ul{padding:5px 0 12px;margin:0 0 15px;display:block}.bx-authform-social ul li{position:relative;display:inline-block;width:35px;height:35px;margin-right:5px}.bx-authform-social ul li .bx-authform-social-icon{display:block;width:35px;height:35px;background-image:url(/local/templates/primary/components/bitrix/socserv.auth.form/flat/images/sprite.png);background-repeat:no-repeat;border-bottom:0}  .bx-authform-social ul li .bx-authform-social-icon:hover{opacity:.9}  .bx-authform-social ul li .bx-authform-social-icon.box{background-position:0 0}  .bx-authform-social ul li .bx-authform-social-icon.dropbox{background-position:-44px 0}  .bx-authform-social ul li .bx-authform-social-icon.bitrix24{background-position:-88px 0}  .bx-authform-social ul li .bx-authform-social-icon.yandex{background-position:-132px 0}  .bx-authform-social ul li .bx-authform-social-icon.openid{background-position:-176px 0}  .bx-authform-social ul li .bx-authform-social-icon.odnoklassniki{background-position:-220px 0}  .bx-authform-social ul li .bx-authform-social-icon.google{background-position:-264px 0}  .bx-authform-social ul li .bx-authform-social-icon.mymailru{background-position:-308px 0}  .bx-authform-social ul li .bx-authform-social-icon.livejournal{background-position:-352px 0}  .bx-authform-social ul li .bx-authform-social-icon.openid-mail-ru{background-position:-440px 0}  .bx-authform-social ul li .bx-authform-social-icon.liveid{background-position:-484px 0}  .bx-authform-social ul li .bx-authform-social-icon.liveinternet{background-position:-528px 0}  .bx-authform-social ul li .bx-authform-social-icon.blogger{background-position:-572px 0}  .bx-authform-social ul li .bx-authform-social-icon.vkontakte{background-position:-616px 0}  .bx-authform-social ul li .bx-authform-social-icon.twitter{background-position:-660px 0}  .bx-authform-social ul li .bx-authform-social-icon.facebook{background-position:-704px 0}  .bx-authform-social ul li .bx-authform-social-icon.google-plus{background-position:-748px 0}  .bx-authform-social ul li .bx-authform-social-icon.office365{background-position:-792px 0}
/* End */


/* Start:/local/templates/primary/styles.css?164388049348*/
.products-slider .slick-track{
	height: 440px;
}
/* End */


/* Start:/local/templates/primary/template_styles.css?16438804933798*/
.product-section .description-section .links-holder span {
    margin: 0 30px 0 0;
}
a.bx-composite-btn.bx-btn-red.bx-btn-border.bx-composite-btn-fixed {
    display: none;
}
.h3{
    font-size: .8571rem;
    font-family: "Roboto",Arial,Verdana,Geneva,Helvetica,serif;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 14px;
    letter-spacing: .05em;
}

.h2{
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 6px;
    letter-spacing: .05em;
    font: 900 24px/28px "Roboto",Arial,Verdana,Geneva,Helvetica,serif;
}

.h4{

}

.ceo-description__text ul li:before {
    content: '';
    background: #0085db;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;
}

.ceo-description__text ul li{
    position: relative;
    padding: 0 0 0 14px;
}

.ceo-description__text ol{
    padding: 0 15px;
}

.ceo-description__text ol li{
    position: relative;
    list-style: decimal;
}

.left-column .add_comment {
    cursor: pointer;
}
h1.section-title {
    text-align: center;
    font-size: 22px;
    text-transform: none;
    font-weight: 600;
    color: #000;
    margin: 0 0 19px;
	font-family: "Open Sans",Arial,Verdana,Geneva,Helvetica,serif;
}
h1.section-title:before {
    content: '';
    height: 0px;
    background: #dfe4e7;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: -1px 0 0;
}
div[id^=wait_]{background-image:url(/images/squares.gif)!important;font-size:0px!important;background-position:50% 50%!important;padding:0px!important;background-color:transparent!important;border:none!important;width:82px!important;height:82px!important;position:fixed!important;left:50%!important;top:50%!important;margin-left:-41px!important;margin-top:-41px!important;}
.icon-social-inst-color {
    width: 35px;
    height: 35px;
    background: url(/local/templates/primary/dist/img/social-instagram.png);
    display: inline-block;
}
div#check_email {
    color: #d90022;
    font-size: 13px;
}
.compare-link{
    cursor: pointer;
}
.product-frame i.icon-info{
    display: none;
}
.header.order .header-holder .header__block-left {
    width: calc(50% - 20px); }

.header.order .header-holder .header__block-right {
    width: calc(50% - 20px);
}

.header.order .header-holder .callback-block .phone{
    font-size: 20px;
}

.product-remove-compare {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    line-height: 30px;
    font-family: "Roboto",Arial,Verdana,Geneva,Helvetica,serif;
    font-weight: 100;
    color: #0c8bdd;
    transform: rotate(45deg);
    cursor: pointer;
}
/* AWEB 230860 start */
#similar-products .products-slider .product-content .product-title {
    height: 40px;
    border-bottom: 1px solid #e3e1e1 ;
}

.custom-product-val, #similar-products .product-price{
    height: 40px;
    border-bottom: 1px solid #e3e1e1 ;
}
.custom-rating{
    display: flex;
    color: #000;
    align-items: center;
    padding: 8px 10px;
    border-radius: 10%;
    border: 1px solid #e3e1e1;
    margin-right: 15px;
    margin-bottom: 10px;
}
.custom-rating img{
    width: 20px;
}
.custom-rating-self{
    font-weight: bold;
    margin-left: 10px;
}
.custom-middle-dot{
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}
.custom-soc-rats{
    display: flex;
}
@media screen and (max-width: 767px) {
    iframe {
      max-width: 100%;
    }

    .custom-soc-rats{
        display: block;
    }
    .custom-rating{
        display: inline-block;
    }
}
/* AWEB 230860 end */
h1.title_home:before{height: 0;}h1.title_home{margin-bottom: 40px;}
/* End */
/* /local/templates/primary/dist/css/vendor/font-open-sans.css?158340878122272 */
/* /local/templates/primary/dist/css/vendor/font-roboto.css?158340881125745 */
/* /local/templates/primary/dist/css/vendor/font-awesome.css?158340818728929 */
/* /local/templates/primary/dist/css/vendor/jquery.formstyler.css?153580500811091 */
/* /local/templates/primary/dist/css/vendor/slick.css?15358050081297 */
/* /local/templates/primary/dist/css/vendor/jquery.mCustomScrollbar.min.css?153580500843090 */
/* /local/templates/primary/dist/css/styles.min.css?15833265631026721 */
/* /local/templates/primary/components/bitrix/menu/header_top_left/style.min.css?1535805008490 */
/* /local/templates/primary/components/bitrix/menu/header_top_middle/style.min.css?1535805008490 */
/* /local/templates/primary/components/bitrix/search.title/port_mob/style.css?15358050082181 */
/* /local/templates/primary/components/bitrix/catalog.compare.list/in_header/style.css?15358050081265 */
/* /local/templates/primary/components/bitrix/sale.basket.basket.line/.default/style.min.css?15358050083569 */
/* /local/templates/primary/components/bitrix/search.title/port/style.css?15358050082181 */
/* /local/templates/primary/components/bitrix/menu/header_top_middle_mobile/style.min.css?1535805008490 */
/* /local/templates/primary/components/bitrix/menu/header_top_left_mobile/style.min.css?1535805008490 */
/* /local/templates/primary/components/bitrix/menu/footer_left/style.min.css?1535805008490 */
/* /local/templates/primary/components/bitrix/menu/footer_center/style.min.css?1535805008490 */
/* /local/templates/primary/components/bitrix/menu/footer_right/style.min.css?1535805008490 */
/* /local/templates/primary/components/bitrix/socserv.auth.form/flat/style.min.css?15358050082500 */
/* /local/templates/primary/styles.css?164388049348 */
/* /local/templates/primary/template_styles.css?16438804933798 */